참고자료 | CONSOLE

개발자 도구란

개발자들이 사용하는 도구를 의미합니다. 브라우저에서 기본적으로 제공하기 때문에 따로 설치는 필요 없다.

CONSOLE | 클론에 대한 가장 기본적인 내용

1. 콘솔이란??

• 실시간으로 자바스크립트를 실행하고, 에러 메시지등을 출력해주는 기능을 의미한다.

• 맥

  • cmd + shift + i
  • cmd + opt + j
  • customize and control devtools - show console drawer

• 윈도우

  • F12
  • ctrl + shift + J
  • customize and control devtools - show console drawer

2. 화면을 새로고침해도 콘솔 내용이 지워지지 않는 방법?

• 콘솔 세팅에서 Preserve log upon navigation을 클릭해주세요.

3. 콘솔에 기록된 로그를 모두 지울 때 사용하는 메소드는?

• clear(); // Preserve log upon navigation 이 적용 되어 있으면, 작동이 안됩니다.
• console.clear
• ctrl + L (맥은 cmd + k)
• 금지 아이콘

4. 콘솔에서 Warnings, Errors 내용을 제외하고 보는 방법은?

• Default Level에서 설정

5. 다른 패널(ex. Elements panel)에서 Console Panel 같이 보는 방법은?

• 다른 패널에서 esc 버튼을 누르면 패널 하단에 Console Panel이 생성됩니다.

reference

1. enter를 칠 경우, 함수가 바로 적용이 되기 때문에, 꼭 shift + enter를 치는 것이 좋다.