티스토리 블로그에 코드 블록 쉽게 입력하기

컴퓨터 언어 관련된 포스팅을 쓰려면 코드 블록이 필요해요. 하지만 티스토리 편집기에서는 아쉽게도 코드 블록을 삽입할 수 있는 기능이 따로 구비되어 있지 않아요. 구글링으로 방법을 검색해보면 SyntaxHighlighter를 사용한 방법이 많이 소개되죠. 하지만 설치하는 과정이 약간 복잡해요. 그래서 아주 간단하게 코드 블록을 삽입하는 방법을 소개해드릴게요. 

1. 먼저 편집기 오른쪽 상단에 있는 HTML 체크박스를 클릭해주세요.

2. 위 HTML에 체크가 되어있는 상태에서, 편집기에 아래와 같은 코드를 입력해주세요. 복사해서 붙여넣기 하셔도 됩니다.

<pre><code></code></pre>

3. 1번에서 체크하셨던 HTML 체크박스에 체크를 해제하시면, 회색 네모박스가 생기신 걸 보실 수 있어요. 여기에 원하시는 코드를 입력해주시면 끝이에요! 단, 줄바꿈을 할 때는 Enter 키를 누르시지 말고, Shift 키를 누른 상태에서 Enter 키를 눌러주세요. Enter 키만 누르시면 줄 바꾸기가 아니라 아래에 박스가 하나 더 생겨요.

글꼴 색상은 편집기 기능으로 쉽게 변경해주세요. 원하는 부분을 하나하나 바꿔야 한다는 수고가 있지만, 그래도 어떤 방법보다 쉽게 코드블록을 입력할 수 있는 방법이에요.