소스 코드 포맷해주는 사이트

소스 코드를 포맷시켜주는 유용한 사이트를 소개합니다.

그림1

http://codeformatter.blogspot.com/


제 블로그에는 SyntaxHighlighter라는 소스 코드 포맷기가 설치되어 있는데요. SyntaxHighlighter를 사용하려면 블로그에 코드를 삽입해야만 하고, 또 해당 서버에서 소스를 불러와야하기 때문에 블로그의 페이지 로딩이 다소 느려지는 단점이 있습니다.

지금 소개하는 사이트는 별도의 설치 절차 없이 온라인 상에서 소스 코드를 포맷시켜주는 사이트입니다.

그림2

사용하는 방법은 <그림2>와 같은데요. 옵션 설정 방법에 대해서 간단하게 설명드리겠습니다.

그림3

옵션 '1)' 은 탭을 스페이스 몇 칸으로 할 지를 설정합니다.
옵션 '2)' 는 코드 왼쪽에 행 별로 숫자를 표시할 지를 설정합니다.
옵션 '3)' 은 한 줄이 비어있을 때 이를 빈 칸으로 둘 지, 아니면 빈 칸을 메울지를 설정합니다.
옵션 '4)' 는 스타일을 임베디드(Embeded) 방식으로 할 지를 설정합니다.
옵션 '5)' 는 코드 포맷의 폭을 설정합니다.
옵션 '6)' 은 코드 포맷의 높이를 설정합니다.
옵션 '7)' 은 줄이 바뀔 때 마다 바탕색을 다른 색(흰색과 회색)으로 할 지를 설정합니다.

참고로, 옵션 '7)'은 Yes로 설정할 경우,

그림4

바탕색을 외부에서 그림 파일(그림4)로 불러오는 방식입니다. 그림 파일의 소스가 구글이기 때문에 크게 문제될 것은 없겠으나, 외부 파일을 불러들이는 방식이 마음에 들지 않는다면 no로 설정해주면 되겠습니다.


Blogger나 워드프레스 블로그에서 코드를 포스팅할 때 유용하게 쓰일 수 있으리라 생각합니다.