[React] 목차
개요
릴리스 노트
명령어
시작하기
핵심 문법
- TypeScript 기초
- JSX
- 컴포넌트
- Props
- State (useState)
- 이벤트 처리
- 리스트 렌더링
- useEffect
- React Router
- 커스텀 Hook
- 고급 훅 (useRef / useCallback / useMemo)
- Context API + useReducer
참고
[React] 실무 패턴
개요 React 앱을 실제로 개발하다 보면 반복적으로 등장하는 패턴들이 있습니다. 인증 보호, 환경변수, 에러 처리, 코드 분할, 로딩 UI 등 자주 쓰이는 실무 패턴을 정리합니다.
[React] 테스트 (Vitest, Testing Library)
개요 테스트는 코드가 올바르게 동작하는지 자동으로 검증하는 작업입니다. Vitest는 Vite 기반 테스트 러너이고, Testing Library는 실제 사용자 관점에서 컴포넌트를 테스트하는 라이브러리입니다.
[React] shadcn/ui
개요 shadcn/ui는 Radix UI와 Tailwind CSS를 기반으로 만들어진 UI 컴포넌트 모음입니다. npm 패키지가 아니라 소스 코드를 프로젝트에 직접 복사하는 방식이라, 컴포넌트를 자유롭게 수정할 수 있습니다.
[React] Tailwind CSS
개요 Tailwind CSS는 미리 정의된 유틸리티 클래스를 조합해 스타일을 지정하는 CSS 프레임워크입니다. 별도의 CSS 파일을 만들지 않고 HTML(JSX)에 클래스만 추가하면 스타일이 적용됩니다.