모던 자바스크립트로 배우는 리액트 입문 (유데미 리액트 강의 최고 평가를 받은 인기 강사에게 배우는 실전 리액트)

자케(오카다다쿠미)

ReachScript대표이사.SIer(SystemIntegrator),프리랜서프런트엔드엔지니어를거쳐회사를설립했다.대표이사지만자신도펫×테크놀로지서비스개발에참여한다.온라인교육플랫폼유데미에서리액트강의를운영하고있으며최고평가를받는등베스트셀러강사로도자리매김중이다.

Chapter1모던자바스크립트기초
1.1모던자바스크립트개요
1.2DOM,가상DOM
1.3패키지관리자
1.4ECMAScript
1.5모듈핸들러,트랜스파일러
1.6SPA와기존웹시스템의차이
1.7정리

Chapter2모던자바스크립트기능익히기
2.1const,let을이용한변수선언
2.2템플릿문자열
2.3화살표함수()=〉{}
2.4분할대입{}[]
2.5디폴트값=
2.6스프레드구문...
2.7객체생략표기법
2.8map,filter
2.9[덤]삼항연산자
2.10[덤]논리연산자의원래의미&&||
2.11정리

Chapter3자바스크립트에서DOM조작
3.1자바스크립트를이용한DOM액세스
3.2DOM작성,추가,삭제
3.3자바스크립트를이용해DOM조작하기
3.4정리

Chapter4리액트기본
4.1React개발시작하기
4.2JSX표기법
4.3컴포넌트사용방법
4.4이벤트와스타일
4.5Props
4.6State(useState)
4.7재렌더링과부작용(useEffect)
4.8export종류
4.9정리

Chapter5리액트와CSS
5.1InlineStyles
5.2CSSModules
5.3StyledJSX
5.4styledcomponents
5.5Emotion
5.6TailwindCSS
5.7정리

Chapter6재렌더링구조와최적화
6.1재렌더링이발생하는조건
6.2렌더링최적화1(memo)
6.3렌더링최적화2(useCallback)
6.4변수메모이제이션(useMemo)
6.5정리

Chapter7글로벌State관리
7.1글로벌State관리가필요한이유
7.2Context에서State관리
7.3기타글로벌State취급방법
7.4정리

Chapter8리액트와타입스크립트
8.1타입스크립트기본
8.2API로얻은데이터에대한타입정의
8.3Props에대한타입정의
8.4타입정의관리방법
8.5컴포넌트타입정의
8.6생략가능한타입정의
8.7옵셔널체이닝
8.8라이브러리타입정의
8.9정리

Chapter9사용자정의훅
9.1사용자정의훅
9.2사용자정의훅템플릿작성
9.3사용자정의훅구현
9.4정리

부록리액트×타입스크립트실전연습

리액트가어려운이유는
자바스크립트에대한이해가부족하기때문입니다

리액트학습에어려움을느끼는사람들은대부분자바스크립트에대한이해가부족합니다.예를들어가상DOM,모듈핸들러,분할대입,스프레드구문,화살표함수가운데하나라도제대로알지못한다면리액트를공부하더라도이해하기어려울수있습니다.하지만걱정하지않아도됩니다.이책은바로리액트를배우기어려운이유를잘알고있는저자가썼습니다.온라인동영상학습플랫폼유데미에서강의하고최고평가를받은리액트강사가직접전하는리액트입문서를만나보세요.모던자바스크립트기초를익히고리액트를배우면분명전과는다른세상이보일것입니다.

★대상독자
● 리액트를배우고싶은입문자
● 자바스크립트도리액트도어려운프런트엔드개발입문자
● 기존자바스크립트에서모던자바스크립트로의변화가궁금한개발자
● 모던프런트엔드의개요를파악하고싶은백엔드또는인프라개발자

★이책의구성
이책은회사에다니는주인공의리액트학습과정을이야기형식으로그리고있습니다.각장도입부분의Episode에서배울내용을소개하고이어서그와관련된기술을설명합니다.
● 1~3장에서는리액트를공부하기전에알아야할자바스크립트기초를배웁니다.리액트를포기하지않고학습하기위해서는이부분이매우중요합니다.
● 4~9장에서는리액트기본,리액트에서CSS다루기,재렌더링,글로벌State관리,리액트개발에타입스크립트사용하기등리액트개발에필요한지식을소개합니다.