개발자 도구

• 개발자 도구란?
  브라우저에서 제공하는 디버깅, 테스트를 위한 도구

• 들어가는 방법
  F12
cmd + option + i

- Console

• Console 패널의 기능은?

코드가 올바른 순서로 실행되고 있는지 확인 (바로바로 테스트)
특정 시점의 변수 값을 검사

Console이 REPL이기 때문에
Read(읽다)-Evaluate(확인/평가하다)-Print(출력하다)-Loop(반복하다)

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

console setting- preserve log

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

  clear()
  console.clear()

📌 preserve log 가 활성화 되면 clear() 메소드는 비활성화

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

 default level - warning, error 체크

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

esc키를 사용해서 한 패널에서 한눈에 확인 가능