[2월 13일(화)] 6장, 7장

[lledellebell]

06장: 리액트 개발 도구로 디버깅하기

• 6.1 리액트 개발 도구란?
• 6.2 리액트 개발 도구 설치
• 6.3 리액트 개발 도구 활용하기
  • 6.3.1 컴포넌트
  • 6.3.2 프로파일러

07장: 크롬 개발자 도구를 활용한 애플리케이션 분석

• 7.1 크롬 개발자 도구란?
• 7.2 요소 탭
  • 7.2.1 요소 화면
  • 7.2.2 요소 정보
• 7.3 소스 탭
• 7.4 네트워크 탭
• 7.5 메모리 탭
  • 7.5.1 자바스크립트 인스턴스 VM 선택
  • 7.5.2 힙 스냅샷
  • 7.5.3 타임라인 할당 계측
  • 7.5.4 할당 샘플링
• 7.6 Next.js 환경 디버깅하기
  • 7.6.1 Next.js 프로젝트를 디버그 모드로 실행하기
  • 7.6.2 Next.js 서버에 트래픽 유입시키기
  • 7.6.3 Next.js의 메모리 누수 지점 확인하기