본문으로 건너뛰기

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

조회수 266 게시일 2019.09.14 1주 전 수정

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

제작·운영 상담이
필요하시면

이 글과 맞는 범위·일정을 함께 정리해 드립니다.