한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
섹션 0. 들어가며
섹션 1. Javascript 기본
Hello World
변수와 상수
자료형과 형 변환
연산자
조건문
함수
함수표현식 & 화살표 함수
콜백함수
객체
배열
반복문
배열 내장 함수
섹션 2. Javascript 응용
Truthy & Falsy
삼항 연산자
단락회로 평가
조건문 업그레이드
비 구조화 할당
Spread 연산자
동기 & 비동기
Promise - 콜백 지옥에서 탈출하기
async & await - 직관적인 비동기 처리 코드 작성하기
API 호출하기
섹션 3. Node.js 기초
Node.js란?
Node.js & VsCode 설치하기
Node.js Hello World & Common JS
Node.js 패키지 생성 및 외부 패키지 사용하기
섹션 4. React.js 기초
Why React?
Create React App
JSX
State
Props
섹션 5. React 기본 - 간단한 일기장 프로젝트
프로젝트 소개
React에서 사용자 입력 처리하기
React에서 DOM 조작하기 - useRef
React에서 배열 사용하기 1 - 리스트 렌더링 (조회)
React에서 배열 사용하기 2 - 데이터 추가하기
React에서 배열 사용하기 3 - 데이터 삭제하기
React에서 배열 사용하기 4 - 데이터 수정하기
React Lifecycle 제어하기 - useEffect
React에서 API 호출하기
React developer tools
최적화 1 - useMemo
최적화 2 - React.memo
최적화 3 - useCallback
최적화 4 - 최적화 완성
복잡한 상태 관리 로직 분리하기 - useReducer
컴포넌트 트리에 데이터 공급하기 - Context
섹션 6. React 실전 프로젝트 - 감정 일기장 만들기
페이지 라우팅 0 - React SPA & CSR
페이지 라우팅 1 - React Router 기본
페이지 라우팅 2 - React Router 응용
프로젝트 기초 공사 1
프로젝트 기초 공사 2
페이지 구현 - 홈 (/)
페이지 구현 - 일기쓰기 (/new)
페이지 구현 - 일기 수정 (/edit)
페이지 구현 - 일기 상세 (/diary)
(서브 챕터) 흔히 발생하는 버그 수정 하기
LocalStorage를 일기 데이터베이스로 사용하기
프로젝트 최적화
배포 준비 & 프로젝트 빌드하기
Firebase로 프로젝트 배포하기
Open Graph 설정하기