개발자 도구

console 패널

• Console 패널의 기능은?
  • 자바 스크립트가 돌아가는 환경을 보여주는 화면, 로그를 확인 스크립트 명령어 입력이 가능하고 값을 평가하거나 수정할 수 있습니다. 또 실시간으로 자바스크립트를 실행 에레메서지 등을 확인할 수 있습니다.
    자바스크립트 기반 명령어만 사용가능하고
    브라우저에 구현만 가능하며 저장은 되지 않는다.

크롬 리액트기반 언어이면 콘솔창 수정불가능
리액트기반 언어를 확인하려면 웹스토어 react developer 설치

• 화면을 새로고침 해도 console 내용이 지워지지 않고 남게 하는 방법은?

  • 크롬의 개발자 도구열기 >console 탭 > 설정모양 > Preserve log 체크!
  • 설정 시 clear(),console.clear() 등 명령어로 clear 불가

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

  • clear() or console.clear() ,command K , 상단 clear console금지표시

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

  • 개발자 도구 > console 탭 우상단 Default levels 클릭 > Warnings와 Errors를 해제

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

  • 다른패널 (Elements panel) 에서 Esc 키를 누르면 하단 콘솔창이 생성된다.