개발자 도구

cs982607·2020년 10월 23일
0

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 키를 누르면 하단 콘솔창이 생성된다.

profile
기록하는 벨로그

0개의 댓글