React 강좌 04강 — useState와 이벤트 처리: 반응형 UI 만들기
useState 훅으로 컴포넌트 상태를 관리하고 onClick, onChange, onSubmit 이벤트 핸들러를 작성하는 방법을 배웁니다.
React
React 강좌 05강 — 조건부 렌더링과 리스트: map()과 key prop
&&와 삼항 연산자로 조건부 렌더링을 구현하고, 배열 map()으로 리스트를 렌더링합니다. key prop이 왜 필요한지 이해합니다.
React 강좌 06강 — useEffect 완전 이해: 사이드 이펙트와 클린업
useEffect로 API 호출, 타이머, 이벤트 리스너를 다루는 법을 배웁니다. 의존성 배열과 클린업 함수의 동작 원리를 이해합니다.
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를 타입화하고 제네릭 컴포넌트를 작성하는 패턴을 익힙니다.