document.write와 console.log

예제 연습을 할 때 보면 document.write를 흔히 접하고, 유튜브 강의를 볼 때면 console.log를 흔히 접한다. 두 개념의 차이는 무엇일까.

document.write

document.write() 메소드는 웹 페이지에 가장 먼저 데이터를 출력한다. 

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

주의할 점은 HTML 문서가 모두 로드 된 후에 documnet.write()를 사용하면 먼저 로딩된 데이터가 지워질 수 있다. 

console.log

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

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

출처: TCP School