간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 결제시 최대할인 3천원 / 5만원 이상 결제, 기간 중 1회)
삼성카드 6% (21,150원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (21,380원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (15,750원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (18,000원)
(최대할인 4만원 / 2만원 이상 결제)
Close

리액트 네이티브 인 액션 : 실무 중심 예제로 배우는 크로스 플랫폼 앱 개발 실전 활용서

원제 : REACT NATIVE IN ACTION
소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 619
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

25,000원

  • 22,500 (10%할인)

    1,250P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
  • 추가혜택
    배송정보
    •  당일배송을 원하실 경우 주문시 당일배송을 선택해주세요.
    • 서울시 강남구 삼성로 512변경
    • 배송지연보상 안내
    • 무료배송
    • 해외배송가능
    주문수량
    감소 증가
    • 이벤트/기획전

    • 연관도서

    • 사은품(8)

    책소개

    흐름을 꿰뚫는 실무 중심 예제
    주제별로 연결되어 단계별 학습에 최적화


    리액트 네이티브는 모바일과 웹 개발자들에게 이 프레임워크가 가진 이점으로 효율성과 생산성을 빠르게 높일 수 있는 힘을 부여합니다. 우리가 만든 앱을 iOS와 Android 그리고 웹에 쉽게 배포합니다. 리액트 네이티브 앱을 플랫폼별 코드로 컴파일하여 개발 시간과 노력, 비용을 줄일 수 있습니다! 또한, 자바스크립트와 리액트 프레임워크를 사용하므로 관련 툴과 전문성, 거대한 생태계로부터 많은 이점을 누릴 수 있습니다.

    [리액트 네이티브 인 액션]은 고품질의 크로스플랫폼 모바일과 웹 앱을 가장 빠르고 원할하게 만들 방법을 알려줍니다. 이 안내서로 독자분들은 명확하고 쉬운 도움을 받아 완전한 앱을 만들 수 있습니다. 독자분들은 스타일링, API, 애니메이션, 데이터 아키텍처 등의 기술을 쌓아가면서 더 발전된 주제들을 파고들 수 있습니다. 또한 기본 플랫폼의 모양과 느낌을 그대로 유지하면서 코드 재사용을 극대화하는 방법을 배우게 될 것입니다.

    출판사 서평

    흐름의 꿰뚫는 실무 중심 예제로 배우는 크로스 플랫폼
    이 책은 가능한 한 빠르고 수월하게 리액트 네이티브를 배워 활용할 수 있도록 하였습니다. 이 책에서 가장 두드러지는 실무 중심 예제는 다양한 관점에서 참고해볼 만한 개발 노하우와 연습용이 아닌 실전에서 활용할 수 있도록 초점을 두었습니다. 또한 단계별 과정에서 이전 과정과 이후의 과정이 자연스레 연결되어 흐름이 끊어지지 않고 새로 나오는 개념과 연결 또한 자연스럽습니다. 천천히 자기만의 속도로 공부한다면 많은 지식과 노하우를 얻을 수 있을 것입니다.

    리액트 네이티브에 대한 현실적인 안내서
    리액트 네이티브가 무엇인지, 어떻게 동작하는지 리액트와의 관계를 살펴보고 리액트 네이티브를 어떤 상황에서 적절히 사용해야 하는지를 다룹니다. 그리고 기본 개념, 작동 방식, 컴포넌트 스펙과 생명주기 등을 배우고 바로 네이티브 앱을 만들어 보면서 iOS와 안드로이드 개발자 메뉴와 디버그 하는 방법을 배웁니다. 본격적으로 리액트 네이티브로 앱을 개발해보며 기능을 추가합니다. 스타일, 내비게이션, 애니메이션, Context API를 이용하는 방법, 데이터 아키텍처를 이용한 데이터 처리 방법은 리덕스에 초점을 맞춰서 다루고 크로스 플랫폼과 플랫폼별 API를 배웁니다. 마지막으로 컴포넌트와 내비게이션 UI에 스타일을 적용하고 Fetch API를 이용해서 외부 네트워크의 리소스로부터 데이터를 가져오는 작업을 해봅니다. 그렇게 앞서 배운 모든 기능을 한데 모아 스타워즈 캐릭터를 볼 수 있는 앱을 만들어 보도록 합니다.

    목차

    Part 01 리액트 네이티브로 시작하기
    Chapter 01 리액트 네이티브로 시작하기
    1.1 리액트와 리액트 네이티브 소개
    -1.1.1 리액트의기본클래스
    -1.1.2 리액트생명주기
    1.2 앞으로 배울 내용
    1.3 알아야 할 내용
    1.4 리액트 네이티브의 작동 방식 이해하기
    -1.4.1 JSX
    -1.4.2 스레드처리
    -1.4.3 리액트
    -1.4.4 단방향데이터흐름
    -1.4.5 디핑(코드비교)
    -1.4.6 컴포넌트로생각하기
    1.5 리액트 네이티브의 강점
    -1.5.1 개발자가용성
    -1.5.2 개발자생산성
    -1.5.3 성능
    -1.5.4 단방향 데이터 흐름
    -1.5.5 개발자 경험
    -1.5.6 트랜스파일링
    -1.5.7 생산성과 효율성
    -1.5.8 커뮤니티
    -1.5.9 오픈 소스
    -1.5.10 빈번한 업데이트
    -1.5.11 크로스 플랫폼 모바일 앱을 만드는 대안
    1.6 리액트 네이티브의 약점
    1.7 기본 컴포넌트 만들어 사용하기
    -1.7.1 컴포넌트 개요
    -1.7.2 네이티브 컴포넌트
    -1.7.3 컴포넌트 구성
    -1.7.4 외부로export 가능한 컴포넌트
    -1.7.5 컴포넌트 조립하기
    1.8 시작 프로젝트 만들기
    -1.8.1 Create React Native App CLI
    -1.8.2 React Native CLI
    정리

    Chapter 02 리액트 이해하기
    2.1 state를 사용해 컴포넌트 데이터 다루기
    -2.1.1 컴포넌트의 상태 제대로 조작하기
    2.2 props를 사용해 컴포넌트 데이터 다루기
    2.3 리액트 컴포넌트 스펙
    -2.3.1 render 메서드로UI 만들기
    -2.3.2 속성 초기화와 생성자 사용하기
    2.4 리액트 생명주기 메서드
    -2.4.1 static getDerivedStateFromProps 메서드
    -2.4.2 componentDidMount 생명주기 메서드
    -2.4.3 shouldComponentUpdate 생명주기 메서드
    -2.4.4 componentDidUpdate 생명주기 메서드
    -2.4.5 componentWillUnmount 생명주기 메서드
    정리

    Chapter 03 처음 만드는 리액트 네이티브 앱
    3.1 todo 앱 레이아웃 작성하기
    3.2 todo 앱 코드 작성하기
    3.3 개발자 메뉴 열기
    -3.3.1 iOS 시뮬레이터에서 개발자 메뉴 열기
    -3.3.2 안드로이드 에뮬레이터에서 개발자 메뉴 열기
    -3.3.3 개발자 메뉴 사용하기
    3.4 계속해서 todo 앱 만들기
    정리

    Part 02 리액트 네이티브로 앱 개발하기
    Chapter 04 스타일링 소개
    4.1 리액트 네이티브에서 스타일 적용하고 관리하기
    -4.1.1 앱에서 스타일 적용하기
    -4.1.2 스타일 구성하기
    -4.1.3 스타일과 코드
    4.2 View 컴포넌트에 스타일 적용하기
    -4.2.1 배경색 설정하기
    -4.2.2 border 속성 지정하기
    -4.2.3 마진(margin)과 패딩(padding) 지정하기
    -4.2.4 position을 이용해서 컴포넌트 배치하기
    -4.2.5 프로필 카드의 위치 지정하기
    4.3 Text 컴포넌트에 스타일 적용하기
    -4.3.1 Text 컴포넌트vs View 컴포넌트
    -4.3.2 폰트 스타일
    -4.3.3 텍스트 장식하기
    정리

    Chapter 05 고급 스타일링 기법
    5.1 플랫폼별 크기와 스타일
    -5.1.1 픽셀, 포인트,DP(DPs)
    -5.1.2 shadowPropTypesIOS와elevation 속성으로 음영 넣기
    -5.1.3 프로필 카드 예제에 음영 넣기
    5.2 컴포넌트를 이동, 회전, 크기 변경, 기울이기
    -5.2.1 3D 효과를 내기 위한perspective 속성
    -5.2.2 translateX와translateY 속성으로 이동하기
    -5.2.3 rotateX,rotateY,rotateZ 속성으로 엘리먼트 회전하기
    -5.2.4 90도 이상 회전할 때visibility 속성 지정하기
    -5.2.5 scale,scaleX,scaleY 속성으로 화면에서 크기 변경하기
    -5.2.6 scale을 이용해 프로필 카드 섬네일 만들기
    -5.2.7 skewX와skewY 속성을 이용해X 축과Y축을 따라 기울이기
    -5.2.8 변형 효과의 핵심 포인트
    5.3 flexbox를 이용해서 컴포넌트 배치하기
    -5.2.1 flex 속성으로 컴포넌트의 면적 변경하기
    -5.2.2 flexDirection 속성으로flex 진행 방향 지정하기
    -5.3.3 justifyContent 속성으로 컴포넌트 주위 여백 정하기
    -5.3.4 alignItems 속성으로 하위 요소들 정렬하기
    -5.3.5 alignSelf 속성으로 부모에 지정된 정렬 기준 재정의하기
    -5.3.6 flexWrap 속성으로 잘려나가지 않도록 하기
    정리

    Chapter 06 내비게이션
    6.1 리액트 네이티브 내비게이션과 웹 내비게이션의 비교
    6.2 내비게이션이 구현된 앱 만들기
    6.3 데이터 유지하기
    6.4 DrawerNavigator를 이용해서 드로어 내비게이션 만들기
    정리

    Chapter 07 애니메이션
    7.1 Animated API 소개
    7.2 입력창에 포커스 애니메이션 적용하기
    7.3 애니메이션을 연결해 사용자 정의 애니메이션 만들기
    7.4 병렬처리되는 애니메이션 만들기
    7.5 순차적으로 처리되는 애니메이션 만들기
    7.6 Animated.stagger 함수를 이용해서 간격 주기
    7.7 Animated API 라이브러리 이용 시 유용한 팁
    -7.7.1 애니메이션 효과 재지정하기
    -7.7.2 애니메이션 끝난 뒤 실행되는 콜백 함수
    -7.7.3 네이티브UI 스레드에서 애니메이션 실행하기
    -7.7.4 createAnimatedComponent로 애니메이션 적용 가능 컴포넌트 만들기
    정리

    Chapter 08 리덕스 데이터 아키텍처 라이브러리 이용하기
    8.1 리덕스란?
    8.2 context를 이용해서 앱의 전역 state 관리하기
    8.3 리액트 네이티브 앱에 리덕스 구현하기
    8.4 리덕스 리듀서로 리덕스 상태 관리하기
    8.5 provider를 추가하고 스토어 만들기
    8.6 connect 함수를 이용해서 데이터 참조하기
    8.7 액션 추가하기
    8.8 리듀서에서 리덕스 스토어에 저장된 내용 지우기
    정리

    Part 03 API 레퍼런스
    Chapter 09 크로스 플랫폼 API 구현하기
    9.1 Alert API를 이용해서 크로스 플랫폼용 알림 만들기
    -9.1.1 alert API(alerts) 활용 예
    -9.1.2 alert API를 사용하는 예제
    9.2 AppState API를 이용해서 현재 앱 상태 확인하기
    -9.2.1 AppState API 활용 예
    -9.2.2 AppState API를 사용하는 예제
    9.3 AsyncStorage API를 이용해서 데이터 유지하기
    -9.3.1 AsyncStorage API 활용 예
    -9.3.2 AsyncStorage API를 사용하는 예제
    9.4 Clipboard API를 이용해서 텍스트를 사용자 클립보드에 복사하기
    -9.4.1 Clipboard API 활용 예
    -9.4.2 Clipboard API를 사용하는 예제
    9.5 Dimensions API를 이용해서 디바이스의 화면 정보 확인하기
    -9.5.1 Dimensions API 활용 예
    -9.5.2 Dimensions API를 사용하는 예제
    9.6 Geolocation API를 이용해서 사용자의 현재 위치 확인하기
    -9.6.1 Geolocation API 활용 예
    -9.6.2 Geolocation API를 사용하는 예제
    9.7 Keyboard API를 이용해서 네이티브 키보드의 위치와 기능 조정하기
    -9.7.1 Keyboard API 활용 예
    -9.7.2 Keyboard API를 사용하는 예제
    9.8 NetInfo API를 이용해서 사용자의 온라인 연결 상태 확인하기
    -9.8.1 NetInfo API 활용 예
    -9.8.2 NetInfo API를 사용하는 예제
    9.9 PanResponder API를 이용해서 touch와 gesture 이벤트의 정보 알아 내기
    -9.9.1 PanResponder API 활용 예
    -9.9.2 PanResponder API를 사용하는 예제
    정리

    Chapter 10 iOS용 컴포넌트와 API 구현하기
    10.1 플랫폼별 코드 지정하기
    -10.1.1 iOS와 안드로이드 파일 확장자
    -10.1.2 Platform API를 이용해서 플랫폼 확인하기
    10.2 DatePickerIOS
    -10.2.1 DatePickerIOS를 사용하는 예제
    10.3 PickerIOS로 데이터 목록 처리하기
    -10.3.1 PickerIOS를 사용하는 예제
    10.4 ProgressViewIOS로 로딩 인디케이터 표시하기
    -10.4.1 ProgressViewIOS 활용 예
    -10.4.2 ProgressViewIOS를 사용하는 예제
    10.5 SegmentedControlIOS로 수평 탭 바 만들기
    -10.5.1 SegmentedControlIOS 활용 예
    -10.5.2 SegmentedControlIOS를 사용하는 예제
    10.6 TabBarIOS로 UI 아래에 탭 보여주기
    -10.6.1 TabBarIOS 활용 예
    -10.6.2 TabBarIOS를 사용하는 예제
    10.7 ActionSheetIOS로 액션 시트나 공유 시트 만들기
    -10.7.1 ActionSheetIOS 활용 예+M148
    -10.7.2 ActionSheetIOS를 사용하는 예제
    정리

    Chapter 11 안드로이드 용 컴포넌트와 API 구현하기
    11.1 DrawerLayoutAndroid로 메뉴 만들기
    11.2 ToolbarAndroid로 툴바 만들기
    11.3 ViewPagerAndroid로 스크롤 가능한 페이지 구현하기
    11.4 DatePickerAndroid API로 네이티브 날짜 선택하기
    11.5 TimePickerAndroid로 타임 피커 만들기
    11.6 ToastAndroid로 안드로이드 토스트 메시지 구현하기
    정리

    Part 04 모든 기능을 모아 앱 개발하기
    Chapter 12 크로스 플랫폼 컴포넌트를 이용해서 StarWars 앱 만들기
    12.1 앱 만들고 의존성 라이브러리 설치하기
    -12.1.1 People 컴포넌트를 가져오고Container 컴포넌트 만들기
    -12.1.2 내비게이션 컴포넌트를 만들고 라우트 등록하기
    -12.1.3 첫 번째 뷰의 메인 클래스 만들기
    12.2 FlatList, Modal, Picker로 People 컴포넌트 만들기
    -12.2.1 state를 만들고 데이터를 가져오는fetch() 설정하기
    -12.2.2 기타 클래스 메서드 추가하기
    -12.2.3 render 메서드 구현하기
    12.3 HomeWorld 컴포넌트 만들기
    -12.3.1 HomeWorld 클래스를 만들고state 초기화하기
    -12.3.2 url prop을 이용해서API로부터 데이터 가져오기
    -12.3.3 HomeWorld 컴포넌트 감싸기
    정리
    찾아보기

    관련이미지

    저자소개

    네이더 다빗(Nader Dabit) [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    AWS Mobile의 개발자이며 주창자로, 개발자들이 기존 기술을 이용하여 풀스택 웹과 모바일 애플리케이션을 구축할 수 있도록 도구와 서비스를 연구하고 있습니다. React Native Training의 창시자이며 React Native Radio 팟캐스트의 진행자이기도 합니다.

    구멍가게 코딩단 [역] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    프로그래밍을 좋아하지만, 남들 앞에 나설 용기 없는 10년 차 이상 개발자, 현업 관리자, 강사들의 비공개 모임. 어린 시절 구멍가게 앞 아저씨들이 인생의 진리를 가볍게 던졌던 것처럼 프로그래밍의 오의(奧義)를 가볍게 던지고 싶은 사람들의 모임. http://cafe.naver.com/gugucoding을 통해서 독자들과 소통하고 있다.

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    [역서] 리액트 네이티브 인 액션

    이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

      리뷰

      0.0 (총 0건)

      구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

      리뷰쓰기

      기대평

      작성시 유의사항

      평점
      0/200자
      등록하기

      기대평

      0.0

      교환/환불

      교환/환불 방법

      ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

      교환/환불 가능 기간

      고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

      교환/환불 비용

      고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

      교환/환불 불가사유

      반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
      배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

      소비자 피해보상

      소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
      교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

      기타

      도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

      배송안내

      • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

      • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

      • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

      • 배송비

      도서(중고도서 포함) 구매

      2,000원 (1만원이상 구매 시 무료배송)

      음반/DVD/잡지/만화 구매

      2,000원 (2만원이상 구매 시 무료배송)

      도서와 음반/DVD/잡지/만화/
      중고직배송상품을 함께 구매

      2,000원 (1만원이상 구매 시 무료배송)

      업체직접배송상품 구매

      업체별 상이한 배송비 적용