모던 자바스크립트로 배우는 리액트 입문

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

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

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

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

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

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

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

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

Chapter 5 리액트와 CSS
5.1 Inline Styles
5.2 CSS Modules
5.3 Styled JSX
5.4 styled components
5.5 Emotion
5.6 Tailwind CSS
5.7 정리

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

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

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

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

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

자케(오카다 다쿠미)