React 강좌 06강 — useEffect 완전 이해: 사이드 이펙트와 클린업
useEffect로 API 호출, 타이머, 이벤트 리스너를 다루는 법을 배웁니다. 의존성 배열과 클린업 함수의 동작 원리를 이해합니다.
React
React 강좌 07강 — 커스텀 훅 + API 통신: useFetch 만들기
반복되는 로직을 커스텀 훅으로 추상화합니다. useFetch 훅을 직접 만들어 로딩/에러 상태 처리 패턴을 마스터합니다.
React 강좌 08강 — React Router v6: SPA 라우팅 완전 정복
React Router v6로 SPA 라우팅을 구현합니다. BrowserRouter, Routes, Route, Link, useNavigate, useParams, 동적 라우팅을 배웁니다.
React 강좌 09강 — 컴포넌트 테스팅: Jest + React Testing Library
RTL의 철학(사용자 관점 테스트)을 배우고 render, getByRole, fireEvent, userEvent로 컴포넌트를 테스트하는 법을 익힙니다.
React 강좌 10강 — Context API + useReducer: 전역 상태 관리 첫걸음
Context API로 Props Drilling 없이 전역 데이터를 공유합니다. useReducer로 복잡한 상태 로직을 액션 기반으로 관리합니다.
React 강좌 11강 — Zustand 실전 패턴: 가장 간결한 전역 상태 관리
Zustand로 전역 스토어를 생성하고 여러 컴포넌트에서 공유합니다. Context보다 간결하고 Redux보다 단순한 패턴을 익힙니다.
React 강좌 12강 — 성능 최적화: React.memo, useMemo, useCallback
불필요한 리렌더를 방지하는 세 가지 최적화 도구를 비교합니다. 언제 써야 하고 언제 오버엔지니어링이 되는지 기준을 잡습니다.
React 강좌 13강 — TypeScript로 React 전환하기: Props, State, 이벤트 타입
JavaScript React 프로젝트에 TypeScript를 도입합니다. interface로 Props를 타입화하고 제네릭 컴포넌트를 작성하는 패턴을 익힙니다.
React 강좌 14강 — 프로젝트①: Glassmorphism Todo App 완전 구현
useState, useReducer, 필터링, 우선순위, 글래스모피즘 디자인까지 적용한 포트폴리오 수준의 Todo App을 완성합니다.
React 강좌 15강 — 프로젝트②: GitHub 유저 탐색기 (REST API 연동)
GitHub REST API를 연동해 유저 검색과 저장소 목록을 보여주는 앱을 만듭니다. Promise.all, 로딩/에러 처리, 반응형 UI를 완성합니다.