한 입 크기로 잘라 먹는 리액트 : 자바스크립트 기초부터 애플리케이션 배포까지

이정환

저자:이정환
무엇이든쉽고재미있게설명할방법이있다고믿는교육자이다.출시1년만에인프런,유데미에서약5000명의수강생을배출한‘한입크기로잘라먹는리액트’강의를만들었다.개발자를희망하는이들을돕기위해개발자지식공유사이트DEVSTU를만들어약2년간운영하고있다.2022년부터는리액트를공부하는사람들을위한오픈채팅방도개설해운영한다.또한주니어개발자를위한서비스스타트업CTO로2년간근무했다.
약력
-가톨릭대학교컴퓨터정보공학부학사
-개발자온라인질문/답변사이트DEVSTU개발및운영
-스타트업22HoursCTO
-유데미,인프런에서‘한입크기로잘라먹는리액트’강의런칭
-2023카카오테크캠퍼스프런트엔드멘토

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

1장자바스크립트기초

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

2장자바스크립트실전

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

3장Node.js

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

4장리액트시작하기

리액트의특징
리액트앱만들기
리액트앱의동작원리

5장리액트의기본기능다루기

컴포넌트
JSX
컴포넌트에값전달하기
이벤트처리하기
컴포넌트와상태
Ref

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

6장라이프사이클과리액트개발자도구

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

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

7장useReducer와상태관리

useReducer이해하기
[할일관리]앱업그레이드

8장최적화

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

9장컴포넌트트리에데이터공급하기

Context
Context로[할일관리]앱리팩토링하기

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

10장웹스토리지이용하기

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

11장[감정일기장]배포

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

찾아보기

이런분들께추천합니다

-자바스크립트기초지식이부족해리액트공부를망설이는분
-프런트엔드개발을희망하는취준생으로리액트가처음인분
-퍼블리셔나백엔드에서프런트엔드로직군전환을꾀하거나업무상리액트가필요한분
-뷰,스벨트등다른프레임워크를쓰고있는데,실용적인리액트를배우고싶은분
-신입개발자이지만자바스크립트나리액트기초가부족한분

인프런,유데미베스트강좌를책으로만나다

2022년‘한입크기로잘라먹는리액트’강좌는“더쉽게가르칠방법은언제나있다”고생각하는강사의믿음에서시작된강의입니다.딱딱한원리설명이주를이루는온라인강좌시장에서,이강의는적절한비유와예시를통해리액트를머릿속에쏙쏙들어오도록쉽고재밌게소개했습니다.약1년남짓한기간동안5000여명이수강하고,지금도500여명의열혈수강생들이SNS로리액트관련정보를공유하는이강의를책으로만들었습니다.

한입에쏙들어가는친절한리액트책을찾았다

이책을먼저접한베타테스터의공통된이야기는하나입니다.기존리액트책과달리매우친절하다는겁니다.‘정말잘읽힌다’,‘상냥하다’,‘과외받는느낌이다’,‘친절하다’라는베타테스터의수식어들이이책의특징을잘표현합니다.일상용어나비유를동원해쉽게설명하려는노력,어려운개념을도해나〈TIP〉같은보조설명으로풀어내는센스,잘게쪼갠코드예시와상세한해설까지,입문자를배려한저자의정성을이책구석구석에서만나볼수있습니다.

리액트를다루는데꼭필요한자바스크립트의핵심을엄선하다

입문자가리액트를배울때종종막히는지점의하나는익숙하지않은자바스크립트문법을만날때입니다.리액트개념도만만치않은데,기본서에서는잘다루지않는자바스크립트문법까지나오니공부난이도가대폭올라갑니다.이책은기초는물론콜백함수,객체활용,배열메서드,비동기등과같이실무에서자주사용하지만익숙하지않은자바스크립트문법을쉬운해설과예시로탄탄히익힐수있게합니다.

3개의단계별프로젝트구현으로리액트개발에익숙해지다

이책에서는[카운터],[할일관리],[감정일기장]과같은3개의프로젝트앱을만듭니다.프로젝트구현은서로연관성이높은기능을낮은수준에서높은수준으로조금씩확장해가는나선형식반복학습구성입니다.한마디로코드구현은비슷해금방익숙해지지만,기능의복잡도는점차증가하는식입니다.구현역시기능의확장뿐만아니라기존코드의업그레이드,요구분석에따른리팩터링에이르기까지다양한수준에서이루어집니다.따라서리액트의기능을반복구현하는과정에서기본기를탄탄히다지게되며,새로운기능을어떻게기존코드와통합할지생각하는능력도기를수있습니다.