수련장
7대 문파 · 49관문. 원하는 문파를 선택하여 수련을 시작하라.
01. useState: 상태의 본질과 렌더링 엔진
리액트 상태 관리의 근본 원리를 체득하고, 7가지 실무 패턴으로 렌더링 엔진을 완전히 지배하라.
ReactHookState
02. useEffect: 사이드 이펙트와 선언적 동기화
외부 세계와의 통신을 '동기화' 관점으로 재정의하고, 7가지 실무 패턴으로 Effect를 완전히 통제하라.
ReactHookSide Effect
03. useRef & DOM: 탈출구와 명령적 제어
렌더링 궤도를 벗어난 ref의 두 얼굴을 이해하고, 7가지 패턴으로 명령적 제어를 완전히 장악하라.
ReactHookDOM
04. Custom Hooks: 로직의 추상화와 재사용성
비즈니스 로직을 독립 선언하고, 7가지 실전 패턴으로 컴포넌트를 날렵하게 만들어라.
ReactHookAbstraction
05. Context API & 전역 상태 최적화
Prop Drilling을 끊어내고, 7가지 설계 패턴으로 전역 상태의 함정을 피하며 고속도로를 완성하라.
ReactContextGlobal State
06. 성능 최적화: 메모이제이션의 정공법
측정 없는 최적화는 금물. 7가지 기법으로 진짜 병목을 타격하고 렌더링 비용을 정복하라.
ReactPerformanceMemoization
07. Next.js & RSC: 서버 컴포넌트 문파
브라우저의 짐을 서버로 옮기고, 7가지 핵심 패턴으로 풀스택 리액트의 정점을 정복하라.
Next.jsRSCSSR