[jsp] 자바스크립트 로그 만들기

[jsp] 자바스크립트 로그 만들기

웹프로젝트에서 복잡한 자바스크립트로 사용할 경우에 디버그를 해야 하는 경우가 생깁니다.

자바스크립트 디버그 툴을 이용 할 수도 있지만 찾아서 그걸 적용해서 쓸 정도의 디버그가 아니라면 

간단하게 디버그툴을 간단하게 만들어서 쓰는게 좋을 것입니다.

1. logging용 자바스크립트를 만듭니다.

* log.js

var logCheck = 1; // 1:check 0:not check 

var logmsg = '';

function logln(msg) {

logmsg = logmsg + msg +"<br/>";

var console = document.getElementById("debugConsole");

if (console != null && logCheck==1) {

console.innerHTML = logmsg;

}

}

function logclear() {

logmsg = '';

var console = document.getElementById("debugConsole");

if (console != null && logCheck==1) {

console.innerHTML = logmsg;

}

}

2. 디버그 할 페이지에 log내용을 담을 div를 하나 만듭니다. 위치는 편한 곳에 잡고요

저는 페이지의 제일 아래에 잡아 두고서 액션을 취한 후에 살펴보곤 합니다.

* sample.jsp

<script type="text/javascript" src="log.js"></script>

<a onClick="javascript:logclear();">log clear</a>

<div id="debugConsole" style="overflow:scroll; width:600px; height:500px; padding:10px; background-color:gold">

3. 자바스크립트 함수에서 사용합니다.

function test(value1, value2) {

    var result = 0;

    result = value1 + value2;

    logln('result='+result);

    return result;

}

[jsp] 자바스크립트 로그 만들기