React·Next.js 고급 ② — 성능(번들·스트리밍) | DAKER 학습

고급 · 약 130분

처음 화면을 열 때 내려받는 자바스크립트의 양이 로딩 속도에 어떤 영향을 주는지 알아봅니다. 준비된 화면부터 보내는 스트리밍과 Suspense를 익히고, 성능 수치를 살펴 사용자가 느끼는 대기 시간을 줄이는 방법을 배웁니다.

커리큘럼

• 핵심 개념 지도
• 퀴즈 — 핵심 개념 지도
• 번들·코드스플리팅
• 퀴즈 — 번들·코드스플리팅
• 스트리밍과 Suspense
• 퀴즈 — 스트리밍과 Suspense
• 미니 랩: 초기 JS 예산
• 퀴즈 — 미니 랩: 초기 JS 예산
• 플래시카드
• 실습: 첫 화면 용량·대기 화면 설계표