블로그 글 쓸 때 자바 코드 첨부하기

저는 지금 웹개발에 관련된 블로그를 운영하고 있기 때문에

포스팅을 하다 보면 코드를 삽입해야 할 때가 가끔 있습니다.

그 때 그냥 글을 쓰듯이 코드를 쓰면

가독성도 떨어지고 글이 보기 지저분해 지는 것 같아집니다.

그래서 코드를 추가할 때 이클립스같은 개발 툴에서 쓰는것처럼

크기와 색깔 등을 다르게 하여 원글과 구분을 지어 코드를 삽입하는 방법을

포스팅하려고 합니다.

여러가지 방법이 있겠지만 제 기준 가장 편한방법 한가지만 알려드리려고 합니다.

다른 방법들도 많으니 이 방법이 싫으신 분들은 검색을 통해 다른 방법을 사용하시기 바랍니다.

1. 우선 https://colorscripter.com/

홈페이지에 접속을 합니다.

2.  코드를 쓴 후 왼쪽 위에서 언어를 선택하고 스타일을 선택한 후

오른쪽 아래에 클립보드에 복사를 누릅니다.

플래시를 지원하는 브라우저면 자동으로 복사가 되고

플래시가 지원이 안되면 복사할 수 있는 창이 뜹니다.

코드를 복사한 뒤에 블로그 글을 쓸 때 붙여넣으면

<script>
function buttonFunction() {
    if(document.getElementById("text").value != document.getElementById("hidden1").value) {
        alert("아이디가 틀렸습니다.");
    } 
    if(document.getElementById("password").value != document.getElementById("hidden2").value) {
        alert("비밀번호가 틀렸습니다.");
    }
    if((document.getElementById("text").value == document.getElementById("hidden1").value) && (document.getElementById("password").value == document.getElementById("hidden2").value)) {
        alert("로그인 되었습니다.");
    }
}
 
</script>

이런식으로 코드를 붙여 넣을 수 있습니다.

블로그 포스팅하는데 조금이나마 도움이 되시길 바랍니다.