- 웹 애플리케이션의 사용자 경험과 성능을 극대화하기 위해 프론트엔드 최적화 기술을 학습하는 과정입니다.
- 브라우저 렌더링, 네트워크 최적화, 코드 스플리팅, Lazy Loading 등 최신 성능 최적화 기법을 실습 중심으로 배울 수 있습니다.

과정 목표
- 브라우저 렌더링 메커니즘을 이해하고 성능 병목 현상을 진단한다.
- 네트워크 최적화와 자산 관리 기술을 학습한다.
- 최신 프론트엔드 성능 최적화 기법을 실무 프로젝트에 적용한다.

추천 대상
- 웹 개발자로서 성능 최적화 기술을 심화 학습하고자 하는 프론트엔드 엔지니어
- 웹 페이지 로딩 속도 및 사용자 경험을 개선하려는 IT 전문가
- 대규모 웹 애플리케이션을 운영하며 성능 병목 문제를 해결하고자 하는 개발자

사전 체크리스트
- HTML, CSS, JavaScript 기본 개념을 숙지하고 있다.
- 웹 애플리케이션 개발 경험이 있다.
- 웹 브라우저 렌더링 및 DOM 조작을 이해하고 있다.
- 빌드 도구(Webpack, Vite 등)를 사용한 경험이 있다.
- Lighthouse 또는 Chrome DevTools로 성능 분석을 시도해 본 적이 있다.

체크리스트 결과
- 5개 중 3개 이상 "아니오"를 선택한 경우, 아래 사전 학습이 필요합니다:
  - 사전 학습 필요 지식:
    - 웹 성능 최적화 기본 개념 학습
    - Lighthouse 및 Chrome DevTools 활용법 학습
    - JavaScript 코드 최적화 기법 학습

강사 소개
- 유동균 강사
  - 現 와탭랩스 리드 프론트엔지니어
  - 前 해치랩스 프론트엔드 엔지니어
  - 前 라인 프론트엔드 엔지니어

준비 사항
- Chrome 및 Chrome DevTools 설치
- Lighthouse 및 WebPageTest 설치 또는 환경 설정
- 개인용 노트북

교육 정보
- 장소: 한양대학교
- 기간: 2일 (14시간)
- 방식: 이론 10%, 실습 90%

평가 방식
- 객관식 8문항 (5점/문항)
- 주관식 1문항 (20점)
- 서술형 1문항 (40점)

수료 기준
- 출석 80% 이상
- 종합평가 60점 이상
- 총합 70점 이상 (출석 50%, 종합평가 50%)

교육 시간표
- **1일차**
  - 09:00~09:30: 프론트엔드 성능 최적화 개요
  - 09:30~10:30: 브라우저 렌더링 최적화 기법 실습 (Critical Rendering Path)
  - 10:30~12:00: 네트워크 최적화 및 리소스 관리 실습 (HTTP/2, Lazy Loading)
  - 12:00~13:00: 점심시간
  - 13:00~14:00: 코드 스플리팅 및 번들 크기 최적화 실습 (Webpack, Vite 활용)
  - 14:00~17:00: 실시간 성능 분석 및 병목 진단 실습 (Chrome DevTools, Lighthouse)

- **2일차**
  - 09:00~10:30: 사용자 중심의 지표(LCP, FID, CLS) 분석 및 최적화 방법 (이론 및 실습)
  - 10:30~12:00: JavaScript 코드 최적화 실습 (Debouncing, Throttling 등)
  - 13:00~16:00: 성능 개선 프로젝트 실습 (팀별 활동)
  - 16:00~17:00: 실습 결과 발표 및 피드백