리액트의 기초 문법과 핵심 개념을 익히기 위한 전체 목차입니다.
https://verycoybeaver.tistory.com/2
01. 리액트 소개
- 리액트의 정의와 필요성
👉https://verycoybeaver.tistory.com/3
02. 실습 환경 구축
- Node.js 설치 👉 https://verycoybeaver.tistory.com/4
- VSCode 설치
- VSCode 확장 추천 👉 [바로가기](작성한 링크)
- CRA 프로젝트 생성 👉 [바로가기](작성한 링크)
03. 소스 코드 수정 & 배포
- 디렉터리 구조 이해 👉 https://verycoybeaver.tistory.com/8
- React 앱 배포 👉 https://verycoybeaver.tistory.com/9
04. 컴포넌트 만들기
- 컴포넌트 개념 및 작성법
👉 https://verycoybeaver.tistory.com/11
05. Props
- Props 개념, 컴포넌트 재사용
👉 https://verycoybeaver.tistory.com/12
06. 이벤트 핸들링
- React 이벤트 개념과 이벤트 핸들링
👉 https://verycoybeaver.tistory.com/13
07. State
- State의 역할, 필요성, 사용법
👉 https://verycoybeaver.tistory.com/14
08~10. CRUD 기능
- Create 👉 [바로가기](작성한 링크)
- Update 👉 [바로가기](작성한 링크)
- Delete & 수업 마무리 👉 [바로가기](작성한 링크)
부록: 웹 에디터
- CodeSandbox 사용법 👉 [바로가기](작성한 링크)
- StackBlitz 사용법 👉 [바로가기](작성한 링크)
'Frontend > React' 카테고리의 다른 글
| React 컴포넌트 개념과 작성법 정리 (0) | 2025.07.19 |
|---|---|
| React 앱 배포 (빌드 & 서버 실행) (0) | 2025.07.19 |
| React 디렉토리 구조 이해 (0) | 2025.07.19 |
| React란? – 개념·구조·장점 한눈에 보기 (0) | 2025.07.18 |
| React 0장: Source Index (0) | 2025.07.14 |