| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 3.1 | Node.js를 소개합니다. | |
| 3.2 | Node.js 설치하기 | |
| 3.3 | Node.js 사용하기(with 패키지) | https://github.com/winterlood/onebite-react-v2/tree/main/section03/chapter3 |
| 3.4 | Node.js 모듈 시스템 이해하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section03/chapter4 |
| 3.5 | Node.js 라이브러리 사용하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section03/chapter5 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 4.1 | React.js를 소개합니다 | |
| 4.2 | 첫 React App 생성하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section04 |
| 4.3 | React App 구동 원리 살펴보기 | https://github.com/winterlood/onebite-react-v2/tree/main/section04 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 7.1 | 라이프사이클(LifeCycle)이란? | |
| 7.2 | useEffect 사용하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section07/chapter02 |
| 7.3 | useEffect로 라이프사이클 제어하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section07/chapter03 |
| 7.4 | React 개발자도구 사용하기 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 8.1 | 프로젝트 소개 및 준비 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter1 |
| 8.2 | UI 구현하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter2 |
| 8.3 | 기능 구현 준비하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter3 |
| 8.4 | Create - 투두 추가하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter4 |
| 8.5 | Read - 투두 리스트 렌더링 하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter5 |
| 8.6 | Update - 투두 수정하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter6 |
| 8.7 | Delete - 투두 삭제하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section08/chapter7 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 9.1 | useReducer를 소개합니다 | https://github.com/winterlood/onebite-react-v2/tree/main/section09/chapter01 |
| 9.2 | 투두리스트 업그레이드 | https://github.com/winterlood/onebite-react-v2/tree/main/section09/chapter02 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 10.1 | 최적화란? | |
| 10.2 | useMemo - 연산 최적화 | https://github.com/winterlood/onebite-react-v2/tree/main/section10/chapter02 |
| 10.3 | React.memo - 컴포넌트 렌더링 최적화 | https://github.com/winterlood/onebite-react-v2/tree/main/section10/chapter03 |
| 10.4 | useCallback - 함수 최적화 | https://github.com/winterlood/onebite-react-v2/tree/main/section10/chapter04 |
| 챕터번호 | 챕터이름 | 코드 |
|---|---|---|
| 11.1 | Context란 | |
| 11.2 | Context 사용하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section11/chapter02 |
| 11.3 | Context 분리하기 | https://github.com/winterlood/onebite-react-v2/tree/main/section11/chapter03 |
| 장 | 파일 이름 | 파일 미리보기 | 다운로드 링크 |
|---|---|---|---|
| NanumPenScript-TTF 폰트 |
 |
다운로드 | |
| emotion.zip 감정 이미지 |
 |
다운로드 | |
| favicon.ico 감정 일기장 아이콘 |
 |
다운로드 | |
| thumbnail.png 감정 일기장 썸네일 |
 |
다운로드 |