Module 1

• React.js 소개  및  SPA 개념과 React의 역할

• Virtual DOM과 선언적 UI 개발

• 개발 환경 설정과 React 프로젝트 구조와 주요 파일 이해

• JSX 문법 사용  조건부 렌더링 및 반복 처리

• 함수형 컴포넌트와 클래스형 컴포넌트 개념

• 컴포넌트의 props와 state

Module 2

• 부모-자식 컴포넌트 통신 (props)

• 컴포넌트 간 데이터 전달 방식

• 이벤트 전달과 데이터 바인딩

• useState 훅과 상태 관리

• 상태 업데이트와 비동기 처리

Module 3

• 라우터 설치와 설정

• 페이지 이동과 Link, NavLink 컴포넌트 사용

• 기본 라우팅과 중첩 라우트 구조

• 동적 라우팅과 URL 파라미터

• 리디렉션 및 404 페이지 설정

• 기본 페이지 라우팅을 통한 SPA 구성

• 로그인, 메인 페이지, 상세 페이지 구성

• 페이지 전환 애니메이션 구현

Module 4

• lazy()와 Suspense를 사용한 코드 스플리팅

• 컴포넌트 지연 로딩을 통한 성능 최적화

• Context API를 활용한 전역 상태 관리

• 다중 Context와 전역 상태의 활용

• useReducer 훅을 통한 상태 관리 패턴

• Redux의 기본 개념과 Redux Toolkit 소개

Module 5

• Axios를 사용한 외부 API 요청 처리

• 비동기 데이터 처리와 로딩, 에러 핸들링

• React Query  데이터 캐싱 및 자동 갱신 기능