본문내용 바로가기
MD의선택 무료배송 소득공제

리액트 & 리액트 네이티브 통합 교과서 웹과 네이티브 모바일 개발을 위한 실전 활용법

프로그래밍 언어
아담 보두치 지음 | 강경일, 신희철 옮김 | 에이콘출판 | 2019년 07월 22일 출간

이 책의 다른 상품 정보

  • 정가 : 35,000원
    판매가 : 31,500 [10%↓ 3,500원 할인]
  • 통합포인트 :
    [기본적립] 1,750원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 카드/포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    지금 주문하면 내일(25일,목) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내
상품상세정보
ISBN 9791161753195(1161753192)
쪽수 592쪽
크기 188 * 235 * 34 mm /1094g 판형알림
이 책의 원서/번역서 React and React Native - Second Edition/Boduch, Adam

책소개

이 책이 속한 분야

리액트는 페이스북이 개발한 웹 개발 라이브러리로, 현재 페이스북이 자사 서비스에 적극적으로 활용할 뿐만 아니라 수많은 개발자들이 웹 및 앱 개발에 사용하고 있는 기술이다.
이 책은 리액트에 대한 전반적인 이해와 구현을 통해 모바일 앱 개발이 가능한 리액트 네이티브를 소개하며 약간의 자바스크립트 지식으로도 충분히 시작할 수 있다.
먼저 리액트의 개념 및 렌더링, 컴포넌트 재사용, JSX, 고차 컴포넌트 등에 대해 배운다. 책 후반부에서는 이를 토대로 모바일 앱 개발을 위해 리액트 네이티브로 주요 모바일 플랫폼의 네이티브 컴포넌트와 연동하는 방법을 배운다.

저자소개

저자 : 아담 보두치

10여 년간 대규모 자바스크립트 개발에 참여해왔다. 프론트 엔드 개발로 이동하기 전에는 파이썬과 리눅스를 사용해 몇 가지 대규모 클라우드 컴퓨팅 제품을 개발했다. 복잡성의 문제에 익숙하며 소프트웨어 시스템과 그것이 갖고 있는 확장성의 문제에 대한 실질적인 경험자다.
『Flux Architecture』(Packt, 2016)를 비롯한 여러 자바스크립트 책의 저자이며 현재 혁신적인 사용자 경험과 고성능에 빠져 있다.

역자 : 강경일

경희대학교 컴퓨터공학과를 다녔으며, 자바스크립트 및 제이쿼리를 사용해 여러 웹 프로젝트를 진행해왔다. 더욱 체계적인 웹 개발을 위해 찾아보던 중 리액트를 접하게 됐으며 이 기술에 흥미를 느껴 웹 프론트엔드 개발자로 전향하게 됐다. 가상 DOM, 컴포넌트 등 리액트만의 여러 특징은 제이쿼리로만 개발하던 그 동안의 나의 웹 개발의 패러다임에 변화와 활력을 줬다. 현재도 리액트를 사용해서 SNS 개발을 진행하고 있으며, 리액트 네이티브로 토이 프로젝트를 진행 중이다. 추후 리액트와 리액트 네이티브를 사용해 다양한 서비스를 출시하는 것이 개인적인 목표다.

역자 : 신희철

18여 년간 마이크로소프트, IBM, 야후와 스타트업등에서 소프트웨어 개발자, 컨설턴트를 거쳤다. 커리어를 윈도우 애플리케이션 개발자로 시작했기에 『찰스 페졸드의 WPF』(에이콘, 2007) 등을 출간하며 플랫폼 전문성을 가지는 것으로 방향을 잡았지만 웹과 모바일로의 플랫폼 확장의 시대에서는 강제 적응 모드에 들어갈 수밖에 없게 됐다. 아직도 많은 것을 지속적으로 배워야 하는 IT 바닥이 야속하기도 하지만 새로운 기술이 나올 때마다 다시 젊은 개발자로 돌아간 것 같은 느낌이 드는 것은 그나마 매력이다.

작가의 말

나는 모바일 앱 개발에 별 관심이 없었다. 이미 여러 장치에 앱이 넘쳐나고 있는 상황에서 더 많은 애플리케이션을 설치할 필요가 없다고 생각했기 때문이다. 그런데 리액트 네이티브가 나타나고 웹 애플리케이션에 리액트가 사용되면서 인기를 끌었다. 내가 서로 다른 도구, 환경 및 프로그래밍 언어를 사용해 같은 앱의 여러 버전을 유지 관리하는 것을 주저하는 유일한 개발자가 아니라는 사실이 밝혀졌다. 리액트 네이티브는 웹 개발 경험의 관점(리액트)에서 잘 동작하는 것을 가져와 네이티브 앱 개발에 적용하기 위해 만들어졌다. 네이티브 모바일 앱은 브라우저보다 우수한 사용자 환경을 제공한다. 모바일 앱이 필요 없다는 나의 생각은 틀렸다. 당분간 모바일 앱이 필요하다. 이 책은 기본적으로 웹 리액트 개발자이자 경험이 부족한 모바일 앱 개발자로서의 나의 경험을 담고 있다. 리액트 네이티브는 웹에 대한 리액트를 이해하고 있는 개발자라면 전환하기가 쉽다. 이 책에서는 두 환경에서 리액트를 개발할 때의 미묘한 차이와 리액트의 개념적 테마를 배울 수 있다. 리액트는 무엇이든 타깃이 될 수 있는 단순한 렌더링 추상화다. 오늘날로 따지면 브라우저와 모바일 장치다. 미래에는 모든 것이 될 수 있다.

목차

1장. 왜 리액트인가?
__리액트란?
____리액트는 단지 뷰다
__단순성이 좋다
__선언적 UI 구조
__시간과 데이터
__성능 문제
__올바른 추상화 수준
__리액트 16의 변경 사항
____핵심 아키텍처 개선
____생명주기 메서드
____컨텍스트 API
____프래그먼트 렌더링
____목록과 문자열을 렌더링
__요약

2장. JSX 렌더링
__JSX란 무엇인가?
____Hello JSX
____선언적 UI 구조
__HTML과 같은
____내장 HTML 태그
____HTML 태그 규약
__UI 구조 설명
__자신의 JSX 요소 생성
____HTML 캡슐화
____중첩 요소
____네임스페이스 컴포넌트
__자바스크립트 표현 사용
____동적 프로퍼티 값과 텍스트
____컬렉션을 요소에 매핑
__JSX의 프래그먼트
____래퍼 요소
____프래그먼트를 사용해 불필요한 태그 제거
__요약

3장. 컴포넌트 프로퍼티, 상태 그리고 컨텍스트
__컴포넌트 상태란 무엇인가?
__컴포넌트 프로퍼티란 무엇인가?
__컴포넌트 상태 설정
____초기 컴포넌트 상태
____컴포넌트 상태 설정
____컴포넌트 상태 병합
__프로퍼티 값 전달하기
____기본 프로퍼티 값
____프로퍼티 값 설정
__무상태 컴포넌트
____순수 함수형 컴포넌트
____함수형 컴포넌트 기본값
__컨테이너 컴포넌트
__컨텍스트 제공 및 사용
__요약

4장. 이벤트 핸들링 - 리액트 방식
__이벤트 핸들러 선언
____핸들러 함수 선언
____다중 이벤트 핸들러
____제네릭 핸들러 임포트
__이벤트 핸들러 컨텍스트와 매개변수
____Auto-binding context
____컴포넌트 데이터 가져오기
__고차 이벤트 핸들러
__인라인 이벤트 핸들러
__요소에 핸들러를 바인딩
__통합 이벤트 객체
__이벤트 풀링
__요약

5장. 재사용할 수 있는 컴포넌트 제작
__재사용할 수 있는 HTML 요소
__일체형 컴포넌트의 어려움
____JSX 마크업
____초기 상태와 상태 헬퍼
____이벤트 핸들러 구현
__컴포넌트 구조 리팩토링
____JSX로 시작
____article 목록 컴포넌트 구현
____article 항목 컴포넌트 구현
____article 컴포넌트 추가 기능 구현
____함수형 컴포넌트 만들기
__렌더 프롭 활용
__컴포넌트 트리 렌더링
__기능 컴포넌트와 유틸리티 컴포넌트
__요약

6장. 리액트 컴포넌트 생명주기
__컴포넌트는 왜 생명주기가 필요한가?
__프로퍼티와 상태 초기화하기
____컴포넌트 데이터 가져오기
____프로퍼티로 상태 초기화하기
____프로퍼티로 상태 업데이트하기
__렌더링 효율 최적화
____렌더링 여부 결정
____렌더링 최적화를 위한 메타데이터의 사용
__명령형 컴포넌트 렌더링
____제이쿼리 UI 위젯 렌더링
__컴포넌트의 후처리
____비동기 호출 정리
____에러 경계
__요약

7장. 컴포넌트 프로퍼티 검증
__예측 값 파악
__이동 가능한 컴포넌트
__간단한 프로퍼티 검증기
____기본 유형 검증
____값 요청
____any 프로퍼티 값
__유형과 값 검사기
____렌더링될 수 있는 것
____특정 유형 요청
____특정 값을 요청
__커스텀 프로퍼티 검증기 구현
__요약

8장. 컴포넌트 확장
__컴포넌트 상속
____상태 상속
____프로퍼티 상속
____JSX 및 이벤트 핸들러 상속
__고차 컴포넌트 구성
____조건부 컴포넌트 렌더링
____데이터 소스 제공
__요약

9장. 라우트를 통한 내비게이션 처리
__라우트 선언
____헬로 라우트
____라우트 선언 분리
____부모와 자식 라우트
__라우터 매개변수 처리
____라우트의 리소스 ID
____선택적 매개변수
__링크 컴포넌트 사용
____기본 링크
____URL 및 쿼리 매개변수
__요약

10장. 서버단 리액트 컴포넌트
__동형 자바스크립트란 무엇인가?
____서버는 렌더링 대상이다
____초기 로드 성능
____백엔드와 프론트엔드 간의 코드 공유
__문자열로 렌더링
__백엔드 라우팅
__프론트엔드 조정
__데이터 가져오기
__요약

11장. 모바일 우선 리액트 컴포넌트
__모바일 우선 디자인의 근거
__React-bootstrap 컴포넌트 사용
____내비게이션 구현
____목록
____폼
__요약

12장. 왜 리액트 네이티브인가?
__리액트 네이티브는 무엇인가?
__리액트와 JSX는 익숙하다
__모바일 브라우저 경험
__같으면서 다른 안드로이드와 iOS
__모바일 웹 애플리케이션 사례
__요약

13장. 리액트 네이티브 프로젝트 시작하기
__create-react-native-app 설치하고 사용하기
__리액트 네이티브 앱 생성하기
__앱 실행하기
__Expo 설치하고 사용하기
__시뮬레이터 사용하기
____iOS 시뮬레이터
____안드로이드 시뮬레이터
__요약

14장. 플렉스박스로 반응형 레이아웃 만들기
__플렉스박스는 새로운 레이아웃 표준이다
__리액트 네이티브 스타일 소개하기
__플렉스박스 레이아웃 만들기
____단순한 세 열 레이아웃
____개선된 세 열 레이아웃
____유연한 행
____유연한 그리드
____유연한 행과 열
__요약

15장. 화면 탐색하기
__탐색 기초
__라우트 인자
__탐색 헤더
__탭과 드로워 탐색
__상태 다루기
__요약

16장. 항목 목록 렌더링하기
__데이터 컬렉션 렌더링하기
__목록 정렬하고 필터링하기
__목록 데이터 가져오기
__지연 목록 로딩
__요약

17장. 프로그레스 보여주기
__진행 상황과 사용성
__프로그레스 표시하기
__프로그레스 측정하기
__탐색 인디케이터
__단계 프로그레스
__요약

18장. 지오로케이션과 맵
__내 위치는 어디인가?
__주변에는 무엇이 있을까?
__가볼 만한 곳 주석달기
____포인트 배치하기
____오버레이 배치하기
__요약

19장. 사용자 입력받기
__텍스트 입력받기
__목록 옵션 선택하기
__온/오프 토글링하기
__날짜/시간 입력받기
__요약

20장. 알림, 통지, 확인
__중요한 정보
__사용자 확인받기
____성공 확인
____에러 확인
__수동적 통지
__액티비티 모달
__요약

21장. 사용자 제스처에 대응하기
__손가락으로 스크롤하기
__터치 피드백주기
__스와이프 가능과 취소 가능
__요약

22장. 이미지 출력 제어하기
__이미지 로딩하기
__이미지 리사이즈하기
__이미지 지연 로딩하기
__아이콘 렌더링하기
__요약

23장. 오프라인의 세계로
__네트워크 상태 감지하기
__애플리케이션 데이터 저장하기
__애플리케이션 데이터 동기화하기
__요약

24장. 애플리케이션 상태 다루기
__정보 아키텍처와 플럭스
____단일 방향성
____동기식 업데이트 라운드
____예측 가능한 상태 변환
__통합 정보 아키텍처
__리덕스 구현하기
____초기 애플리케이션 상태
____스토어 생성하기
____스토어 프로바이더와 라우트
____앱 컴포넌트
____Home 컴포넌트
____모바일 앱에서의 상태
__아키텍처 확장하기
__요약

25장. 왜 릴레이와 그래프QL인가?
__또 다른 접근법?
__새로운 용어들
__선언형 데이터 의존성
__애플리케이션 상태 변형하기
__그래프QL 백엔드와 마이크로서비스
__요약
__TodoMVC와 릴레이

26장. 릴레이 리액트 앱 구현하기
__그래프QL 스키마
__릴레이 부트스트래핑하기
__Todo 항목 추가하기
__Todo 항목 렌더링하기
__Todo 항목 완성하기
__요약

출판사 서평

★ 이 책에서 다루는 내용 ★
■ 재사용 가능한 리액트 컴포넌트 작성하기
■ 리액트 라우터로 UI와 URL을 동기화해 탐색 통제하기
■ Node.js를 사용해 서버 사이드 렌더링 웹 애플리케이션 개발하기
■ 반응형 모바일 디자인을 생성하기 위해 플럭스박스 레이아웃 모델 사용하기
■ 안드로이드와 iOS 네이티브 API를 활용해 리액트 네이티브로 매력적인 애플리케이션 개발하기
■ 사용자를 위해 직관적인 형태의 제스처에 대응하기
■ 리액트 UI를 위한 통합된 데이터 아키텍처를 구성하기 위해 릴레이 사용하기

★ 이 책의 ... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서번역서

안내

이 분야의 베스트

  • 길벗R&D
    18,900원
  • 길벗R&D
    12,600원
  • 윤인성
    16,200원
  • 박응용
    16,920원
  • 길벗알앤디(강윤석, 김용갑,...
    19,800원
더보기+

이 분야의 신간

  • 박응용
    16,920원
  • 윤인성
    16,200원
  • 커넥팅랩
    16,200원
  • 세바스찬 라시카
    29,700원
  • 이차웅
    21,600원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품