티스토리 뷰

블로그등 웹에서 소스코드를 넣을 경우 이용되는 코드 하이라이트 중에 하나인  colorscripter에 사용법에 대해서 설명 하도록 하겠습니다.

소스코드를 웹에서 게시 할경우 코드 하이라이트를 이용하지 않고 게시 할때는 코드가 깔끔하지 않고 코드의 들여쓰기 및 띄어쓰기등이 제대로 표현 되지 않아 한눈에 코드가 들어오지 않습니다. 즉 코드에 가독성이 떨어진다는 이야기 입니다.


이럴경우 유용하게 사용 되는 것이 바로 이 'colorscripter'입니다. colorscripter는 간단한 사용법으로 내어쓰기 및 소스코드의 언어등에 따라 특정 키워드의 색상이 변경 되는 등 많은 기능을 제공 함으로서 웹에서 코드의 가독성을 높여 줍니다.



colorscripter URL : http://colorscripter.com


링크를 통해 접속하면 colorscripter 를 바로 이용 할수 있습니다. 굉장히 직관적이고 쉽게 이용 할수 있습니다. 이제 부터 colorscripter 의 옵션 및 사용법에 대해서 알아보도록 하겠습니다.


상단의 '언어'를 선택 할수 있도록 지원 해주고 있습니다. 코드처리 할 코드를 웹에 붙여넣은 경우 기본적으로 자동으로 프로그램 언어를 서치하여 적용 해 주지만 그렇지 못할 경우 사용자가 해당 언어를 선택 해주면 됩니다. 이미지에서도 볼수 있듯이 현재 개발되어 사용되고 있는 거의 대부분의 언어를 지원 해주고 있습니다.



스타일 패키지는 기본적으로 총 3종류가 있으면 이중 원하는 스타일을 적용 해 사용 하면 됩니다. '확장스토어'라는 곳이 추가 되었는데, 다른 유저들이 커스텀한 스타일을 확인하고 별도로 적용 할 수도 있습니다.




이외에 세부 설정도 지원 하는데, 사용자의 환경에 맞게 글꼴,간격,줄번호,크기등 알맞게 조정 하여 사용 할수 있도록 있도록 지원 해주고 있습니다.




사용법은 매우 간단 하며 소스 코드를 붙여 넣은 후 언어,스타일패키지,배경 , 세부설정등을 조절 한 후에 하단에 '클럽보드에 복사' 버튼을 눌러 복사 한 후 웹에 붙여넣기 하면 소스 코드에 스타일이 적용 됩니다.



1
2
3
4
5
6
7
8
9
 
public class HelloWorld {
 
    public static void main(String[] args) {
        // Prints "Hello, World" to the terminal window.
        System.out.println("Hello, World");
    }
 
}
cs

                              (실제 복사된 소스코드)


지금까지 컬러스크립터(colorscripter)에 대해서 알아 보았습니다. 웹에서 소스코드를 깔끔하게 넣기 위한 유용한 하이라이트 툴입니다.

댓글