gist 사용법

gist는?

gist는 간단히 말해 소스를 공유하는 서비스라고 보면 된다. 그리고, 이 서비스는 github.com에서 제공한다. gist로 코드를 생성하면, 나중에 다른 곳에서도 재사용하기 쉽다. 생성된 스크립트만 복사하면 되고, gist 자체적으로 히스토리를 제공하기 때문이다.

코드 생성 방법

https://gist.github.com에 접속해서, github 계정이 없다면 계정을 만들자.

가입한 후 로그인하면 1번과 같이 상단의 + 버튼을 클릭하면 코드를 작성할 수 있다.

코드 모음이 생성되면, 이 코드가 무엇인지에 대한 설명을 2번 위치에 적어준다. 확장자를 포함하여 임의의 파일명을 3번 위치에 적어준다. 이 파일명을 바탕으로 syntax highlighter가 활성화된다. (문법 표시) 인용할 코드는 4번 위치에 옮겨 적고, 5번 버튼을 클릭하면 코드가 생성된다.

코드 입력 예제

이렇게 입력하고, 파일명까지 입력하게 되면 다음과 같이 문법이 반영된다.

코드가 생성되면, 우측 상단에 공유를 할 수 있는 버튼 부분이 보인다.

위의 박스로 표시한 버튼을 클릭하면, 위 gist를 공유할 수 있는 스크립트가 클립보드에 복사된다.

<script src="https://gist.github.com/luran-codes/ca55b5e8c563f91e6000cfb16daf8462.js"></script>

코드 생성 결과

이 스크립트를 티스토리 본문에 복사하게 되면, 다음과 같이 반영된다.