surina125/React-Study

JavaScript

💻 React-Study

Section 01: JavaScript 기본

Chapter 03: 자바스크립트 실습 환경 설정하기
Chapter 04: 변수와 상수
Chapter 05: 자료형
Chapter 06: 형 변환
Chapter 07: 연산자 1
Chapter 08: 연산자 2
Chapter 09: 조건문
Chapter 10: 반복문
Chapter 11: 함수
Chapter 12: 함수 표현식과 화살표 함수
Chapter 13: 콜백함수
Chapter 14: 스코프
Chapter 15: 객체 1
Chapter 16: 객체 2
Chapter 17: 배열

Section 02: JavaScript 심화

Chapter 01: Truthy와 Falsy
Chapter 02: 단락 평가
Chapter 03: 구조분해할당
Chapter 04: Spread 연산자와 Rest 매개변수
Chapter 05: 원시타입 VS 객체타입
Chapter 06: 반복문으로 배열과 객체 순회하기
Chapter 07: 배열 메서드1. 요소 조작
Chapter 08: 배열 메서드2. 순회와 탐색
Chapter 09: 배열 메서드3. 배열 변형
Chapter 10: Date 객체와 날짜
Chapter 11: 동기와 비동기
Chapter 12: 비동기 작업 처리하기 1. 콜백함수
Chapter 13: 비동기 작업 처리하기 2. Promise
Chapter 14: 비동기 작업 처리하기 3. Async&Await

Section 03: Node.js 기초

Chapter 01: Node.js를 소개합니다
Chapter 02: Node.js 설치하기
Chapter 03: Node.js 사용하기
Chapter 04: Node.js 모듈 시스템 이해하기
Chapter 05: Node.js 라이브러리 사용하기

Section 04: React.js 개론

Chapter 01: React.js를 소개합니다
Chapter 02: 첫 React App 생성하기
Chapter 03: React App 구동원리 살펴보기

Section 05: React.js 입문

Chapter 01: 실습 준비하기
Chapter 02: React 컴포넌트
Chapter 03: JSX로 UI 표현하기
Chapter 04: Props로 데이터 전달하기
Chapter 05: 이벤트 처리하기
Chapter 06: State로 상태관리하기
Chapter 07: State와 Props
Chapter 08: State로 사용자 입력 관리하기 1
Chapter 09: State로 사용자 입력 관리하기 2
Chapter 10: useRef로 컴포넌트의 변수 생성하기
Chapter 11: React Hooks

Section 06: 프로젝트1. 카운터 앱

Chapter 01: 프로젝트 소개 및 준비
Chapter 02: UI 구현하기
Chapter 03: 기능 구현하기

Section 07: 라이프사이클

Chapter 01: 라이프사이클이란?
Chapter 02: useEffect 사용하기
Chapter 03: useEffect로 라이프사이클 제어하기
Chapter 04: React 개발자 도구 사용하기

Section 08: 프로젝트2. 투두리스트

Chapter 01: 프로젝트 소개 및 준비
Chapter 02: UI 구현하기
Chapter 03: 기능 구현 준비하기
Chapter 04: Create - 투두 추가하기
Chapter 05: Read - 투두리스트 렌더링하기
Chapter 06: Update - 투두 수정하기
Chapter 07: Delete - 투두 삭제하기

Section 09: useReducer

Chapter 01: useReducer를 소개합니다
Chapter 02: 투두리스트 업그레이드

Section 10: 최적화

Chapter 01: 최적화란?
Chapter 02: useMemo와 연산 최적화
Chapter 03: React.memo와 컴포넌트 렌더링 최적화
Chapter 04: useCallback과 함수 재생성 방지

Section 11: Context

Chapter 01: Context란?
Chapter 02: Context 사용하기
Chapter 03: Context 분리하기

Section 12: 프로젝트3. 감정 일기장

Chapter 01: 프로젝트 소개 및 준비
Chapter 02: 페이지 라우팅 1. 소개
Chapter 03: 페이지 라우팅 2. 라우팅 설정하기
Chapter 04: 페이지 라우팅 3. 페이지 이동
Chapter 05: 페이지 라우팅 4. 동적 경로
Chapter 06: 폰트, 이미지, 레이아웃 설정하기
Chapter 07: 공통 컴포넌트 구현하기
Chapter 08: 일기 관리 기능 구현하기 1
Chapter 09: 일기 관리 기능 구현하기 2
Chapter 10: Home 페이지 구현하기 1. UI
Chapter 11: Home 페이지 구현하기 2. 기능
Chapter 12: Home 페이지 구현하기 3. 회고
Chapter 13: New 페이지 구현하기 1. UI
Chapter 14: New 페이지 구현하기 2. 기능
Chapter 15: Edit 페이지 구현하기
Chapter 16: Diary 페이지 구현하기
Chapter 17: 웹 스토리지 이용하기
Chapter 18: 배포 준비하기
Chapter 19: 배포하기

한입 크기로 잘라먹는 리액트(React.js) 강의