탭 Element : 로딩된 웹페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인, 단 편집한 내용이 저장되지는 않음. Console : 로딩된 웹페이지의 에러를 확인하거나 js소스코드의 console.log를 확인할수 있음. Source : 로딩된 웹페이지의 자바스크립트코드를 디버깅할수 있음. Network : 로딩된 웹페이지에 관련된 네트워크 요청 확인 Application : 웹스토리지, 세션,쿠키관리 # 콘솔 여러줄 작성하려면 쉬프트+엔터로 줄넘김 # 에러콘솔 대충 이런코드 작성하면 이렇게 증가감소하는 UI가 만들어지는데 잘작동한다. 코드에서 counter-x로 바꿔보자. 이렇게 타입에러뜬다. 없는 프로퍼티를 왜찾냐 이거임. 추가적으로 위에 js코드에서 변수지정한 num을 출력하면 값이 뜬다...