(Blog Tip)프로그래밍 코드를 에디터에서 처럼 블로그에 나타내기 (Java)
프로그래밍 관련 블로그를 처음 조금 신경쓰이는 부분 중 하나가 소스코드를 코드 편집기에서와 똑같이 어떻게 하면 블로그 포스트에 나타낼까 인것 같아요. 이건 꼭 블로그 뿐만 아니라 카페 게시판이나 어느 온라인 상에 올릴 경우 문제가 되는 부분인것 같은데요.
위 처럼 HTML 편집 텝을 선택하시고, 아래 편집창에 빨간 상자처럼 꼭 한줄을 떼고 복사한 html 코드를 붙여 넣습니다. 한칸 안떼면 코드 상자와 본문 내용이 딱 붙어버리고 다시 편집 하려고 하면 구글에서 코드 변형을 하기 때문에 원하는 모양이 안나오게 됩니다.
검색해보면 여러 팁들이 나오는데, 저는 구글의 Blogger 에 코드 관련 블로그를 마련했기 때문에 여기에 올릴때 어떻게 하면 자바 코드를 잘 올릴 수 있는지 소개해 보겠습니다.
이곳에 가셔서 포스팅할 소스 코드를 아래와 같이 상단에 붙여 넣으면 HTML 코드로 변환을 해줍니다. 아래쪽 칸에 변환된 코드가 나타나게 됩니다. 이것을 복사해서 포스팅 할 때 쓰면 됩니다.
코드를 붙여넣은 뒤 오른쪽 상단에 옵션을 잘 조절하셔야 합니다.
이렇게 하시면 무난할 것 같아요. 맨 아랫쪽에 "Include new lines" 를 선택하면 구글 블로거의 특성상 칸이 너무 벌어지기 때문에 안하는 것이 좋습니다.
그 다음은 포스트를 할때가 문제가 되는데요.
이렇게 해서 포스팅을 하면 아래 링크와 같이 원하는 모양의 소스코드를 포스팅 할 수 있습니다.
Leave your greetings here.