GitHub 에서 제공해주는 JS Bin에 접속하는 방법

GitHub 에서 제공해주는 JS Bin에 접속하는 방법

프로젝트나 솔루션의 단위가 커짐으로써 버전관리의 중요성 또한 보안 못지 않게 대두되고 있다고 해도 과언이 아닐 것이다. 버전관리에다 다양한 코드들을 사용해보고 테스트해보고 할 수 있는 에디터를 제공하고 있는곳이 바로 GitHub 에서 제공하는 JS Bin 이다.

다양한 비슷한 tool을 제공하는 서비스들이 있겠고 나름데로 장단이 있겠지만 내가 경험한 GitHub 의 Gist 와 JS Bin은 훌륭함 그 자체이다.

각설하고 내가 JS Bin을 알아가면서 힘들었던 부분들을 토대로 한글 메뉴얼을 작성해 볼 예정이다 번역본은 아니며 사용하면서 알아낸 기본 메뉴얼이라 생각하시면 되겠다. 틀린점이 있다면 잘 알려주길 바란다.

How to use JS Bin

일단 http://jsbin.com/lopero/2/edit?html,css,js,console,output

위의 링크주소를 분석해보면 위의 사진처럼 HTML,CSS,JS,concole,output 창들이 다 열렸을때를 나타낸다

만일 HTML창과 output 창만 열렸다면 http://jsbin.com/lopero/2/edit?html,output 이 될 것이다. 위 링크로 이동하면 위 사진의 모습을 볼 것이다.

JS Bin 기본 메뉴얼

편의를 돕기위해 주요 메뉴 부분만 확대 했다.

1,2,3,4,5 .

6. New
7. Make bin private
8. Delete
9. Unarchieve
10. My Bins
11. Add description
12. Save snapshot
13. Clone
14. Publish to vanity homepage
15. Export as gist
16. Download
17. Save as templete

버튼은 해당 에디터 창을 열고 닫는다 .

18번 New bin과 같은 메뉴로서 새로운 문서를 생성한다.

공개형이 아닌 개인 문서를 만든다 유료 서비스이다.

에디터창의 현재 창을 삭제 한다.

획득한 문서를 비획득 상태로 돌린다.

나의 문서 폴더를 열어서 열람하고 필요하면 실행한다.

문서 내부에 설명을 작성하게 코딩을 해준다.

실행(output)화면을 My Bins에 저장한다.

해당문서를 복사한다.

가상 홈페이지를 발행한다. 유료 서비스

문서를 Gist로 보낸다

문서를 다운 받는다.

현재 templete을 저장한다.

다음 포스팅에는 Sulime Text 를 이용해서 Gsit 하는 방법을 알아 보자