udemy-react-and-next-2023 Section Chapter 1섹션 - Node.js 0. Node.js를 소개합니다 1. Node.js 개발 환경 설정하기 2. Node.js 사용하기 3. Node.js 모듈 시스템 이해하기 4. Node.js 라이브러리 사용하기 2섹션 - React.js 시작하기 0. 리액트를 소개합니다 1. 리액트의 Virtual DOM 이해하기 2. 첫번째 리액트 앱 만들기(Vite) 3. 리액트 앱의 동작 원리 살펴보기 3섹션 - React.js 입문 0. 리액트 컴포넌트 살펴보기 1.JSX 문법 살펴보기 2. Props - 컴포넌트에 값 전달하기 3. 리액트에서 이벤트 핸들링하기 4. State 5. State와 Props 6. State로 사용자 입력 관리하기 7. Ref 4섹션 - 미니 프로젝트1 - 카운터 앱 만들기 0. 프로젝트 소개 및 준비 1. UI 구현하기 2. 기능 구현하기 5섹션 - 라이프사이클과 개발자도구 0. 라이프사이클 이해하기 1. useEffect - 라이프 사이클 제어하기 2. 리액트 개발자 도구 사용하기 6섹션 - Hooks 0. Hook 이란 1. Custom Hook 1 2. Custom Hook 2 7섹션 - 미니 프로젝트2 - 투두리스트 0. 프로젝트 소개 및 준비 1. UI 구현하기 2. 기능 구현 준비하기 3. Create - 새로운 투두 생성하기 4. Read - 투두 리스트 렌더링하기 5. Update - 투두 수정하기 6. Delete - 투두 삭제하기 8섹션 - useReducer로 상태 관리하기 0. useReducer 이해하기 1. 투두리스트 업그레이드하기 9섹션 - 최적화 0. 최적화란 1. useMemo - 재 연산 방지하기 2. React.memo - 컴포넌트 리렌더 방지하기 3. useCallback - 함수 재 생성 방지하기 10섹션 - Context 0. Context 이해하기 1.투두리스트에 Context 적용하기 2. 최적화를 위한 Context 분리 기법 살펴보기 11섹션 - 미니 프로젝트3 - Naras 0. 프로젝트 개요 및 준비 1. 페이지 라우팅 2. React Router 1. 페이지 라우팅하기 3. React Router 2. 페이지 이동 구현하기 4. React Router 3. 동적 경로 대응하기 5. 레이아웃 설정하기 6. API란? 7. API 호출하기 1 8. API 호출하기 2 9. 페이지 구현 1. 홈 10. 페이지 구현 2. 서치 11. 페이지 구현 3. 컨트리 12. 배포 준비하기 13. 배포하기(Vercel) 12섹션 - Next.js 소개 0. Next.js를 소개합니다 1. Next.js 앱 생성하기 13섹션 - Next.js 라우팅 0. 페이지 라우터를 소개합니다 1. 페이지 라우터 실습 2. 페이지 이동하기 3. 전체 레이아웃 설정하기 4. 페이지 별 레이아웃 설정하기 14섹션 - Next.js 렌더링 0. SSR(서버 사이드 렌더링) 이해하기 1. SSR(서버 사이드 렌더링) 적용하기 1 2. SSR(서버 사이드 렌더링) 적용하기 2 3. SSG(정적 사이트 생성) 이해하기 4. SSG(정적 사이트 생성) 적용하기 1 5. SSG(정적 사이트 생성) 적용하기 2 6. SSG(정적 사이트 생성) 적용하기 3 7. SSG(정적 사이트 생성) 적용하기 4 8. ISR(증분 정적 재생성) 이해하기 15섹션 - Naras 프로젝트 완성하기 0. 섹션 소개 1. 홈 완성하기 2. 이미지 최적화하기 3. 서치, 컨트리 완성하기 4. 메타 태그 설정하기 5. 배포하기 16섹션 - 마치며 0. 마치면서