자바스크립트 console.log(document)

수정 조회수 332인사이트

console.log 기본 개념부터 브라우저 콘솔 여는 방법, 자주 쓰는 출력 예제를 정리해 자바스크립트 디버깅 입문에 바로 활용할 수 있습니다. console.log란, 브라우저 콘솔이란, 콘솔을 여는 단축키 등을 다룹니다.

console.log란

console 객체의 log 메서드로, 입력한 텍스트나 수식 계산 결과 등을 콘솔에 출력하는 기능입니다.
console.debug(document)와 동일합니다.

브라우저 콘솔이란

콘솔이란 브라우저에 있는 개발자용 도구 내의 기능으로 로그를 확인하고 스크립트 명령어를 입력하는 패널입니다.

콘솔을 여는 단축키

  • 크롬: Ctrl + Shift + J
  • 파이어폭스: Ctrl + Shift + K
  • 사파리: Ctrl + Alt + C
  • 인터넷 익스플로러 (IE 11): F12

예제

console.log(3+6);
console.log('3+6');
console.log('자바스크립트 테스트');
elements-1

브라우저의 콘솔을 열어 직접 입력하면 테스트할 수 있습니다.

참고

https://developer.mozilla.org/en-US/docs/Web/API/Console

홈페이지 운영 지원

홈페이지 점검·수정이 필요하신가요?

콘텐츠 수정, 유지보수, SEO 점검까지. 지금 상태와 필요한 작업만 짧게 정리해 드립니다.