매번 강의볼때마다 크롬에서 개발자도구 탭들을 정말 아주대충알아다가다
이번 프로젝트 팀원이였던 다형님의 가이드에따라 자바스크립트강의를 다시 보다가 잊을가봐 적어둔다
| Elements | 로딩된 웹 페이지의 DOM과 CSS를 편집하여 렌더링된 뷰를 확인해 볼 수 있다. 단, 편집한 내용이 저장되지는 않는다. 웹 페이지가 의도된 대로 렌더링되지 않았다면 이 패널을 확인하여 유용한 힌트를 얻을 수 있다. |
| Console | 로딩된 웹 페이지의 에러를 확인하거나 자바스크립트 소스코드에 포함시킨 console.log 메소드의 결과를 확인해 볼 수 있다. |
| Sources | 로딩된 웹 페이지의 자바스크립트 코드를 디버깅할 수 있다. // **디버깅 = 오류를 찾아 수정하는 과정 |
| Network | 로딩된 웹 페이지에 관련한 네트워크 요청(request) 정보와 퍼포먼스를 확인할 수 있다. |
| Application | 웹 스토리지, 세션, 쿠키를 확인하고 관리할 수 있다. |
- 오늘 자기전까지 공부한거 다시 정리해서 TIL 마무리하고 매일 TIL 다시 잘써봐야겠다.
누군가 보여주기위한 TIL, 오로지 제출을 위한 구글링 붙여넣기 TIL이아닌 나의 공부를 확인하기위한 TIL로..
'TIL' 카테고리의 다른 글
| 2023.12.14 TIL - 계층화 아키텍쳐 (0) | 2023.12.14 |
|---|---|
| 2023.12.12 TIL - RDB 관계종류 (0) | 2023.12.12 |
| 2023.12.07 TIL - async 와 await 그리고 prisma 장단점 (0) | 2023.12.07 |
| 2023.12.05 TIL - mongoose에서 exec()역할 (0) | 2023.12.05 |
| 2023.12.04 TIL - 매니저님과의 일일숙제(1) (0) | 2023.12.05 |