이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제 청년패스
기초부터 제대로 배우는 리액트 인 액션
베스트
IT 모바일 top100 1주
가격
28,000
10 25,200
YES포인트?
1,400원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요

이미 소장하고 있다면 판매해 보세요.

  •  국내배송만 가능
  •  문화비소득공제 가능

이 상품의 태그

상세 이미지

책소개

목차

PART 1 리액트 소개 1
CHAPTER 1 리액트를 만나다 3
1.1 리액트 시작하기 4
1.2 리액트가 적합하지 않은 경우 10
1.3 가상 DOM 15
1.4 컴포넌트: 리액트의 기본 단위 20
1.5 팀을 위한 리액트 23
1.6 요약 24
CHAPTER 2 첫 번째 컴포넌트 26
2.1 리액트의 컴포넌트에 대해 알아보기 28
2.2 리액트 컴포넌트 개발하기 36
2.3 컴포넌트의 수명과 시간 49
2.4 JSX와의 첫 만남 60
2.5 요약 64

PART 2 리액트의 컴포넌트와 데이터 67
CHAPTER 3 리액트의 데이터와 데이터 흐름 69
3.1 상태 69
3.2 리액트에서의 상태 76
3.3 컴포넌트 간의 통신 86
3.4 단방향 데이터 흐름 87
3.5 요약 90
CHAPTER 4 리액트의 렌더링과 생명주기 메서드 91
4.1 레터스 소셜 저장소 셋업하기 92
4.2 렌더링 과정과 생명주기 메서드 97
4.3 레터스 소셜 앱 개발 시작하기 118
4.4 요약 126
CHAPTER 5 폼 다루기 128
5.1 포스트 생성하기 129
5.2 폼 다루기 133
5.3 새 포스트 생성하기 145
5.4 요약 147
CHAPTER 6 서드파티 라이브러리의 통합 148
6.1 레터스 소셜 API에 포스트 전송하기 149
6.2 지도를 이용해 컴포넌트를 개선하기 151
6.3 요약 172
CHAPTER 7 리액트의 라우팅 173
7.1 라우팅의 기초 174
7.2 라우터 구현하기 177
7.3 요약 192
CHAPTER 8 고급 라우팅과 파이어베이스의 통합 194
8.1 라우터 사용하기 195
8.2 파이어베이스와의 통합 208
8.3 요약 216
CHAPTER 9 리액트 컴포넌트의 테스트 217
9.1 테스트의 종류 220
9.2 Jest, Enzyme, React-test-renderer를 이용한 리액트 컴포넌트의 테스트 223
9.3 처음 작성하는 테스트 코드 225
9.4 요약 245

PART 3 리액트 애플리케이션 아키텍처 247
CHAPTER 10 리덕스 애플리케이션 아키텍처 249
10.1 플럭스 애플리케이션 아키텍처 251
10.2 리덕스 액션 생성하기 258
10.3 요약 280
CHAPTER 11 리액트에 리덕스 통합하기 282
11.1 리듀서는 상태가 어떻게 변경되어야 하는지를 결정한다 283
11.2 리액트에 리덕스 통합하기 299
11.3 요약 312
CHAPTER 12 서버 측 리액트와 리액트 라우터 314
12.1 서버 측 렌더링이란? 316
12.2 왜 서버에서 렌더링을 해야 할까? 320
12.3 SSR이 필요하지 않은 경우 323
12.4 서버에서 컴포넌트 렌더링하기 324
12.5 리액트 라우터 라이브러리 331
12.6 리액트 라우터로 인증 라우트 처리하기 337
12.7 데이터를 포함한 서버 측 렌더링 341
12.8 요약 352
CHAPTER 13 리액트 네이티브 소개 354
13.1 리액트 네이티브 355
13.2 리액트와 리액트 네이티브 358
13.3 언제 리액트 네이티브를 사용할 것인가? 361
13.4 세상에서 제일 간단한 ‘Hello World’ 앱 363
13.5 앞으로의 여정 367
13.6 요약 368

부록: 리액트 16.3 이후 생명주기 메서드 변경 사항 370

저자 소개 2

마크 티에렌스 토마스

관심작가 알림신청
 

Mark Tielens Thomas

아내와 함께 미국 남부 캘리포니아에 거주하며, 풀스택 개발자와 저자로 활동 중이다. 대용량 엔지니어링 문제를 비롯하여 고효율, 고부가가치 솔루션을 제공하는 팀들과 함께 일했다. 맛 좋은 커피, 많은 책, 빠른 API, 그리고 아름다운 시스템을 좋아한다. 매닝 출판사에서 다수의 책을 출간했으며, 개인 블로그인 https://ifelse.io를 운영하고 있다.
지난 10여 년간 호주와 캐나다에서 시니어 엔지니어 및 스태프 엔지니어로 경험을 쌓았으며 현재는 프린시펄 소프트웨어 엔지니어로서 소프트웨어 개발은 물론 성공적인 엔지니어링 팀과 문화의 구축에 힘을 쏟고 있다. 지금까지 총 30권의 개발 관련서를 집필/번역하면서 책이라는 매개체로 멀리서나마 국내 개발자들과 꾸준히 소통하고 있으며 대표적인 번역서로는 『필독! 개발자 온보딩 가이드』(책만, 2023), 『안녕하세요, 오늘부터 매니저입니다』(길벗, 2023), 『스태프 엔지니어』(길벗, 2022), 『SRE를 위한 시스템 설계와 구축』(한빛미디어, 2022), 『구글 빅쿼리 완벽 가이드
지난 10여 년간 호주와 캐나다에서 시니어 엔지니어 및 스태프 엔지니어로 경험을 쌓았으며 현재는 프린시펄 소프트웨어 엔지니어로서 소프트웨어 개발은 물론 성공적인 엔지니어링 팀과 문화의 구축에 힘을 쏟고 있다. 지금까지 총 30권의 개발 관련서를 집필/번역하면서 책이라는 매개체로 멀리서나마 국내 개발자들과 꾸준히 소통하고 있으며 대표적인 번역서로는 『필독! 개발자 온보딩 가이드』(책만, 2023), 『안녕하세요, 오늘부터 매니저입니다』(길벗, 2023), 『스태프 엔지니어』(길벗, 2022), 『SRE를 위한 시스템 설계와 구축』(한빛미디어, 2022), 『구글 빅쿼리 완벽 가이드』(책만, 2020), 『엔터프라이즈 데이터 플랫폼 구축』(책만, 2020), 『사이트 신뢰성 엔지니어링』(제이펍, 2018), 『클라우드 네이티브 자바』(책만, 2018) 등이 있다.

장현희의 다른 상품

품목정보

발행일
2019년 01월 25일
쪽수, 무게, 크기
396쪽 | 188*245*20mm
ISBN13
9791188621491

책 속으로

리액트의 멘탈 모델이 강력한 이유는 무엇일까? 이 모델은 컴퓨터 공학 및 소프트웨어 엔지니어링 기법의 깊숙한 영역과 결부되어 있다. 리액트의 멘탈 모델은 함수적(functional) 개념과 객체지향(object-oriented)을 결합하고 있으며, 컴포넌트를 UI 개발의 주요 단위로 보고 있다.
--- p. 4

리액트의 상태를 조금 더 잘 이해할 수 있도록 하기 위해 ‘상태’라는 것이 무엇인지 일단 생각해 보자. 지금까지 프로그램 내의 상태에 대해 생각해 보거나 들어본 적이 없다 하더라도 최소한 예전에 본 적은 있을 것이다. 지금까지 여러분이 작성했던 대부분의 프로그램들은 일종의 상태를 가지고 있다. Vue.js, 앵귤러 혹은 엠버 등의 프런트엔드 프레임워크를 사용해 본 적이 없다 하더라도 분명 상태의 개념을 가지고 있는 UI를 작성해 봤을 것이다.
--- p. 70

라우팅을 활용하려면 먼저 라우팅이 무엇인지를 먼저 이해해야 한다. 라우팅은 모든 웹사이트와 웹 애플리케이션의 핵심이다. 간단한 정적 HTML 페이지부터 복잡한 리액트 웹 애플리케이션에 이르기까지 중심적인 역할을 수행하는 것이 바로 라우팅이다. URL에 어떤 동작을 매핑하고자 한다면 무조건 라우팅이 필요하다.
--- p. 174

현대의 애플리케이션들은 이전 세대의 애플리케이션에 비해 훨씬 많은 작업을 수행해야 하며, 그래서 내외부적으로 더 복잡할 수밖에 없다. 개발자들은 포괄적인 디자인 패턴을 적용하지 않은 채 계속해서 비대해지는 복잡한 애플리케이션이 어떤 혼란을 가져오는지 이미 잘 알고 있다. 스파게티 코드는 일하는 재미가 없을 뿐 아니라 개발자들이 제 속도를 내지 못해서 비즈니스 역시 제대로 성장하지 못하는 결과를 가져왔다.
--- p. 251

리액트 네이티브를 이용하면 자바스크립트와 네이티브 코드를 섞어서 애플리케이션을 개발할 수 있다. 이것이 가능한 이유는 리액트 네이티브가 모바일 플랫폼과 애플리케이션 사이에 일종의 다리(bridge)를 놓아주기 때문이다. 대부분의 모바일 기기는 자바스크립트를 실행할 수 있으며, 리액트 네이티브는 이 장점을 이용해 자바스크립트를 실행한다.

--- p. 356

출판사 리뷰

리액트와 리덕스로 구축하는 생동감 넘치는 웹 UI의 세계!

페이스북은 컴포넌트와 웹사이트에 놀라운 사용자 경험을 선사하기 위해 리액트를 개발했다. 리액트의 핵심인 상태 관리, 데이터 흐름, 그리고 렌더링을 위한 현명한 디자인 때문에 사고하기 쉽고 부드럽게 애플리케이션을 실행할 수 있다. 게다가 놀랍도록 풍부한 컴포넌트와 라이브러리 생태계는 개발자와 사용자 모두에게 큰 도움을 준다.

이 책은 리액트를 이용해 구체화하는 기술을 제시한다. 독자들은 모든 장의 구체적인 예제들을 빠르게 실행해 볼 수 있다. 또한, 렌더링, 생명주기 메서드, JSX, 데이터 흐름, 폼, 라우팅, 서드파티 라이브러리의 통합, 그리고 테스트 등 핵심 주제들을 마스터할 수 있다. 그리고 이 책에서 설명하는 애플리케이션 디자인 기법은 많은 개발자들이 눈에 띄는 앱을 개발하는 데 도움이 될 것이다. 마지막으로 리액트를 풀스택 애플리케이션에 통합하는 방법을 알아보고 리덕스를 이용한 상태 관리, 서버 측 렌더링, 그리고 모바일 UI를 위한 리액트 네이티브 등도 학습한다.

추천사
개념과 현실 세계의 예제를 통합한 단 한 권의 도서
- Phaneendra Bommareddy, 오픈로직스

이 책을 읽고 리액트를 활용하자. 그리고 다시는 되돌아보지 말자.
- Michal Paszkiewicz, 런던 교통국

리액트와 리덕스를 이용해 애플리케이션을 개발하고자 하는 모두를 위한 필독서
- Andrew Courter, 피보탈

쉬운 해설, 필요한 모든 단계에 대한 상세한 설명, 풍부한 예제 코드는 리액트의 길에 이르는 등불을 밝혀준다.
- Olivier Ducatteeuw, 벨기에 루벤대학교

리뷰/한줄평3

리뷰

8.4 리뷰 총점

한줄평

첫번째 한줄평을 남겨주세요.