Developer MJ Story

포스팅시 코드 가독성 높이기(Syntax Highlighter) 본문

Software

포스팅시 코드 가독성 높이기(Syntax Highlighter)

집근처 2016. 1. 9. 14:08
반응형



안녕하세요.
집근처 개발자 입니다.

오늘은 블로그에 소스 코드 공유할 때 가독성을 높일 수 있는 방법을 알려드릴게요.
저도 지금까지 보시는 분들을 고려하지 않고 그냥 코드를 Ctrl + c, Ctrl + v 해서 공유 했는데요.
죄송합니다.
보기 힘드셨죠...

이제부터 코드는 SynyaxHighlighter를 이용해서 올리도록 하겠습니다.
SynyaxHighlighter를 사용하여 아래와 같이 코드에 자료형, 함수명 등이 표시되어 가독성을 월등히 높일 수 있습니다.

사용전
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

사용후!
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);		
		
	}

어떠세요.

가독성이 월등히 높아 졌죠!!

이제부터 적용 방법을 알려드릴게요.


블로그 <관리> -> <꾸미기/HTML, CSS 편집>

에서 HTML 부분 상단에 <head> .... </head> 사이에 아래 항목을 넣습니다.


<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css' rel='stylesheet' type='text/css'>

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script language='javascript'>SyntaxHighlighter.all();</script>

사용하는 언어를 적용하는 script를 추가로 넣어 주세요.
shBrushJava.js 부분만 아래 링크 확인 하셔서 변경해서 추가 하시면 됩니다.

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script>


이러면 끝!

정말 쉽죠.


이제 사용법입니다.


사용법도 간단합니다.


포스팅 하실때 소스 코드할 때 포스팅 할때 오른쪽 위에 HTML 체크 박스 체크하셔서 아래와 같이 넣어 주시면 끝!


<pre class="brush:java" style="line-height: 2;">

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

</pre>



아래는 SyntaxHighlighter 사이트에요.

SyntaxHighlighter : http://alexgorbatchev.com/SyntaxHighlighter/


정말 쉽죠!


반응형
저작자표시 비영리 변경금지

'Software' 카테고리의 다른 글

개발자에게 가장 중요한 Font! 추천 font Source Code Pro(adobe : source sans pro)  (0) 2016.01.06
[Software/UML] UML 기본을 알자 - Class Diagram  (0) 2014.07.28
[Software] Developer MJ Programming Tip  (0) 2014.06.12
'Software' Related Articles more