러닝 리액트(Learning React)

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

알렉스 뱅크스 , 이브 포셀로 저자(글) · 오현석 번역

한빛미디어 · 2021년 07월 01일

책 소개

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

작가정보

저자(글) 알렉스 뱅크스

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권 이상의 책을 번역했다.

목차

• 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)에서 라우팅 해법 사용하기
● 서버를 염두에 둔 아이소모픽 리액트 애플리케이션의 구조를 잡는 방법

기본정보

ISBN	9791162244494
발행(출시)일자	2021년 07월 01일
쪽수	396쪽
크기	184 * 235 * 18 mm / 712 g
총권수	1권
원서(번역서)명/저자명	Learning React/Banks, Alex

Klover 리뷰 (19)

[hg***]

리액트 기초부터 고급까지

[pj*****]

코드에 오류가 있긴하지만 읽기가 쉬워서 전반적인 흐름을 가볍게 훑는데 도움이 됩니다

[hs*****]

컴팩트하면서도 리액트에 대한 전반적인 내용이 잘 다뤄져 있어서 좋습니다

[ba******]

프론트앤드 개발자들이 읽을만 합니다.

[ro****]

기술 습득용으로 구입했어요.

[th*****]

참고하기 좋습니다 유용해요

[sa*****]

딱 입문서 수준입니다. 전체적인 내용을 빠르게 쭉 보기는 좋습니다.그러다보니 중요한 핵심 개념이나 깊이가 있는 내용은 없는데요 이점 참고하셔서 책 고르시면 좋을거 같습니다.저는 이 책이 최근에 나와서 한번 읽어봤는데사실 그렇게 많이 도움이되거나 유익한 내용이 있다는 생각은 들지 않았습니다.(공식홈 문서가 더 유익한듯)마지막으로, 2판인데도 사소한 오타가 많고 번역이 이상한 부분도 간혹 있어서 아쉬웠습니다.

[re*******]

리액트 트렌드에 맞게 2판이 나와서 잘 보고 있어요

[uo*****]

리액트 공부중이에요!

[yo********]

러닝 리액트가 주목 받고 있는데, 예제가 다양하게 담겨있어서 하나씩 해보며 공부하기 좋은거 같아요