Korean English Japanese

Color Scripter : 프로그래밍을 더욱 보기좋게!

Color Scripter(컬러 스크립) 국내 개발자들이 만든 코드 하이라이팅 사이트입니다. 코드블럭이 불가능한 게시판에서도 HTML 편집 기능으로 다양한 스타일로 표현할 수 있게 해줍니다. 여러가지 스타일이 있고 편하게 사용이 가능하지만, 처음 접하시는 분들은 다소 복잡하게 느낄 수도 있습니다.

좋은 기능들도 많지만, 가끔 네이버블로그에서는 버그가 발생하기도 합니다. 컬러 스크립는 일반적인 하이라이팅 코드블럭을 훨씬 가독성있고 멋지게 꾸며줍니다. 웹개발 관련 글을 보다보면 쉽게 볼 수 있는 컬러 스크립 입니다.

 

Color Scripter(컬러 스크립터) 스타일패키지 / 언어(JavaScript)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script>
        // function to set a given theme/color-scheme
        function setTheme(themeName) {
            localStorage.setItem('theme', themeName);
            document.documentElement.className = themeName;
        }
 
        // function to toggle between light and dark theme
        function toggleTheme() {
            if (localStorage.getItem('theme'=== 'theme-dark') {
                setTheme('theme-light');
            } else {
                setTheme('theme-dark');
            }
        }
 
        // Immediately invoked function to set the theme on initial load
        (function () {
            if (localStorage.getItem('theme'=== 'theme-dark') {
                setTheme('theme-dark');
            } else {
                setTheme('theme-light');
            }
        })();
  </script>
cs

최근에 작성한 코드를 넣어 표현해봤습니다. 바로 위의 코드처럼 하이라이팅 기능으로 가독성이 좋게 꾸며져 있습니다만, 괄호 표시가 기호의 코드값으로 자동 변경이 됩니다. 물론, 이러한 것이 버그라고 하기에는 조금 무리가 있기는 하지만, 일반적인 부등호 표시가 아닌 기호값으로 변환이 되어 다소 불편할 수 있습니다.

이외에 다른 부등호 표시들은 정상적으로 표시가 되는데, 스크립 부등호만 기호의 코드값으로 변환이 되더군요. 코딩에 제한적인 기능만을 제공하는 네이버블로그에서는 더 한계가 극명합니다.

 

위와 같이 가볍게 사용할 수 있는 컬러 스크립터로 다양한 스타일 패키지와 확장 스토어를 통해 더 아름답게 코드를 구현할 수 있습니다. 세부 설정을 통해서 가로와 세로 사이즈도 조정이 가능하며, 복잡한 코드를 가독성 좋게 꾸며줘서 보는 사람으로 하여금 쉽게 내용을 이해하는데 도움을 줍니다.

VIEW MORE LINK