티스토리 블로그에서 프로그래밍 코드 깔끔하게 보여주는 법 (코드블럭)

티스토리 블로그에서 프로그래밍 코드 깔끔하게 보여주는 법 (코드블럭)

 

티스토리 블로그에는 어느 플랫폼 보다 많은 프로그래밍 관련 정보가 있다. 이들 블로그에서는 각종 예시를 보여주기 위해 실제 프로그램 코드를 보여주고는 하는데, 막상 블로글에 프로그래밍 코드를 붙혀넣기 하면 굉장히 보기도 어렵고 그리고 다시 복사해서 사용하기도 어렵다. 이를 위해 티스토리에 기본적으로 내장되어 있는 "코드블럭" 이라는 기능을 사용해보자.

 

코드블럭 메뉴 위치

 

코드블럭기능위치-스크린샷

위 스크린샷을 보면 알겠지만, 보통 잘 들어가지 않는 곳이라 모르고 있었을 수도 있다. 하지만 한번 보면 잊혀지지않는 편리한 위치! 코드를 삽입할 부분에 커서를 놓고 저 "코드블럭" 메뉴를 클릭해보자.

 

코드블럭 사용 방법

 

아래처럼 코드를 입력할 수 있는 팝업이 뜨게 되고, 여기서 코드를 직접 작성해도 되고, 다른 프로그램에서 작성한 코드를 복사 - 붙혀넣기 해도 된다. 

 

확인을 눌러주면 아래처럼 글에 별도의 프레임이 생기면서 코드가 깔끔하게 들어가게 된다. 이후 수정을 할려면 코드블럭을 클릭하면 위쪽에 조그맣게 "<>" 라는 버튼이 활성화 되고 이를 누르면 전에 봤던 팝업이 뜨면서 코드를 다시 수정 할 수 있게 된다.