개발자도구 살펴보기

🙄Network 탭이란? > 개발자도구의 네트워크 탭은 웹 브라우저와 서버 간의 네트워크 요청과 응답을 실시간으로 모니터링할 수 있는 탭이다. 웹 페이지가 로드되거나 사용자 상호작용으로 발생하는 모든 네트워크 활동(예: HTTP 요청, 파일 로드, 데이터 전송 등)을

이전 포스팅 개발자 도구 Network 살펴보기 지금까지 개발을 하면서 기능 구현에만 집중하다 보니 성능 최적화에 신경 쓸 여유가 없었다. 그러다 보니 브라우저 개발자 도구의 Performance 탭에 대해 잘 알지 못했고, 실제로 활용해 본 적도 없었다. 하지만

이전 포스팅 개발자 도구 Performance 살펴보기Lighthouse는 이전에 부트캠프에서 2차프로젝트 때 사용해본 경험이 있다. 그때는 벨로그에 올린거만 보고 무작정 해봤지만 이후에 잘 사용하지 않았다. 이번에 성능 최적화 공부하면서 Lighthouse도 정리해보

이전 포스팅 개발자 도구 Lighthouse 살펴보기지금까지 성능 최적화를 위한 개발자도구로 Network, Performance, Lighthouse까지 알아봤다. 마지막으로 Coverage에 대해 알아보자!개발자도구의 Coverage탭은 웹 애플리케이션의 코드(HT