잡학잡식: 코딩

2020년 5월 18일 월요일

[블로그관리] Python, HTML, JavaScript 등 각종 코드 보기좋게 블로그에 올리는 방법

요즘은 회사일이든 일상생활이든 코딩을 활용하는 경우가 많습니다.

저 같은 경우는 Python(파이썬)을 살짝 이용해서 엑셀 자료를 편집하거나, 인터넷에 있는 정보를 크롤링 해서 업무에 이용하는 경우가 종종 있습니다.

전문적인 프로그래머는 아니지만, 인터넷 여기저기서 배워서 익힌 유용한 기능들을 블로그를 통해서 소개하고 싶을 때, 유용한 사이트를 소개합니다.

바로 Color Scripter(칼러스크립터)라는 사이트입니다.

자신의 코드를 복사해서 붙이고, 사용한 언어의 종류를 고르면 그에 맞게 자동으로 이쁘게 꾸며줍니다. 당연히 자신의 스타일에 맞게 글꼴이나 색생, 배경색 등을 선택할 수 있고, 확장스토어를 통해서 다른 사람이 만들어 놓은 이쁜 스킨을 적용할 수 있습니다.

저 같은 경우는 회사 컴퓨터에서 보안 관계로 파이썬(Python)의 기본편집기 밖에 설치가 안되어있어서 작성하다보면 이것저것 빼먹는 경우가 있는데 그럴 때 이용하면, 보기 쉽게 정리되서 나와서 좋습니다.

또한 칼러스크립터에 복사한 코드는 복붙을 이용 해서 옮길 수도 있고, HTML형식으로 변환해서 옮길 수도 있습니다.

<복붙으로 옮긴 예>

<script type="text/javascript">
var year;
var mon;
var day;
function input(){
	var input0 = document.getElementById('inputy').value;
	var input1 = document.getElementById('input').value; 
	var input2 = document.getElementById('inputd').value; 
	year = input0;
	mon = input1;
	day = input2;
	var stDate = new Date(year, 0, 1);
	var endDate = new Date(year, mon - 1, day) ;
	var btts = endDate.getTime() - stDate.getTime() ;
	var btds = 1 + ( btts / (1000*60*60*24) ) ;
	document.getElementById("output").value = btds;
}
</script>

<HTML로 옮긴 예 1(아래)>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
var year;
var mon;
var day;
 
function input(){
 
    var input0 = document.getElementById('inputy').value;
    var input1 = document.getElementById('input').value; 
    var input2 = document.getElementById('inputd').value; 
    year = input0;
    mon = input1;
    day = input2;
 
    var stDate = new Date(year, 0, 1);
    var endDate = new Date(year, mon - 1, day) ;
    var btts = endDate.getTime() - stDate.getTime() ;
    var btds = 1 + ( btts / (1000*60*60*24) ) ;
 
    document.getElementById("output").value = btds;
 
}
</script>
Colored by Color Scripter
cs

<HTML로 옮긴 예 2(아래)>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
var year;
var mon;
var day;
 
function input(){
 
    var input0 = document.getElementById('inputy').value;
    var input1 = document.getElementById('input').value; 
    var input2 = document.getElementById('inputd').value; 
    year = input0;
    mon = input1;
    day = input2;
 
    var stDate = new Date(year, 0, 1);
    var endDate = new Date(year, mon - 1, day) ;
    var btts = endDate.getTime() - stDate.getTime() ;
    var btds = 1 + ( btts / (1000*60*60*24) ) ;
 
    document.getElementById("output").value = btds;
 
}
</script>
Colored by Color Scripter