🗺️ REACT STUDY · ROADMAP

리액트 개념, 처음부터 끝까지

왜 리액트가 나왔는지부터 한 걸음씩. 개념을 책처럼 상세히 읽고, 챕터마다 문제풀이로 점검합니다. 실습(react-day) 시리즈와 짝이 되는 개념·점검용 코스예요.

📚 전체 14개 챕터 · 각 챕터마다 문제 약 20개로 점검 · 우측 상단 🎨 로 테마·폰트·코드색을 바꾸고 HTML로 저장할 수 있어요.
입문 · Beginner 리액트가 무엇이고 왜 쓰는지부터.
CH 01✓ 준비됨
리액트 개요와 역사
왜 리액트인가. SPA·컴포넌트·선언형·가상 DOM의 큰 그림.
CH 02✓ 준비됨
JSX
HTML 같은 문법의 정체. 표현식·className·중괄호.
CH 03✓ 준비됨
컴포넌트와 Props
UI를 부품으로. 함수 컴포넌트와 props 전달.
CH 04✓ 준비됨
State와 useState
변하는 값 다루기. 리렌더링의 원리.
CH 05✓ 준비됨
이벤트 처리
onClick·onChange, 이벤트 핸들러와 인자 전달.
중급 · Intermediate 실제 화면을 만드는 핵심 패턴.
CH 06✓ 준비됨
조건부 렌더링과 리스트
삼항·&&, map으로 목록 그리기와 key.
CH 07✓ 준비됨
useEffect와 생명주기
부수 효과·의존성 배열·정리(cleanup).
CH 08✓ 준비됨
폼과 제어 컴포넌트
입력값을 state로. controlled vs uncontrolled.
CH 09✓ 준비됨
useRef와 기타 훅
DOM 접근·값 보관, 훅의 규칙.
CH 10✓ 준비됨
Context
props 드릴링 해결. 전역 상태 공유.
고급 · Advanced 규모가 커질 때 필요한 도구들.
CH 11✓ 준비됨
커스텀 훅
로직을 재사용 가능한 훅으로 뽑아내기.
CH 12✓ 준비됨
성능 최적화
React.memo·useMemo·useCallback, 언제 쓰나.
CH 13✓ 준비됨
라우팅
React Router로 페이지 전환. SPA 네비게이션.
CH 14✓ 준비됨
데이터 페칭과 비동기
fetch·async, 로딩·에러 상태 다루기.
부록 · Appendix 리액트 이해의 뿌리가 되는 개념.
DOM✓ 준비됨
🌳 DOM과 객체
객체(Object)부터 DOM·document·가상 DOM까지. "state가 바뀌면 화면이 그려진다"의 뿌리를 도식으로.