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 |
최근에 작성한 코드를 넣어 표현해봤습니다. 바로 위의 코드처럼 하이라이팅 기능으로 가독성이 좋게 꾸며져 있습니다만, 괄호 표시가 기호의 코드값으로 자동 변경이 됩니다. 물론, 이러한 것이 버그라고 하기에는 조금 무리가 있기는 하지만, 일반적인 부등호 표시가 아닌 기호값으로 변환이 되어 다소 불편할 수 있습니다.
이외에 다른 부등호 표시들은 정상적으로 표시가 되는데, 스크립터 부등호만 기호의 코드값으로 변환이 되더군요. 코딩에 제한적인 기능만을 제공하는 네이버블로그에서는 더 한계가 극명합니다.
위와 같이 가볍게 사용할 수 있는 컬러 스크립터로 다양한 스타일 패키지와 확장 스토어를 통해 더 아름답게 코드를 구현할 수 있습니다. 세부 설정을 통해서 가로와 세로 사이즈도 조정이 가능하며, 복잡한 코드를 가독성 좋게 꾸며줘서 보는 사람으로 하여금 쉽게 내용을 이해하는데 도움을 줍니다.
'Kit > Web Tool' 카테고리의 다른 글
임시 이미지 업로드 — ImgBB (0) | 2020.08.22 |
---|---|
게임 닉네임 만들기 추천사이트 '워드로' (0) | 2020.07.21 |
CSS, HTML, C Style 코드를 정리해주는 사이트 Tabifier (0) | 2020.06.16 |
컬러 그라데이션(음영) 생성기(Color Shades Generator) (0) | 2020.06.12 |
HTML 태그 및 속정 정리 해주는 사이트 (0) | 2020.06.12 |
배경있는 움짤(gif) 이미지를 투명하게 만드는 방법 (0) | 2020.06.12 |
ttf → woff 변환 온라인 변환 도구 'convertio' (0) | 2020.06.08 |
흙손도 금손으로 만들어주는 누끼 작업 웹툴 사이트 'remove.bg' (0) | 2020.05.18 |