React
6단계: 폼 다루기
Controlled와 Uncontrolled 컴포넌트 차이, 다양한 입력 필드 처리 방법, 폼 제출 및 유효성 검사 구현까지 리액트에서 폼을 다루는 방법을 체계적으로 학습합니다.
2025. 5. 20.
7단계: 코드 재사용과 확장성
React 컴포넌트의 재사용성을 높이기 위한 구조 설계, Custom Hook, 고차 컴포넌트(HOC), 렌더 프롭, 컴파운드 패턴 등을 통한 확장성과 유지보수성 개선 방법을 학습합니다.
2025. 5. 20.
8단계: UI 컴포넌트 예제
메뉴, 툴팁, 타이머 등 다양한 인터랙티브 UI 컴포넌트를 직접 구현하며 구조와 상태 관리, 이벤트 처리 기법을 실전 예제로 학습합니다.
2025. 5. 20.
9단계: Webpack 빌드 도구
CRA 없이 React 프로젝트를 수동 구성하며 Webpack과 Babel의 역할, 설정 파일 구성, 주요 플러그인과 로더 활용법까지 프론트엔드 빌드 시스템의 기초를 학습합니다.
2025. 5. 20.
10단계: React 라우팅
react-router-dom을 활용하여 SPA 구조에서 페이지 전환을 구현하고, 동적 라우팅, 중첩 라우팅, URL 파라미터 처리 등 라우팅 시스템의 핵심 개념을 학습합니다.
2025. 5. 20.