React 강좌 01강 — React는 왜 필요한가? Vite로 시작하기
Vanilla JS의 한계와 React가 해결하는 문제를 비교합니다. Vite로 프로젝트를 생성하고 첫 컴포넌트를 실행합니다.
LANG
React 강좌 02강 — JSX 완전 정복: HTML과 JavaScript의 결합
JSX 문법 규칙 전체를 실습합니다. 중괄호 표현식, className, 조건부 렌더링, map() 리스트까지 한 번에 정리합니다.
React 강좌 03강 — 컴포넌트와 Props: 재사용 가능한 UI 블록
함수형 컴포넌트를 만들고 Props로 데이터를 전달하는 법을 배웁니다. 기본값, children, 구조분해 할당까지 다룹니다.
React 강좌 04강 — useState와 이벤트 처리: 반응형 UI 만들기
useState 훅으로 컴포넌트 상태를 관리하고 onClick, onChange, onSubmit 이벤트 핸들러를 작성하는 방법을 배웁니다.
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로 복잡한 상태 로직을 액션 기반으로 관리합니다.