React · 고급
React 고급 단계에 공개된 학습 글입니다. 단계별 목표를 참고해 필요한 글부터 읽어 보세요.
단계별 학습 목표
각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.
초급 목표
컴포넌트와 상태의 기본 동작을 익혀, 입력과 이벤트에 반응하는 작은 화면을 만들고 데이터 흐름을 이해하는 방법을 다룹니다.
학습 주제
- 컴포넌트와 props
- 상태와 이벤트
- 목록과 조건부 표시
중급 목표
상태의 소유 위치와 비동기 데이터 흐름을 정리하여, 폼과 화면 로직을 결합하고 사용자 동작을 검증하는 방법을 다룹니다.
학습 주제
- 상태 위치와 공유
- 커스텀 훅과 부수 효과
- 폼과 상호작용 테스트
고급 목표
렌더링 비용과 변경 범위를 실제 근거로 분석하여, 복잡한 화면의 상태 경계와 컴포넌트 구조를 설계하는 방법을 다룹니다.
학습 주제
- 렌더링 성능 측정
- 복합 상태 흐름 설계
- 컴포넌트 API 설계
단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.
고급 4개
학습 21 / 24 · 필수 학습
shadcn ui 시작 실습 Vite 설정 components json 입력 폼 Sonner학습 22 / 24 · 필수 학습
shadcn ui 복합 컴포넌트 실습 Dialog Popover Carousel 접근성학습 23 / 24 · 필수 학습
React DevTools Profiler 사용법 리렌더링 측정 원인 찾기학습 24 / 24 · 필수 학습
React Compiler 기준 useMemo useCallback 언제 줄일까
이 단계의 학습 글은 준비 중입니다.