유데미 리액트 분야 베스트셀러 강사가 직접 알려주는 리액트 기본 중의 기본



리액트를 공부하다 보면 크게 두 가지 벽에 부딪힌다. 첫 번째 벽은 학습 초기에 리액트의 독특한 표기법이나 세계관에 익숙하지 않아 코드를 제대로 작성하지 못해서 만나고, 두 번째 벽은 리액트 중급자에서 상급자가 될 때 만나게 된다. 이 책은 첫 번째 벽을 넘는 데 도움을 준다. 리액트를 익히는 데 필요한 자바스크립트 기초부터 실무에 유용한 타입스크립트까지 담았다. 대화 형식으로 장별 목표를 먼저 안내하고 풍부한 그림과 예제, 친절한 코드 설명으로 어렵지 않게 익힐 수 있도록 구성했다.

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

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 정리



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