-meaning s and k-: 3월 2015

2015년 3월 26일 목요일

New Audi Matrix OLED lighting & “the swarm” tail lights - tech and desig...

OLED 를 이용한 아우디 .....

시연용으로는 충분한데 실제 도로에서 적용되기엔 엄....엄...

2015년 3월 24일 화요일

브라우저 크기에 따라 이미지 리사이징

모바일, 웹의 브라우저의 크기에 따라 유동적으로 삽입된 이미지가 함께 리사이징 되는 효과.

<style>
.wrapper {width:58.536585%; /*960/1640 = .58536585*/ margin:0 auto;}
.resize {width:100%; height:auto;}
</style>
<div class="wrapper">
<img class="resize" src="image.jpg" />
</div>

여기서 58.536585%는 알아서. 나는 가로사이즈가 꽉 차있어야 하는 상황이었기때문에 100%으로 변경했다.

출처 : http://stackoverflow.com/questions/4572621/auto-image-resize-based-on-browser-window-dimensions

img태그 이미지 위에 또 이미지를 올릴때

아래와 같은 예시를 참고

<html>
<head>
<title>test</title>
<style type="text/css">
#chk {
position:absolute;
left:10;
top:10;
}
</style>
<script language="JavaScript">

</script>
</head>
<body>
<img src="http://dummyimage.com/600x400/a34653/342433"> 
<div id="chk"><a href="#"><img src="https://cdn4.iconfinder.com/data/icons/geomicons/32/672366-x-128.png"></a></div> 
</body>
</html>

* 결과 보기 http://jsbin.com/qigikumipo

APM에서 웹페이지 상에 한글이 깨져보일때

한글 깨짐 문제

/etc/mysql/my.cnf 중 [client], [mysqld]에 default-character-set 값을 추가해줌

예를들어 데이터베이스의 인코딩으로 UTF-8을 쓴다고 하면 my.cnf 파일을 아래와 같이 수정해 준다.

[client]
default-character-set=utf8
[mysqld]
default-character-set=utf8

&

메모장에서 파일 저장시 반드시 uft-8 인코딩 으로 지정해주고 저장.

http://opentutorials.org/course/195/1361

2015년 3월 23일 월요일

.htaccess 파일을 이용하여 특정아이피만 접근허용 또는 접근 불허

서버상에서 루트 path에 .htaccess파일을 생성하여
아래와 같이 추가한다.

1. 특정 아이피/관리자만 볼수있도록 홈페이지 접근 제한
- 특히 홈페이지를 잠시 닫아놓거나 오픈 이전에 특정몇명만 접근이 가능하도록 설정한다.

<Limit GET POST>
deny from all
allow from 아이피주소
allow from 아이피주소
:
</Limit>

2. 특정 아이피만 차단
- 스팸성이 있는 접근을 차단하기 위해 해당 아이피만 접속이 안되도록 설정 할 수있다.

<Limit GET POST>
deny from 아이피주소
deny from 아이피주소
:
</Limit>

위와 같이 설정하면 차단된 아이피로 홈페이지 접근시 HTTP 403 접근권한 없음 페이지가 보인다.

2015년 3월 18일 수요일

AWS EC2에 RDS 디비 phpmyadmin 연동하기

링크 : http://ryusstory.tistory.com/293

을 바탕으로 설정하였다.

그래도 안되어서 몇시간 애먹었는데 이것저것 하다보니 결국 됐다

마지막에 고친것은 원래 phpmyadmin 깐 폴더명이 phpMyAdmin으로 돼있는데 잘 안돼서 저걸 다 소문자로 했더니.... 안되었다가 다시 원복하니까 드디어 페이지가 로딩되며 동작하였다.

그리고 접속 가능한 IP 주소 설정시, 편집기 열어 ip주소 넣어줄때 RDS 주소로 넣어줘야 한다. 나는 별 생각없이 EC2 고유 주소로 넣어줘서 안됐었다;

커맨드 창에서 파일 내용 찾기

예를들어 C:\ 내에 있는 파일 내용을 찾고싶다면

cmd 하고,

findstr /s "문자열" C:\

입력 한다.

리눅스 서버용량 체크

fdisk -l
현 서버 하드정보 및 파티션 내역

* df : 전체 파티션 기준

df -m // M 단위로 용량 확인
df -k // K 단위로

* du : 현재 디렉토리 기준 (하위 폴더 포함) 파일용량 체크

du -h // K이상 계산하여 수치 용량 출력 (기호 출력)
du -m // M단위 용량 수치 출력 (기호 출력X)
du -m > file.txt //용량정보를 file.txt에 저장해라
du -sh // 토탈 수치만 보여줌

아파치 서버 재시작 하지않고 설정 적용하기

httpd 로 재시작 하려는 경우

/etc/init.d/httpd graceful 입력

-k 제외

2015년 3월 14일 토요일

[개발일지 : 작성중] 1. 안드로이드 개발 환경 세팅

- 작성중 -

안드로이드 개발환경 세팅

현재 맥을 사용하고 있기에 Mac OS X 기준으로 작성

~~자바 SE깔기~~
~~오라클 페이지 접속 하여 Downloads > Popular downloads > Java for developers 이동~~
~~http://www.oracle.com/technetwork/java/javase/downloads/index.html~~
~~에서 나오는 두개의 버튼중 아무거나 클릭 > Mac OS X 용 설치~~

Android Studio 설치

Android studio는 Intellij라는 툴을 기반으로 구글 안드로이드에서 무료로 배포하고 있는 툴이다.

다음의 http://developer.android.com/sdk/index.html 이동 하여 Mac용 다운로드 및 설치

- 작성중 . 추가 예쩡 -

2015년 3월 4일 수요일

[WP 설치] 아마존 AWS 서버 EC2에 워드프레스 설치 및 세팅

아마존 EC2 서버에 워드프레스를 설치했던 과정을 기록한다.

1. FTP 환경설정

먼저 아마존 서버로 워드프레스 파일을 업로드 해서 설치 해야하기 때문에 우선 FTP 세팅을 해주어야 한다.
EC2는 ssh로 접속을 하는데 비번접속이 아닌 암호화된 pem파일을 이용해서 접속이 가능하다. (인스턴스 생성 완료 시 다운받은 파일)

또한 EC2는 root유저가 없으며 기본적으로 ec2-user를 사용하게끔 되어있다.
- PuTTYgen프로그램을 실행하여 pem파일을 프라이빗 키 ppk 파일로 변환한다.
- 파일질라 등의 FTP프로그램을 연다. setting > ppk 파일을 직접 지정한다.
- 다 되었다면 접속한다. 접속 시, SFTP 에서 호스트 명 (아이피주소) / 사용자 ec2-user 지정하여 접속한다.

*이것에 관한 자세한 설명은 아래 참고한 링크를 통해 확인한다.
- http://regularmotion.kr/aws%EC%97%90-apm%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0-3-ppk-%ED%8C%8C%EC%9D%BC-%EC%83%9D%EC%84%B1-putty-%EC%A0%91%EC%86%8D/
- http://trend21c.tistory.com/1298

2. 워드프레스 설치
일반적인 워드프레스 설치방법대로 설치한다.

3. jQuery 에러사항
워드프레스 사용중 아래와 같은 에러를 발견하였다.

jQuery is not defined and Uncaught ReferenceError: jQuery is not defined

해결방법은 아래와 같다.
참고 링크 : http://www.kevinleary.net/wordpress-admin-jquery-is-not-defined/

SSH or FTP into your site and open up your wp-config.php file. Turn off script concatenating by adding this line:

define('CONCATENATE_SCRIPTS', false);

Make sure you add this before:

/** Absolute path to the WordPress directory. */ if ( !defined('ABSPATH') ) define('ABSPATH', dirname(__FILE__) . '/');

나의 경우 Step 1만 하고, 나머지는 ssh체크 후, ppk넣고 진행하였다. 호스트는 EC2서버의 아이피 주소를 넣었다.

4. SFTP접속 가능하게 해주는 워드프레스 플러그인
아마존으로 설치한 워드프레스에서 플러그인 설치 및 업데이트, 워드프레스 자동/업데이트 등을 관리자 화면에서 진행시 필요한 것들이다.

* SSH SFTP Updater Support plugin 설치
- http://wordpress-tips4all.blogspot.kr/2012/12/wordpress-asking-ftp-or-ftpsssl-ec2.html
- https://wordpress.org/plugins/ssh-sftp-updater-support/

5. 기타 에피소드
워드프레스를 설치하고 다른곳에 있던 워드프레스 데이터를 가져올때
Import Wordpress에서 wp-content/uploads를 못가져온다는 에러가 났었다.

이때 wp-content 아래 uploads 폴더를 직접 생성하고 권한 777했더니 정상작동하였다.
(upload폴더 자체가 생성이 되어있지 않았었다.)

[WP 팁] 워드프레스 주소/설치 폴더명을 바꾸는 방법

워드프레스를 서버에 설치시, cafe24등에서 자동셋업하면 wp이름으로 된 폴더내에 설치가 되곤 한다.
사실 그거 말고도 워드프레스 설치할때 보통 일반적으로 wp 또는 wordpress등의 이름으로 사용하는데 이럴경우 쫌...보안적으로 위험할 수 있다.
(임의로 주소를 쳐서 돌려버리니까...많이 쓰는 비번들 뚫는것처럼 주소도 마찬가지)

이미 설치가 되어있는경우 워드프레스 폴더명을 다른이름으로 바꿀수 있는 방법을 소개한다.

1. 관리자 화면접속 > 설정 > 일반 이동

2. 바꾸고자 하는 주소를 폴더명까지 기재.

워드프레스 주소 : http://주소명/바꾸고자하는폴더명
사이트 주소 : http://주소명

3. FTP등으로 접속하여 현재 설치된 폴더명을 바꾸고자하는폴더명으로 변경

4. index.php파일을 루트폴더로 복사해서 붙여넣고 파일을 에디터로 연다

5. 아래와 같이 주소를 변경한다.

/** Loads the WordPress Environment and Template */require( dirname( __FILE__ ) . ‘/바꾸고자 하는 폴더명/wp-blog-header.php’ );

6. .htaccess 파일도 마찬가지로 루트폴더에 복붙한다. 만일 파일이 보이지 않으면 숨겨진파일보기를 통해서 찾는다.

7. 고유주소를 세팅한 적이 있다면 업데이트 해야한다고 한다.(이건 나도 안해봐서 모르겠으나 참고...로)

* 사이트 : http://hellodol.ly/2014/01/17/wordpress-cafe24-wp-folder-name/ 내용을 참고
* 참고 : http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory

2015년 3월 2일 월요일

[제로보드 이전] zboard4의 데이터를 xe로 이전

누구나 가지고 있겠지만 나의 경우도 마찬가지로 나만의 웹의 역사가 있다.
홈페이지로 따진다면 수능 본 이후부터...로 거슬러 올라갈수 있을것 같다.
정식적으로는 재수이후, 즉 대학교 때부터 쭉 거쳐오던 나만의 홈페이지들의 변천사를 만들어 가고 있었는데..... (중략)

그러한 흔적들이 지금 현재 남은것이라곤 몇년째 월 500원씩만 내고 유지해오던 cafe24서버에 저장된것들이 되었다.

제로보드에 저장해둔 글, 끄적거린것, 친구들과 이야기 하던것들 일부가 저장된채로 방치하다가,

이거 안되겠어 이젠 뉴 서버에 좀 옮겨놔봐야지....라고 마음을 먹은게 몇해가 지났다.

그러다 오늘에서야 으앙 마이그레이션 해보기로 마음을 먹게 되었다.

우선, 예전 계정으로 로그인 접속하여 관리자 화면으로 들어가보았다.

아아, 고대유물의 향기.

몇년전이지만 몇십년이 지난득 아득한 세월이다.

이제 이것을 XE로 이전 시켜보려고 한다.

zboard는 XE 내로 흡수되었기 때문에 XE 자료실에서 마이그레이션 툴을 다운받아 사용 할 수 있는것으로 보였다.

https://www.xpressengine.com/index.php?mid=download&package_id=18324313

다운로드 버튼을 눌러 마이그레이션 툴 파일을 다운받고 본문에 나온 설명이 적혀있다는 링크된 페이지로 이동하려 했더니

야(...)

너무 오래된 세월이 지난것인가. 그래봤자 몇년 지난것 아닌가. 넘무해. 데드링크는 확인좀 해주지 ㅠ.ㅠ 미워

깨진링크에 낙담하지 말고 궁여지책으로 archive.org 의 힘을 빌어보기로 한다.

위 링크의 대충의 히스토리를 보아하니 2012년도 이후로 사망한것으로 보였다.

다행히도 아카이브닷옭... 사이트 덕분에 2012년의 저장된 페이지를 발견할 수 있었다.

https://web.archive.org/web/20120109170320/http://migration.xpressengine.net/wiki/18298740

이제 이것을 보고 이전 작업을 진행해보기로 한다.

새 서버로의 이전이며 다 이전하면 구 서버는 반납할 예정이다.

위 포스트에 나온바와 같이 따라해보았다.

압축푼 파일을 zboard서버내 폴더로 업로드 한다.

http://사이트주소/업로드 한 파일이 위치한 폴더명/index.php로 입력한다.

EUC-KR , Mysql이면 그대로 놔두고 추출할 대상을 선택한 뒤 xml을 다운로드 한다.

다운로드한 xml 파일들을 이제 옮기고자 하는 신서버(또는 폴더)로 업로드 한다. 아무 폴더나 괜찮다.

이제 신서버(또는 폴더)가 위치한 XE 관리자 화면 > 콘텐츠 > 데이터 들여오기 클릭

각각의 경로 입력란에 xml을 올린 폴더의 경로를 입력후, 경로확인, 데이터들여오기를 누른다.

이때 미리 메뉴/게시판을 생성해놓아야 함은 당근!

들여올때 어느 모듈(페이지)안에다 넣는지 지정하게끔 되어있기 때문이다.. 아래와 같이...

지금 요 데이터는 미리 생성해놓은 저 게시판 메뉴에다 넣겠다...

이때 하단의 회원정보 동기화를 체크 하면 옮기고자 하는 데이터의 작성자 명을 그대로 가져오게 된다. 만약 체크하지 않으면 guest로 계정을 가져오게 된다.

완료되면 정상적으로 잘 반영된 게시판을 확인할 수 있다. 한글깨지는 문제 있다고 누군가 리포트 한것을보았는데 다행히 잘 옮겨졌다. 후훗. completed!

XE로 이전이 잘 마무리 되었다.

[WP 플러그인] 워드프레스 사이트에서 방문자 통계 확인

직접 서버에 워드프레스를 설치한 경우, 자체적으로 워드프레스에서 방문자 통계 등을 보여주는 기능이 없기 때문에 제공된 추가 플러그인을 깔아 정보를 확인한다.

대표적으로 구글 어날리틱스(Google Analytics) 플러그인을 설치할 수 있지만 디테일한 기능을 가진 만큼 느려지는 단점도 존재한다.

대시보드가 좀 느려진다면 Jetpack이라는 플러그인을 사용 하는 방법이 있다.

워드프레스닷컴 사이트(설치형이 아닌 가입형)의 통계 기능을 연결해서 사용하게끔 한다. 때문에 필요한 사항은 자신의 설치형 워드프레스 계정, Jetpack플러그인, 가입형 워드프레스닷컴의 계정이 되겠다.

통계의 경우 관리자 화면에서 방문자 추이, 일별 접속수치 등과 개별 포스트의 방문자 카운트 등을 확인가능하다.

그밖의 다른 여타 기능을 제공한다.

상세한 정보는 아래의 링크를 통해 확인하자.

* Jetpack 플러그인 다운로드 접속 페이지 : https://wordpress.org/plugins/jetpack/

* 참고한 블로그 글 및 상세 설명확인 : http://codaa.tistory.com/104

-meaning s and k-