러닝 리액트(Learning React)

최적의 리액트 코드를 작성하기 위한 모범 사례와 패턴

알렉스 뱅크스 , 이브 포셀로 지음 | 오현석 옮김

한빛미디어 2021년 07월 05일 출간 종이책 : 2021년 07월 01일 출간

작품소개

책소개

효율적인 리액트 애플리케이션 작성법을 간결하고 쉽고 빠르게 배우기
브라우저에서 작동하는 자바스크립트, CSS, HTML을 아는 웹 개발자나 소프트웨어 엔지니어에게 이상적인 이 책은 최신 리액트 코드를 작성하기 위한 모범 사례와 패턴을 소개한다. 리액트나 함수형 자바스크립트에 대한 지식이 없는 입문자도 이 책을 통해 리액트를 제대로 쓰는 법을 배울 수 있다.
이 책은 대규모 데이터 기반 웹사이트에서 페이지를 다시 요청하지 않고도 데이터 변화에 따라 화면을 교묘하게 변경하는 UI 제작법을 학습 로드맵에 맞춰 차근차근 설명한다. 그 과정에서 함수형 프로그래밍과 최신 ECMAScript 기능을 다양한 예제와 함께 안내한다.

목차

CHAPTER 1 리액트 소개
1.1 튼튼한 토대
1.2 리액트의 과거와 미래
1.3 코드 예제 사용법

CHAPTER 2 리액트를 위한 자바스크립트
2.1 변수 선언하기
2.2 함수 만들기
2.3 자바스크립트 컴파일하기
2.4 객체와 배열
2.5 비동기 자바스크립트
2.6 클래스
2.7 ES6 모듈

CHAPTER 3 자바스크립트를 활용한 함수형 프로그래밍
3.1 함수형이란 무엇인가?
3.2 명령형 프로그래밍과 선언적 프로그래밍 비교
3.3 함수형 프로그래밍의 개념

CHAPTER 4 리액트의 작동 원리
4.1 페이지 설정
4.2 리액트 엘리먼트
4.3 ReactDOM
4.4 리액트 컴포넌트

CHAPTER 5 JSX를 사용하는 리액트
5.1 JSX로 리액트 엘리먼트 정의하기
5.2 바벨
5.3 JSX로 작성한 조리법
5.4 리액트 프래그먼트
5.5 웹팩 소개

CHAPTER 6 리액트 상태 관리
6.1 별점 컴포넌트 만들기
6.2 useState 훅
6.3 재사용성을 높이기 위한 리팩터링
6.4 컴포넌트 트리 안의 상태
6.5 폼 만들기
6.6 리액트 콘텍스트

CHAPTER 7 훅스로 컴포넌트 개선하기
7.1 useEffect 소개

CHAPTER 8 데이터 포함시키기
8.1 데이터 요청하기
8.2 렌더 프롭
8.3 가상화된 리스트
8.4 GraphQL 소개

CHAPTER 9 Suspense
9.1 오류 경계
9.2 코드 분리하기

CHAPTER 10 리액트 테스트
10.2 프리티어.10.3 리액트 애플리케이션을 위한 타입 검사
10.4 테스트 주도 개발
10.5 제스트 사용하기
10.6 리액트 컴포넌트 테스트하기

CHAPTER 11 리액트 라우터
11.1 라우터 사용하기
11.2 라우터 프로퍼티
11.3 리디렉션 사용하기

CHAPTER 12 리액트와 서버
12.1 아이소모피즘과 유니버설리즘 비교
12.2 서버 렌더링 리액트
12.3 넥스트.js를 사용한 서버 렌더링
12.4 개츠비
12.5 리액트의 미래

출판사 서평

리액트로 효율적인 웹 UI를 구축하려는 개발자를 위한 본격 입문서

이 책은 최신 자바스크립트의 핵심과 함수형 프로그래밍을 소개함으로써 리액트 프로그래밍에 필요한 기초를 다져주며, 리액트 JSX와 렌더링 방식, 함수 컴포넌트를 만들고 합성하는 방법에 대해 소개한다. 다양한 훅을 사용하고 정의하는 방법과 비동기 데이터 처리에 대해 설명한 후, 테스트, 라우팅과 서버사이드 렌더링에 이르기까지 실무에서 리액트를 개발할 때 필요한 기본 지식을 적절한 예제와 함께 잘 설명해준다.
리액트를 사용하면 UI 컴포넌트를 정의하고 정의한 컴포넌트를 선언적으로 활용해 UI를 구축하고 제어할 수 있다. 리액트 라이브러리 자체는 비교적 간단한 UI 라이브러리라고 할 수 있지만, 리액트를 뒷받침하는 합성성과 관심사 분리, 데이터 흐름 방향의 단순화 등의 아이디어는 UI뿐 아니라 다양한 응용 분야에서도 활용할 수 있어 유용하다. 이 책을 통해 리액트의 핵심 요소를 잘 이해하면 리액트 공식 문서나 더 자세하고 복잡한 리액트 책을 더 쉽게 이해하고 자신의 프로젝트에 리액트를 더 잘 응용할 수 있다.

▶ 사전 지식
- 자바스크립트 초급

▶ 먼저 보면 좋은 책
- 『모던 자바스크립트 핵심 가이드』
- 『혼자 공부하는 자바스크립트』
- 『자바스크립트를 말하다』
대상 독자
주요 독자는 최신 자바스크립트와 함수형 프로그래밍 개념을 익히고 이를 바탕으로 리액트 개념을 잘 이해함으로써 리액트에 입문하고 싶은 개발자다. 이 책은 여러분이 원하는 목표를 리액트로 성취할 수 있도록 도와줄 것이다.

주요 내용
● 자바스크립트를 사용해 함수형 프로그래밍의 핵심 개념
● 리액트가 브라우저에서 어떻게 작동하는지 내부 살펴보기
● 리액트 컴포넌트를 사용해 애플리케이션의 프리젠테이션 계층 만들기
● 데이터를 관리하는 방법과 애플리케이션 버그 수정 시간을 줄이는 방법
● 리액트 훅을 통해 상태를 관리하고 데이터를 외부에서 읽어오는 방법
● 단일 페이지 애플리케이션(SPA)에서 라우팅 해법 사용하기
● 서버를 염두에 둔 아이소모픽 리액트 애플리케이션의 구조를 잡는 방법

작가정보

저자(글) 알렉스 뱅크스

저자 : 알렉스 뱅크스
Alex Banks
캘리포니아 교육과정 개발 업체 Moon Highway의 소프트웨어 엔지니어이자 강사며 공동설립자다. 소프트웨어 컨설턴트로서 MSN, 시카고 마라톤, 미국 에너지부(DOE) 등을 위한 애플리케이션을 개발했다. 야후의 신입 사원을 위한 커리큘럼 개발을 지속적으로 도왔으며, 온라인 교육사이트 린다닷컴(Lynda.com)에 몇몇 수업을 개설했다. LinkedIn Learning과 egghead.io의 교육과정을 개발했고, 콘퍼런스에서 자주 발표하며, 전 세계에서 기술 워크숍을 통해 엔지니어들을 지도하고 있다.

저자 : 이브 포셀로
Eve Porcello
캘리포니아 교육과정 개발 업체 Moon Highway의 소프트웨어 아키텍트이자 공동설립자다. 마이크로소프트와 1-800-Dentist를 위한 소프트웨어 프로젝트에 몸담기도 했다. 활동적인 강사이자 저술가로 스탠퍼드 대학교, 페이팔, 이베이, 린다닷컴 등에서 자바스크립트와 파이썬을 강의했다. LinkedIn Learning과 egghead.io의 교육과정을 개발했고, 콘퍼런스에서 자주 발표하며, 전 세계에서 기술 워크숍을 통해 엔지니어들을 지도하고 있다.

역자 : 오현석
비사이드소프트(BSIDESOFT) 이사로 일하면서 매일 고객의 요청에 따라 코드를 만들고 있는 현업 개발자다. 어릴 때 처음 접한 컴퓨터에 매혹된 후 경기과학고등학교, KAIST 전산학 학사와 프로그래밍 언어 전공 석사를 취득하며 계속 컴퓨터를 사용해왔다. 직장에서는 주로 코틀린이나 자바를 사용한 서버 프로그래밍을 하고, 주말이나 빈 시간에는 번역을 하거나 공부하면서 즐거움을 찾는다. 시간이 아주 많이 남을 때는 시뮬레이션 게임을 하면서 머리를 식히며, 어떻게 하면 막둥이를 프로그래밍의 세계로 끌어들일 수 있을지 고민 중인 아빠이기도 하다.
『Kotlin in Action』(에이콘, 2017), 『배워서 바로 쓰는 스프링 프레임워크』(한빛미디어, 2020), 『Programming in Scala 4/e』(에이콘, 2021), 『한 권으로 읽는 컴퓨터 구조와 프로그래밍』(책만, 2021) 등 20권 이상의 책을 번역했다.

저자(글) 이브 포셀로

번역 오현석