블로그에 JSBIN을 붙여봤습니다.

JSBIN 은 FrontEnd JavaScript 코드를 간단히 작성하고, 테스트해보고 또 다른사람과 코드를 공유해볼 수 있는 다목적 도구입니다.

오른쪽의 HTML 템플릿을 두고 왼쪽에 페이지 내에 기술될 JavaScript 코드를 작성하면 양측의 코드가 머지되어 결과물을 확인해볼 수 있습니다.

"미리보기"를 누르면 코드가 있던 부분에 미리보기가 가능하며 또한 "내 템플릿 저장"을 누르면 기본 템플릿으로 저장됩니다.

그리고 가장 마음에 드는 기능은 바로 "주소만들기" 기능입니다. "주소만들기"를 클릭하면 현재의 코드를 담은 새로운 url을 생성하여 다른사람과 코드를 공유해서 볼 수 있습니다.

새롭게 생성된 url 우측을 보면 "New revision" 버튼이 보이는데.. 원소스를 두고 새로운 버전을 작업할 수 있습니다.

그렇게 공유된 원 소스를 여러가지 revision으로 수정해가며 다른사람과 커뮤니케이션 할 수가 있습니다.

앞으로는 블로그내 소스를 공유할땐 http://jsbin.boxersb.com 을 통해 여러분과 공유드리면 좋겠네요..

JSBIN 은 오픈소스로써 github을 통해 제공되고 있습니다. http://github.com/remy/jsbin

초간단 JSBIN 설치방법을 공유드립니다~~

1. git 프로젝트를 clone 명령어로 checkout합니다.
   git clone git://github.com/remy/jsbin.git
2. mysql 에 jsbin 용 데이터베이스와 해당 데이터베이스에 access할 수 있는 계정을 만듭니다.
3. clone 해둔  jsbin 디렉토리로 이동하면 ./lib/sql/ 디렉토리가 있는데 이 디렉토리에 있는 *.sql 파일을 mysql로 import 합니다.
   mysql -u[username] -p[password] [data-base-name] < ./lib/sql/jsbin.sql
   mysql -u[username] -p[password] [data-base-name] < ./lib/sql/revisions.sql
4. jsbin 디렉토리의 config.php 파일을 열고 현재 내 mysql 계정정보대로 수정해둡니다.
   
   이때 [offline_directory] 부분에는 offline 모드일때 저장될 서버의 디렉토리를 적어둡니다. 해당 디렉토리는 쓰기권한이 활성화 되어 있어야 합니다.
5. 마지막으로 php -f phpMake 커멘드를 입력하여 최종빌드를 완료하면 OK!
   // php커멘드가 없을경우 php5-cli 설치 (ubuntu)
   apt-get install php5-cli
   php -f phpMake

위 설치 방법은 JSBIN github wiki의 Getting Started(http://wiki.github.com/remy/jsbin/getting-started)에서도 보실 수 있습니다.