진행 일자

개요

웹 서비스 개발 뿐만 아니라 모든 프로그래밍에서 중요한 것이 바로 디버깅입니다. 코드를 작성했지만 예기치 못한 방식으로 작동한다면 먼저 무엇이 잘못되었는 지를 파악해야 하고 이를 토대로 어떻게 수정할 지를 고민해 봐야 합니다. 잘못된 작동을 파악하는 것은 간단할 수도 있지만 때로는 각종 라이브러리와 작성한 코드가 혼재되어 있어 쉽게 파악이 어려울 때도 있습니다.

이번 세션에서는 크롬 개발자 도구와 리액트 개발자 도구 두 가지 도구에 대해 살펴보고 각 패널별로 필요한 지식들을 함께 알아볼 것입니다. 또한 웹 성능 측정과 성능 최적화에 필요한 핵심 웹 지표(Core Web Vitals)에 대해 알아볼 것 입니다.

목표

• 핵심 웹 지표에 대해 알아보고 성능 최적화에 필요한 사전 배경 지식을 얻는다.
• 개발자 도구를 사용해 핵심 웹 지표를 측정하고 성능 문제를 식별할 수 있다.
• 리액트 개발자 도구를 사용해 컴포넌트를 검사하고 성능 문제를 식별할 수 있다.

참여자

활동 사진

피드백

이번주 TGC 활동에서 가장 긍정적인 요소는 무엇이었나요?

실습 중심의 학습