본문으로 바로가기

 소스 코드를 보기좋게 Color Scripter

 

블로그에 프로그래밍 관련 포스팅을 하려면 프로그램 소스코드가 내용에 포함되는게 비일비재한데 쉬운 방법으로 가독성 있고 보기 좋게 소스코드를 실시간으로 보여주고 삽입할 수 있는 Color Scripter (컬러 스크립터) 라는 사이트가 있어서 소개하려고 합니다. 예전에 프로그래밍 관련 블로그를 운영했었는데 그때는 SyntaxHighlighter 라는 플러그인 형태의 자바스크립트 라이브러리를 사용했었습니다. 하지만, 사용하면서 불편함을 느껴서 더 쉽고 편하고 가볍게 지원해주는 걸 찾는 중에 발견하게 되었습니다.



 SyntaxHighlighter의 단점

 1. JS와 CSS 파일을 추가로 업로드해야하고, skin.html 에 사용하려는 JS와 CSS 파일을 include 해야되서 블로그를 무겁게 합니다.

 2. 프로그래밍 언어별 추가되는 JS 파일이 너무 많다. 이것 또한 블로그를 무겁게 합니다.

 3. 블로그에 글 작성시마다 script 태그가 삽입되어야 해서 글 작성이 번거로워서 효율성이 떨어집니다.

 4. 블로그 스킨 변경시 skin.html 에 작성되는 include 부분을 다시 작업해야 하고, JS와 CSS 파일을 다시 업로드해야 합니다.

  

 Color Scripter 사용 방법

 

아래의 URL로 접속하면 Color Scripter 메인 화면으로 이동합니다.


 Color Scripter 바로가기

 http://colorscripter.com/info



 ✔ Color Scripter 메인화면 입니다. "Color Scripter 웹버전 사용하러 가기" 버튼을 클릭해서 사용화면으로 이동합니다.



 ✔ 코드를 작성할 수 있는 화면입니다.



 ✔ 다양한 프로그래밍 언어 작성을 지원해주고 있습니다. (ActionScript, ASP, Bash, C, C#, CSS, HaXe, HTML, Java, JavaScript, JSP, Objective-C, Perl, PHP, Python, Ruby, SQL, Swift, VisualBasic, XML 등)




 ✔ 배경색을 지정할 수 있습니다. 전 검정색이 가독성 있고 맘에 드네요.



 ✔ 자바를 처음 배울때 많이 작성하는 public static void main 구문을 작성해보았습니다. "클립보드에 복사" 버튼을 클릭해서 복사합니다.



 ✔ 글 작성 화면에서 Ctrl+V 를 누르면 제가 작성한 소스 코드가 짠하고 그대로 나오네요. 굉장히 가볍고 편리합니다.



 ✔ 글 작성화면에 복사한 이후에도 편집이 가능합니다.



 ✔ 작성된 소스 코드를 글 미리보기로 확인해보니 보기좋게 나오는 걸 확인할 수 있습니다.


 마치면서

 

Color Scripter (컬러 스크립터)를 사용해보니 SyntaxHighlighter를 사용할 때보다 더 편하다는 걸 알 수 있었습니다. 블로그에 프로그래밍 관련 포스팅을 자주 하는 분들에게는 유용하게 쓰일 수 있을 것 같습니다.




댓글을 달아 주세요

  1. SONYLOVE 신고">2016.03.02 20:43 신고

    저도 종종 구문 적을 일이 있어 하이라이터를 스킨에 박았는데
    웹에서 쉽게 복사만 하면 되니 빠른 반응속도를 원한다면 이게 훨씬 좋겠네요.

    • 정보통MC 신고">2016.03.02 20:57 신고

      안녕하세요. SONYLOVE님^^
      말씀대로 추가 작업 없이 작성한 소스 코드를 복사해서 사용하면 되니 편하고 빠르게 사용할 수 있어서 앞으로도 계속 사용하게 될 것 같습니다.^^