한 입 크기로 잘라 먹는 리액트

지은이의 글
감사의 글
베타테스터의 글

1장 자바스크립트 기초
처음 만나는 자바스크립트
변수와 상수
자료형
형 변환
연산자
조건문
반복문
함수
스코프
객체
배열

2장 자바스크립트 실전
truthy & falsy
단락 평가
객체 자료형 자세히 살펴보기
반복문 응용하기
구조 분해 할당
스프레드 연산자와 rest 매개변수
배열과 메서드
Date 객체와 날짜
비동기 처리

3장 Node.js
Node.js란?
Node.js 환경 설정하기
비주얼 스튜디오 코드
Node.js 패키지
Node.js 모듈 시스템
라이브러리 사용하기

4장 리액트 시작하기
리액트의 특징
리액트 앱 만들기
리액트 앱의 동작 원리

5장 리액트의 기본 기능 다루기
컴포넌트
JSX
컴포넌트에 값 전달하기
이벤트 처리하기
컴포넌트와 상태
Ref

project 1 [카운터] 앱 만들기
프로젝트 준비하기
UI 구현하기
기능 구현하기

6장 라이프 사이클과 리액트 개발자 도구
리액트 컴포넌트의 라이프 사이클
useEffect
리액트 개발자 도구

project 2 [할 일 관리] 앱 만들기
프로젝트 준비하기
UI 구현하기
기능 구현 준비하기
Create: 할 일 추가하기
Read: 할 일 리스트 렌더링하기
Update: 할 일 수정하기
Delete: 할 일 삭제하기

7장 useReducer와 상태 관리
useReducer 이해하기
[할 일 관리] 앱 업그레이드

8장 최적화
최적화와 메모이제이션
함수의 불필요한 재호출 방지하기
불필요한 컴포넌트 리렌더 방지하기
불필요한 함수 재생성 방지하기

9장 컴포넌트 트리에 데이터 공급하기
Context
Context로 [할 일 관리] 앱 리팩토링하기

project 3 [감정 일기장] 만들기
프로젝트 준비하기
페이지 라우팅
리액트 라우터로 페이지 라우팅하기
리액트 라우터로 동적 경로 라우팅하기
공통 컴포넌트 구현하기 1: Button, Header 컴포넌트
공통 컴포넌트 구현하기 2: Editor 컴포넌트
공통 스타일 설정하기
일기 관리 기능 만들기
Home 페이지 구현하기
Diary 페이지 구현하기
New 페이지 구현하기
Edit 페이지 구현하기
최적화

10장 웹 스토리지 이용하기
웹 스토리지
일기 데이터를 웹 스토리지에 보관하기

11장 [감정 일기장] 배포
[감정 일기장] 프로젝트 배포 준비하기
리액트 앱 배포하기

찾아보기

저:이정환
무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 교육자이다.
출시 1년 만에 인프런, 유데미에서 약 5000명의 수강생을 배출한 ‘한 입 크기로 잘라 먹는 리액트’ 강의를 만들었다.
개발자를 희망하는 이들을 돕기 위해 개발자 지식 공유 사이트 DEVSTU를 만들어 약 2년간 운영하고 있다. 2022년부터는 리액트를 공부하는 사람들을 위한 오픈 채팅방도 개설해 운영한다. 또한 주니어 개발자를 위한 서비스 스타트업 CTO로 2년간 근무했다.

약력
- 가톨릭대학교 컴퓨터정보공학부 학사
- 개발자 온라인 질문/답변 사이트 DEVSTU 개발 및 운영
- 스타트업 22Hours CTO
- 유데미, 인프런에서 ‘한 입 크기로 잘라 먹는 리액트’ 강의 런칭
- 2023 카카오 테크캠퍼스 프런트엔드 멘토