Color Scripter (코드를 블로그에 올리기)

개발을 하다보면 모르는 부분이나 막히는 부분이 생기면 구글 검색을 통해 많은 사이트등을 들어갑니다.

대표적인 사이트로는 Stack Overflow(여기는 말이 필요없음,, 다만 영어일뿐)가 있고 국내외 블로그, 각 언어의 developer site등 많은 곳을 들어갑니다.

블로그를 들어가보면 텍스트로 설명을 써주고 코드를 보여주는 부분이 있습니다. 만약 일반 설명글과 코드부분의 형식이 같다면 정말 헷갈리는 경우 많습니다.

그래서 대부분의 블로그를 보면 설명과 코드부분은 다르게 표현을 해주는데 기본적인 예로 

int a = 10;
int b = 11;
cout << a+b << endl;

이런식으로 표현을 해줍니다 이렇게 되면 코드와 설명글이 분리가 되어서 쉽게 구분이 되기 때문에 가독성에 효과가 있습니다.

하는 방법은 정말 다양합니다. (HTML 태그, 블로그 내에서 지원, 웹사이트를 통해) 

쉽게 표현 하실수 있게 해주는 Color Scripter라는 웹사이트 입니다. (http://colorscripter.com/)

여기로 들어가시면 첫 화면은

(출처: Color Scripter, 클릭하시면 원본을 보실수있습니다.)

이런 화면으로 시작됩니다. 저기 가운데 흔히 보이는 줄번호가 있고 그 옆에 흰바탕에 블로그에 올릴 코드를 적어주시면 됩니다.

메뉴 툴 박스를 보시면 4가지 기능이 있습니다.

- 언어

언어는 지금 총 20가지의 언어를 지원합니다. (3.0버전 기준)

(지원 목록 : Text, Action Script, ASP, C, C#, CSS, HaXe, HTML, Java, JavaScript, JSP, Objective-c, Perl, PHP, Python, Ruby, SQL, Swift, VisualBasic, XML)

자신이 쓰고 있는 언어를 선택 하시면 그 문법에 따라 코드 하이라이팅이 다르게 표현 될 것입니다. 

- 스타일 패키지

(출처: Color Scripter, 클릭하시면 원본을 보실수있습니다.)

새가지 스타일을 지원합니다. 마음에 드시는 걸로 사용하시면 됩니다. 개인적으로는 서브라임 블랙을 선호 하는 편입니다.

- 배경

(출처: Color Scripter, 클릭하시면 원본을 보실수있습니다.)

이것도 마음에 드시는 걸로 선택 하시면 됩니다. 

단 배경없음(투명)으로 하실경우 뒷배경의 색으로 표현되서 명확하게 표현이 안되는 부분이 생길수도 있습니다. 

- 세부설정

(출처: Color Scripter, 클릭하시면 원본을 보실수있습니다.)

세부설정을 통해 보여주는 미세한 값들을 수정 할 수 있습니다.

모든 것이 완료 되었다면 이제 사이트 오른쪽 밑에 있는 공유하기(친구들 또는 쉽게 다른 사람에게 URL을 통해 공유 할 수 있는 기능),

클립보드에 복사하기를 통해 (컨트롤+c같은 느낌입니다.) 블로그 글 쓰는 곳에 붙여넣기를 하시면 쉽게 코드를 이쁘고 가독성 좋게 표현하실수 있습니다.