프론트엔드 고급 ① — 번들·코드스플리팅·캐시 | DAKER 학습

고급 · 약 125분

브라우저가 내려받는 코드 묶음의 크기와 구성을 살펴보고, 필요한 시점에 코드를 나누어 불러오는 방법을 익힙니다. 캐시로 파일을 재사용하는 원리와 갱신 방식을 이해하며, 첫 방문과 재방문의 로딩 속도를 개선합니다.

커리큘럼

• 핵심 개념 지도
• 퀴즈 — 핵심 개념 지도
• 번들 분석과 의존성 다이어트
• 퀴즈 — 번들 분석과 의존성 다이어트
• 코드스플리팅과 캐시 헤더
• 퀴즈 — 코드스플리팅과 캐시 헤더
• 미니 랩: 초기 JS 예산 지키기
• 퀴즈 — 미니 랩: 초기 JS 예산 지키기
• 단어 사전
• 퀴즈 — 단어 사전
• 플래시카드
• 실습: 첫 화면 코드 용량 줄이기 계획