BOOKSEEK BOOK NOTES
러닝 리액트(2판)
자바스크립트와 함수형 사고를 바탕으로 React의 컴포넌트·훅·데이터 흐름을 배우는 2판입니다. 데이터 요청과 라우팅, 테스트까지 이어지는 범위를 살피며 2021년 판본에서 개념 학습과 도구 설정을 구분해 읽는 방법을 안내합니다.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
책의 기본 정보
- 출판사
- 한빛미디어
- 출간일
- 2021-07-01
- 분량
- 396쪽
- ISBN
- 9791162244494
책의 내용과 읽을 거리
『러닝 리액트(2판)』는 React의 문법을 바로 따라 하기 전에 자바스크립트와 함수형 프로그래밍의 관점을 함께 정리하려는 독자를 위한 책입니다. 요소와 컴포넌트, 상태와 훅을 다루고 데이터 요청, 라우팅, 테스트와 서버 렌더링으로 범위를 넓힙니다. HTML·CSS와 자바스크립트에 익숙하지만 React의 코드가 왜 이런 방식으로 구성되는지 궁금한 독자가 선택할 만합니다.
앞부분의 자바스크립트와 함수형 사고는 React에서 반복해서 만나는 표현을 읽기 위한 준비입니다. 함수를 값처럼 다루거나 배열을 변환하는 코드를 보았을 때 결과만 외우지 말고 각 단계가 입력을 어떻게 바꾸는지 적어 보세요. 이미 알고 있는 문법이더라도 화면을 구성하는 코드 안에서 어떤 역할을 하는지 다시 읽을 수 있습니다. 단순한 설치 안내보다 이런 배경을 먼저 이해하고 싶은 독자에게 의미가 있습니다.
컴포넌트를 공부할 때는 화면에 보이는 구조와 데이터가 들어오는 경로를 함께 살펴보세요. 같은 모양의 요소라도 어떤 값을 받고 언제 달라지는지에 따라 역할이 달라집니다. 책의 예제 하나에서 전달되는 값과 컴포넌트가 만들어 내는 결과를 나누어 적는 활동을 권합니다. 코드를 짧은 조각으로 나누는 것과 책임을 명확하게 나누는 것은 다르다는 질문으로 읽기를 확장할 수 있습니다.
상태와 훅을 다루는 부분에서는 변경되는 값이 어디에 있어야 하는지 생각해 보세요. 화면의 여러 부분이 같은 값을 필요로 할 때 관계를 먼저 정리하면 코드의 선택을 이해하기 쉽습니다. 효과를 다루는 코드에서는 계산한 결과를 표시하는 일과 외부 동작을 연결하는 일을 구분하는 편이 좋습니다. 함수 이름을 외우기보다 코드가 어떤 시점의 어떤 일을 담당하는지 설명하는 데 초점을 맞춰 보세요.
데이터 요청과 라우팅은 한 화면의 예제를 애플리케이션의 흐름으로 넓히는 범위입니다. 요청이 진행 중일 때와 결과를 받았을 때, 실패했을 때 사용자에게 무엇을 보여 줄지 각각 적어 보세요. 주소가 달라질 때 어떤 내용이 바뀌는지 함께 살피면 화면과 데이터의 관계가 더 분명해집니다. 책의 코드가 동작하는 조건을 확인하면서 기능을 하나씩 연결하는 방식으로 활용할 수 있습니다.
테스트와 서버 렌더링도 포함되므로 React 앱을 보는 관점을 확장할 수 있습니다. 테스트를 읽을 때는 구현한 코드와 기대한 행동을 구별해 보세요. 렌더링이 어디에서 이루어지는지에 따라 생각할 조건이 달라진다는 점도 질문으로 남길 수 있습니다. 다만 이 책의 입문 범위를 읽었다는 이유로 모든 서비스의 성능과 배포 구성을 결정할 수 있다고 기대하지는 않는 편이 좋습니다.
소개하는 것은 2021년에 출간된 한국어 2판입니다. 패키지 설치와 라우팅 등 도구 사용 부분은 현재 환경과 차이가 날 수 있으므로 그 절차를 그대로 재현하는 목적에는 신중해야 합니다. 이 책을 고를 이유는 함수형 사고와 데이터 흐름을 바탕으로 React 개념을 연결하는 설명에 있습니다. 최근 환경을 반영한 실습서를 우선 원하는 독자라면 판본이 더 가까운 입문서와 비교해 선택하세요.
이 책에서 공부할 수 있는 내용
자바스크립트와 함수형 프로그래밍의 기초를 React 요소·컴포넌트·훅 학습에 연결할 수 있습니다. 데이터 요청·라우팅·테스트·서버 렌더링도 다룹니다. 활용 질문은 상태가 변할 때 어느 화면이 영향을 받는지, 요청의 성공·대기·실패를 어떻게 구분할지 자신의 말로 설명할 수 있는가입니다.
설명 방식에서 눈여겨볼 특징
- 언어 배경을 함께 읽기: 자바스크립트 표현과 함수형 사고를 React 코드에 연결합니다.
- 컴포넌트와 데이터 흐름: 요소·상태·훅을 화면 변화의 관점에서 살핍니다.
- 애플리케이션으로 확장: 데이터 요청과 라우팅을 통해 여러 화면의 관계를 읽습니다.
- 검증과 렌더링: 테스트와 서버 렌더링을 입문 범위에 포함합니다.
- 구판 활용의 기준: 2021년 도구 설정보다 개념을 연결하는 설명에 가치를 둡니다.
이런 독자에게 권합니다
자바스크립트 기초가 있고 React의 표현 방식과 데이터 흐름을 이해하려는 독자에게 권합니다. 처음부터 현재 환경의 설치 절차를 그대로 따라 하는 것이 최우선이면 다른 판본의 실습형 입문서가 더 적절할 수 있습니다. 기능 목록보다 개념을 설명하는 방식으로 비교하세요.
이 책에서 주로 다루는 내용
- 자바스크립트와 함수형 사고의 배경
- 컴포넌트·상태·훅과 데이터 흐름
- 테스트·라우팅·서버 렌더링의 범위
작가 소개
알렉스 뱅크스와 이브 포셀로는 개발 교육 업체 Moon Highway를 함께 설립하고 소프트웨어 개발 및 기술 교육에 참여해 왔습니다. 출판사 소개에는 여러 기업 대상 교육과 자바스크립트 관련 강의 경험이 실려 있습니다.