[JAVA Script] console.log( ) 와 document.write( ) 차이점

 

 

document.write() 메소드

document.write() 메소드는 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력한다.

따라서 document.write() 메소드는 대부분 테스트나 디버깅을 위해 사용된다

 

아래 이미지와 같이 웹에 바로 뜬다.

 

출처 : 캡쳐

console.log() 메소드

console.log() 메소드는 웹 브라우저의 콘솔을 통해 데이터를 출력한다.

 

대부분의 주요 웹 브라우저에서는 F12를 누른 후, 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용할 수 있으며,

이러한 콘솔 화면을 통한 데이터의 출력은 좀 더 자세한 사항까지 출력되므로, 디버깅하는데 많은 도움을 준다.

 

아래 이미지와 같이 콘솔창에 바로 뜬다

 

둘다 디버그를 하거나 테스르를 할 때 쓰인다는 공통점이 있지만, 

차이점을 들어본다면, 웹 상에서 뜨는지 아니면 콘솔창에 뜨는지 인 것 같다.

 

- 글의 출처 : TCP 스쿨

www.tcpschool.com/javascript/js_intro_output

코딩교육 티씨피스쿨