본문 바로가기

추천 검색어

실시간 인기 검색어

리액트 네이티브를 다루는 기술

김민준 저자(글)
길벗 · 2021년 10월 31일
9.8 (13개의 리뷰)
도움돼요 (25%의 구매자)
  • 리액트 네이티브를 다루는 기술 대표 이미지
    리액트 네이티브를 다루는 기술 대표 이미지
  • A4
    사이즈 비교
    210x297
    리액트 네이티브를 다루는 기술 사이즈 비교 184x236
    단위 : mm
MD의 선택 무료배송 이벤트 소득공제
10% 38,700 43,000
적립/혜택
2,150P

기본적립

5% 적립 2,150P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 2,150P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서만 15,000원 이상 구매 시 무료배송
도서+교보Only(교보배송)을 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
주문정보를 불러오는 중입니다.
서울시 종로구 종로 1

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

패키지

북카드

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

리액트 네이티브를 다루는 기술 상세 이미지
입문부터 실무까지 한 권으로!
네이티브 코드 연동과 서드 파티 라이브러리로 생산성과 개발 효율을 높인다.
이 책의 목표는 리액트 네이티브의 기초 개념과 실제로 활용하는 데 필요한 지식을 쉽게 배우고, 궁극적으로 자신이 만들고 싶은 모바일 앱을 직접 개발할 수 있도록 돕는 것이다. 수월하게 학습할 수 있도록 필요한 기본 지식(리액트, 타입스크립트, 관련 라이브러리 등)을 수록하고, 단계별로 상세하게 실습하면서 기본기를 익힐 수 있도록 했다. 또한, 프로젝트 개발의 전반적인 내용을 파악하고 실무에 응용할 수 있도록 예제 프로젝트는 처음부터 끝까지 온전히 전체를 직접 만들어본다. To do list, 다이어리 앱, 사진 공유 앱, 게시판 프로젝트를 만들면서 리액트 네이티브의 핵심 기능은 물론, 리액트 네이티브로 프로젝트를 개발할 때 자신감을 더해줄 필수 지식들을 배울 수 있다.

작가정보

저자(글) 김민준

VELOPERT
개발은 언제나 즐겁고 재밌어야 한다는 생각을 갖고 있는 개발자이며, IT 기술을 가르치는 것을 굉장히 좋아하는 교육자이다. 또한, 사용자를 행복하게 만드는 서비스를 만드는 것이 가장 중요하다고 여긴다. 현재 리디(주)에서 애니메이션 스트리밍 서비스 라프텔(laftel.net)의 프런트엔드 개발을 하고 있다. 그리고 개발자들의 블로그 서비스인 벨로그(velog.io)를 운영 및 개발하고 있다.

블로그: https://velog.io/@velopert
GitHub: https://github.com/velopert
Twitter: https://twitter.com/velopert

목차

  • 1장 리액트 네이티브 첫걸음
    __1.1 리액트 네이티브란?
    __1.2 작업 환경 준비하기
    ____1.2.1 Node.js와 npm 설치하기
    ____1.2.2 yarn
    ____1.2.3 Java Development Kit
    ____1.2.4 Watchman 설치하기
    ____1.2.5 안드로이드 스튜디오 설치하기
    ____1.2.6 안드로이드 환경 변수 설정하기
    ____1.2.7 VS Code 설치하기
    ____1.2.8 Xcode와 CocoaPods 설치하기
    __1.3 새 리액트 네이티브 프로젝트 만들기
    ____1.3.1 안드로이드 환경에서 리액트 네이티브 앱 구동하기
    ____1.3.2 iOS 환경에서 리액트 네이티브 앱 구동하기
    __1.4 프로젝트 살펴보기
    ____1.4.1 엔트리 파일
    ____1.4.2 App 컴포넌트
    ____1.4.3 네이티브 프로젝트
    __1.5 ESLint와 Prettier
    __1.6 정리

    2장 컴포넌트
    __2.1 나만의 컴포넌트 만들기
    __2.2 Props
    __2.3 defaultProps
    __2.4 JSX 문법
    ____2.4.1 태그를 열면 반드시 닫아주기
    ____2.4.2 스스로 닫는 태그 사용하기
    ____2.4.3 반환할 땐 꼭 하나의 태그로 감싸기
    ____2.4.4 JSX 안에서 자바스크립트 표현식을 보여줄 땐 중괄호로 감싸기
    ____2.4.5 주석 작성하기
    __2.5 StyleSheet로 컴포넌트에 스타일 입히기
    ____2.5.1 Props로 컴포넌트 스타일을 커스터마이징하기
    __2.6 Props 객체 구조 분해 할당
    __2.7 useState Hook으로 상태 관리하기
    ____2.7.1 useState 사용해보기
    ____2.7.2 Button 컴포넌트 사용하기
    ____2.7.3 조건부 렌더링 구현하기
    __2.8 카운터 만들기
    ____2.8.1 UI 준비하기
    ____2.8.2 Counter 컴포넌트에 Props 설정하기
    ____2.8.3 App에서 상태 관리하기
    __2.9 정리

    3장 할 일 목록 만들기 I
    __3.1 프로젝트 기반 다지기
    ____3.1.1 프로젝트 생성
    ____3.1.2 오늘 날짜를 알려주는 DateHead 컴포넌트 만들기
    ____3.1.3 StatusBar 색상 바꾸기
    ____3.1.4 레이아웃 준비하기
    ____3.1.5 이미지 사용하기
    __3.2 TextInput으로 사용자 키보드 입력받기
    ____3.2.1 KeyboardAvoidingView로 키보드가 화면을 가리지 않게 하기
    ____3.2.2 useState로 텍스트 상태 값 관리하기
    ____3.2.2 커스텀 버튼 만들기
    ____3.2.3 TextInput에 onSubmitEditing 및 returnKeyType 설정하기
    __3.3 정리

    4장 할 일 목록 만들기 II
    __4.1 불변성을 지키면서 객체와 배열을 업데이트하는 방법
    ____4.1.1 불변성을 지켜야 하는 이유
    ____4.1.2 배열의 불변성을 지키는 방법
    __4.2 todos 상태 만들기 및 FlatList로 항목 화면에 나타내기
    ____4.2.1 todos 상태 만들기
    ____4.2.2 TodoList 컴포넌트 만들기
    ____4.2.3 TodoItem 컴포넌트 만들기
    ____4.2.4 항목 사이에 구분선 보여주기
    ____4.2.5 완료한 항목에 다른 스타일 적용하기
    __4.3 새 항목 등록하기
    __4.4 할 일 완료 상태 토글하기
    __4.5 항목 삭제하기
    ____4.5.1 벡터 아이콘 사용하기
    ____4.5.2 항목 삭제 함수 만들기
    ____4.5.3 항목을 삭제하기 전에 한번 물어보기
    __4.6 AsyncStorage로 앱이 꺼져도 데이터 유지하기
    ____4.6.1 Promise가 무엇인가요?
    ____4.6.2 AsyncStorage 설치하기
    ____4.6.3 AsyncStorage의 기본 사용법
    ____4.6.4 AsyncStorage 적용하기
    __4.7 정리

    5장 리액트 내비게이션으로 여러 화면 관리하기
    __5.1 설치 및 적용
    ____5.1.1 의존 패키지 설치
    ____5.1.2 라이브러리 적용
    __5.2 기본적인 사용법
    ____5.2.1 네이티브 스택 내비게이터
    ____5.2.2 스크린 이동하기
    ____5.2.3 라우트 파라미터
    ____5.2.4 뒤로가기
    ____5.2.5 Header 커스터마이징
    __5.3 다양한 내비게이터
    ____5.3.1 드로어 내비게이터
    ____5.3.2 하단 탭 내비게이터
    ____5.3.3 머티리얼 상단 탭 내비게이터
    ____5.3.4 머티리얼 하단 탭 내비게이터
    ____5.3.5 머티리얼 하단 탭 내비게이터 헤더 타이틀 동기화하기
    __5.4 내비게이션 Hooks
    ____5.4.1 useNavigation
    ____5.4.2 useRoute
    ____5.4.3 useFocusEffect
    __5.5 정리

    6장 다이어리 앱 만들기 I
    __6.1 프로젝트 준비하기
    ____6.1.1 react-native-vector-icons 적용
    ____6.1.2 react-navigation 적용
    __6.2 Context API 사용하기
    ____6.2.1 children Props
    ____6.2.2 useContext Hook 함수
    ____6.2.3 Context에서 유동적인 값 다루기
    __6.3 새 글 작성하기
    ____6.3.1 FloatingWriteButton 만들기
    ____6.3.2 WriteScreen UI 준비하기
    ____6.3.3 useRef로 컴포넌트 레퍼런스 선택하기
    ____6.3.4 KeyboardAvoidingView로 화면 감싸기
    ____6.3.5 WriteScreen에서 텍스트 상태 관리
    ____6.3.6 LogContext로 배열 상태 관리하기
    ____6.3.7 Log 작성 기능 마무리하기
    __6.4 글 목록 보여주기
    ____6.4.1 FeedListItem 컴포넌트 만들기
    ____6.4.2 FeedList 컴포넌트 만들기
    ____6.4.3 date-fns로 날짜 포맷팅
    __6.5 Animated로 애니메이션 적용하기
    ____6.5.1 애니메이션 연습
    ____6.5.2 스크롤을 내렸을때 글쓰기 버튼 숨기기
    ____6.5.3 spring
    ____6.5.4 예외 처리
    __6.6 정리

    7장 다이어리 앱 만들기 II
    __7.1 작성한 글을 WriteScreen으로 열기
    ____7.1.1 FeedListItem 수정
    ____7.1.2 WriteScreen에서 log 파라미터 인식
    __7.2 수정 기능 구현하기
    ____7.2.1 LogContext에 onModify 함수 구현하기
    ____7.2.2 WriteScreen에서 onModify 함수 사용하기
    __7.3 삭제 기능 구현하기
    ____7.3.1 LogContext에 onRemove 함수 구현하기
    ____7.3.2 WriteScreen에서 onRemove 함수 사용하기
    ____7.3.3 WriteHeader 수정하기
    __7.4 검색 기능 구현하기
    ____7.4.1 SearchHeader 컴포넌트 만들기
    ____7.4.2 화면 크기 조회하기
    ____7.4.3 SearchHeader 컴포넌트 UI 구성하기
    ____7.4.4 SearchContext 만들기
    ____7.4.5 검색어 필터링 후 FeedList 재사용하기
    ____7.4.6 EmptySearchResult 만들기
    __7.5 달력 기능 구현하기
    ____7.5.1 달력에 표시하기
    ____7.5.2 데이터를 달력과 연동하기
    ____7.5.3 달력 하단에 로그 목록 보여주기
    ____7.5.4 useMemo Hook으로 최적화하기
    __7.6 날짜 및 시간 수정 기능 구현하기
    ____7.6.1 WriteHeader에서 날짜 및 시간 보여주기
    ____7.6.2 DateTimePickerModal 컴포넌트 사용하기
    __7.7 useReducer Hook 함수 사용하기
    __7.8 AsyncStorage로 데이터 유지하기
    __7.9 정리

    8장 Firebase로 사진 공유 앱 만들기 I
    __8.1 프로젝트 준비하기
    ____8.1.1 내비게이션과 아이콘 설정
    ____8.1.2 Firebase 적용하기
    ____8.1.3 화면 구성 이해하기
    __8.2 회원 인증 기능 구현하기
    ____8.2.1 회원 인증을 위한 UI 준비하기
    ____8.2.2 인풋 상태 관리하기
    ____8.2.3 인풋에서 키보드 리턴 처리하기
    ____8.2.4 컴포넌트 분리하기
    ____8.2.5 Firebase로 회원 인증하기
    ____8.2.6 오류 예외 처리하기
    ____8.2.7 사용자 프로필 Firestore에 담기
    __8.3 Firebase에 회원 정보 등록하기
    __8.4 UserContext 만들고 로그인 사용자 분기 처리하기
    __8.5 이미지 업로드하기
    ____8.5.1 이미지 선택 기능 구현하기
    ____8.5.2 사용자 기본 이미지 설정하기
    ____8.5.3 Firebase Storage로 이미지 업로드하기
    __8.6 정리

    9장 Firebase로 사진 공유 앱 만들기 II
    __9.1 탭 화면 구현하기
    __9.2 로그인 상태 유지하기
    __9.3 포스트 작성 기능 구현하기
    ____9.3.1 탭 중앙에 버튼 만들기
    ____9.3.2 업로드할 사진 선택 또는 카메라 촬영하기
    ____9.3.3 포스트 작성 화면 만들기
    ____9.3.4 Firestore에 포스트 등록하기
    __9.4 포스트 목록 조회하기
    ____9.4.1 PostCard 컴포넌트 만들기
    ____9.4.2 Firestore로 포스트 목록 조회하기
    ____9.4.3 FeedScreen에서 getPost 호출 후 FlatList로 보여주기
    ____9.4.4 페이지네이션 및 시간순 정렬
    __9.5 사용자 프로필 화면 구현하기
    ____9.5.1 Firestore 데이터 조회할 때 조건 추가하기
    ____9.5.2 포스트 조회 함수 리팩토링하기
    ____9.5.3 Firestore에서 색인 추가하기
    ____9.5.4 Profile 컴포넌트 만들기
    ____9.5.5 그리드 뷰 만들기
    ____9.5.6 페이지네이션 구현하기
    ____9.5.7 커스텀 훅을 작성해 컴포넌트 리팩토링하기
    ____9.5.8 포스트 열기
    ____9.5.9 내 프로필 화면 구현하기
    __9.6 포스트 수정 및 삭제 기능 구현하기
    ____9.6.1 재사용할 수 있는 모달 만들기
    ____9.6.2 사용자에게 수정 및 삭제 물어보기
    ____9.6.3 포스트 삭제 기능 구현하기
    ____9.6.4 포스트 설명 수정 기능 구현하기
    __9.7 EventEmitter로 다른 화면 간 흐름 제어
    ____9.7.1 EventEmitter3 설치와 적용
    ____9.7.2 포스트 작성 후 업데이트
    ____9.7.3 포스트 삭제 후 목록에서 제거
    ____9.7.4 리팩토링
    ____9.7.5 포스트 수정 후 업데이트
    __9.8 설정 화면 만들기
    __9.9 Firestore 보안 설정하기
    __9.10 Splash 화면 만들기
    ____9.10.1 안드로이드에 Splash 화면 적용하기
    ____9.10.2 iOS에 Splash 화면 적용하기
    ____9.10.3 원하는 시점에 Splash 화면 숨기기
    __9.11 정리

    10장 네이티브 모듈 만들기
    __10.1 안드로이드에서 Toast 사용하기
    ____10.1.1 모듈 작성하기
    ____10.1.2 메서드 작성하기
    ____10.1.3 상수 내보내기
    ____10.1.4 패키지 작성하기
    ____10.1.5 패키지 등록하기
    ____10.1.6 자바스크립트에서 네이티브 모듈 사용하기
    __10.2 iOS에서 Alert 띄우기
    ____10.2.1 모듈 작성하기
    ____10.2.2 메서드 작성하기
    ____10.2.3 상수 내보내기
    ____10.2.4 자바스크립트에서 네이티브 모듈 사용하기
    __10.3 코틀린으로 네이티브 모듈 만들어보기
    ____10.3.1 프로젝트에 코틀린 적용하기
    ____10.3.2 모듈 작성하기
    ____10.3.3 패키지 작성하기
    ____10.3.4 패키지 등록하기
    ____10.3.5 메서드 구현하기
    ____10.3.6 자바스크립트에서 네이티브 모듈 사용하기
    __10.4 스위프트로 네이티브 모듈 작성하기
    ____10.4.1 모듈을 프로젝트에 등록하기
    ____10.4.2 메서드 작성하기
    ____10.4.3 메서드 구현하기
    ____10.4.4 상수 내보내기
    ____10.4.5 자바스크립트에서 네이티브 모듈 사용하기
    __10.5 정리

    11장 네이티브 UI 컴포넌트 사용하기
    __11.1 안드로이드 카운터 만들기
    ____11.1.1 레이아웃 만들기
    ____11.1.2 레이아웃에 TextView와 Button 추가하기
    ____11.1.3 View 클래스 만들기
    ____11.1.4 Manager 클래스 만들기
    ____11.1.5 패키지 작성 및 등록하기
    ____11.1.6 네이티브 컴포넌트 불러와서 사용하기
    ____11.1.7 View 결합 기능 사용하기
    ____11.1.8 컴포넌트에 Props 연동하기
    ____11.1.9 이벤트 설정
    __11.2 iOS 카운터 만들기
    ____11.2.1 View 클래스 만들기
    ____11.2.2 Manager 클래스 만들기
    ____11.2.3 텍스트와 버튼 보여주기
    ____11.2.4 Props 연동하기
    ____11.2.5 이벤트 설정하기
    __11.3 정리

    12장 리액트 네이티브 프로젝트에서 타입스크립트 사용하기
    __12.1 타입스크립트가 적용된 리액트 네이티브 프로젝트 만들기
    __12.2 타입스크립트 빠르게 배우기
    ____12.2.1 기본 타입
    ____12.2.2 함수 타입
    ____12.2.3 interface
    ____12.2.4 배열 타입
    ____12.2.5 Type Alias
    ____12.2.6 Generic
    ____12.2.7 더 알아보기
    __12.3 타입스크립트로 컴포넌트 작성하기
    ____12.3.1 Props 사용하기
    ____12.3.2 useState 사용하기
    ____12.3.3 useRef 사용하기
    ____12.3.4 useReducer 사용하기
    __12.4 타입스크립트로 Context API 사용하기
    __12.5 타입스크립트로 react-navigations 사용하기
    ____12.5.1 라이브러리 설치하기
    ____12.5.2 네이티브 스택 내비게이션 사용하기
    ____12.5.3 내비게이션 감싸기
    __12.6 서드 파티 라이브러리의 타입
    __12.7 정리

    13장 라이브러리를 사용한 상태 관리
    __13.1 리덕스 사용법 훑어보기
    ____13.1.1 모듈 작성하기
    ____13.1.2 루트 리듀서 만들기
    ____13.1.3 스토어 만들기
    ____13.1.4 Provider로 리액트 프로젝트에 리덕스 적용하기
    ____13.1.5 useSelector와 useDispatch로 컴포넌트에서 리덕스 연동하기
    __13.2 Redux Toolkit 알아보기
    ____13.2.1 액션 생성 함수와 리듀서
    ____13.2.2 slice의 이름과 액션 타입
    ____13.2.3 액션의 payload
    ____13.2.4 자동으로 이루어지는 불변성 관리
    ____13.2.5 타입스크립트와 함께 사용하기
    __13.3 리덕스로 사용자 인증 기능 구현하기
    ____13.3.1 라이브러리 설치
    ____13.3.2 auth 모듈 작성하기
    ____13.3.3 루트 리듀서와 스토어를 만들고 프로젝트에 적용하기
    ____13.3.4 AuthApp 틀 잡아주기
    ____13.3.5 AuthApp 리덕스와 연동하기
    ____13.3.6 useSelector의 DefaultRootState 지정하기
    ____13.3.7 리덕스와 연동하는 로직을 Hook으로 분리하기
    __13.4 리덕스로 항목 추가, 업데이트, 삭제 구현하기
    ____13.4.1 todos 모듈 작성하기
    ____13.4.2 TodoApp 틀 잡아주기
    ____13.4.3 TodoApp 리덕스와 연동하기
    __13.5 리덕스 미들웨어를 사용하여 REST API 요청 상태 관리하기
    ____13.5.1 미들웨어 적용하기
    ____13.5.2 API 요청 함수 준비하기
    ____13.5.3 posts 모듈 만들기
    ____13.5.4 PostsApp 틀 잡아주기
    ____13.5.5 PostsApp 리덕스와 연동하기
    __13.6 리덕스 정리
    __13.7 리코일 살펴보기
    ____13.7.1 atom
    ____13.7.2 RecoilRoot
    ____13.7.3 selector
    ____13.7.4 라이브러리 설치
    __13.8 AuthApp 리코일로 구현하기
    __13.9 TodoApp 리코일로 구현하기
    ____13.9.1 useRecoilCallback을 사용하여 최적화하기
    __13.10 리코일로 PostsApp 구현하기
    __13.11 리코일 정리
    __13.12 리덕스와 리코일

    14장 Strapi로 REST API 서버 빠르게 구축하기
    __14.1 Strapi 살펴보기
    ____14.1.1 strapi 프로젝트 생성하기
    __14.2 새 콘텐트 타입 만들기
    __14.3 일부 필드를 Private로 변경하기
    __14.4 데이터 권한 설정하기
    __14.5 Content API에 커스터마이징하기
    ____14.5.1 게시글 작성
    ____14.5.2 게시글 수정
    ____14.5.3 게시글 삭제
    __14.6 Postman 설치하기
    __14.7 회원가입 및 로그인 API 사용하기
    __14.8 Article API 사용하기
    __14.9 Comment API 수정하기
    ____14.9.1 댓글 작성하기
    ____14.9.2 댓글 조회하기
    ____14.9.3 댓글 수정하기
    ____14.9.4 댓글 삭제하기
    __14.10 댓글 API 사용해보기
    __14.11 정리

    15장 리액트 쿼리를 사용한 API 상태 관리
    __15.1 프로젝트 생성 및 초기 설정
    ____15.1.1 react-native-vector-icons 적용하기
    ____15.1.2 리액트 내비게이션 적용하기
    __15.2 useQuery를 사용하여 데이터 조회하기
    ____15.2.1 반환값
    ____15.2.2 배열 타입의 캐시 키
    ____15.2.3 useQuery의 options
    ____15.2.4 staleTime과 cacheTime
    __15.3 API 요청할 준비하기
    ____15.3.1 타입 선언하기
    ____15.3.2 axios 인스턴스만들기
    ____15.3.3 QueryClientProvider 사용하기
    __15.4 게시글 목록 조회 기능 구현하기
    ____15.4.1 API 함수 작성하기
    ____15.4.2 useQuery 사용하기
    ____15.4.3 컴포넌트 만들기
    __15.5 게시글 조회 기능 구현하기
    ____15.5.1 화면 준비하기
    ____15.5.2 API 함수 작성하기
    ____15.5.3 useQuery 사용하기
    ____15.5.4 컴포넌트 만들기
    __15.6 회원 인증 기능 준비하기
    ____15.6.1 화면 준비하기
    ____15.6.2 사용자 메뉴 화면 만들기
    ____15.6.3 회원 인증 API 함수 만들기
    ____15.6.4 AuthForm 컴포넌트 만들기
    __15.7 useMutation로 조회 외 작업 처리하기
    ____15.7.1 반환값
    __15.8 회원 인증 기능 구현하기
    ____15.8.1 커스텀 Hook 만들기
    ____15.8.2 사용자 인증 상태 관리하기
    ____15.8.3 인증 토큰 설정하기
    ____15.8.4 로그아웃 기능 구현하기
    ____15.8.5 AsyncStorage로 인증 상태 유지하기
    ____15.8.6 로그인/회원가입 오류 처리하기
    __15.9 게시글 작성 기능 구현하기
    ____15.9.1 게시글 작성 버튼 준비하기
    ____15.9.2 게시글 작성 화면 만들기
    ____15.9.3 게시글 작성 API 함수 만들기
    ____15.9.4 게시글 작성 버튼 만들기
    ____15.9.5 useMutation으로 게시글 작성 API 호출하기
    ____15.9.6 QueryClient로 데이터 새로고침하기
    ____15.9.7 QueryClient로 캐시 데이터 직접 수정하기
    __15.10 게시글 페이지네이션 기능 구현하기
    ____15.10.1 게시글 목록 조회 API 함수 변경하기
    ____15.10.2 useInfiniteQuery 사용하기
    ____15.10.3 게시글 작성 후 처리 로직 변경하기
    ____15.10.4 화면을 아래로 당겨서 새로고침하기
    __15.11 게시글 수정/삭제 기능 구현하기
    ____15.11.1 수정 기능 구현하기
    ____15.11.2 삭제 기능 구현하기
    __15.12 댓글 작성/수정/삭제 기능 구현하기
    ____15.12.1 API 함수 준비하기
    ____15.12.2 댓글 작성 컴포넌트 만들기
    ____15.12.3 댓글 삭제 기능 구현하기
    ____15.12.4 댓글 수정 기능 구현하기
    __15.13 정리

    16장 앱 스토어와 구글 플레이에 리액트 네이티브 앱 등록하기
    __16.1 프로젝트 준비하기
    __16.2 안드로이드 앱 등록하기
    ____16.2.1 앱 서명하기
    ____16.2.2 AAB 파일 생성하기
    ____16.2.3 릴리스 빌드 실행해보기
    ____16.2.4 구글 플레이에 앱 등록하기
    __16.3 iOS 앱 등록하기
    ____16.3.1 App Transport Security 활성화하기
    ____16.3.2 Build Configuration 변경하기
    ____16.3.3 앱 빌드하기
    ____16.3.4 애플 개발자 계정 생성
    ____16.3.5 실제 디바이스에서 앱 실행하기
    ____16.3.6 애플 개발자 프로그램 가입
    ____16.3.7 인증서 발급받기
    ____16.3.8 디바이스 추가하기
    ____16.3.9 아이콘 설정하기
    ____16.3.10 앱 빌드 후 앱 스토어에 업로드하기
    __16.4 정리

    17장 마치면서
    __17.1 커뮤니티
    __17.2 책의 연장선

    찾아보기

출판사 서평

리액트 네이티브, 현장 밀착 입문서는 따로 있다!

자바스크립트, 리액트, 타입스크립트를 사용한다
자바스크립트는 필수! 기본 문법을 알고 있다고 가정한다. 리액트를 안다면 수월하지만, 몰라도 학습할 수 있도록 주요 문법과 API를 다룬다. 타입스크립트 역시 기초를 먼저 다루고 프로젝트에 적용해 본다.

네이티브 코드 연동을 쉽게 배울 수 있도록 상세히 설명한다
모든 기능을 자바스크립트만으로 작성할 수는 없으므로 네이티브 코드를 연동하는 방법은 반드시 알아둬야 한다. 필요에 따라 네이티브 코드로 작성한 API를 실행하고, 네이티브 코드로 작성한 UI를 연동하는 방법을 알아보자.

서드 파티 라이브러리로 프로젝트의 생산성과 개발 효율을 높인다
상황에 따라 서드 파티 라이브러리를 잘 활용하면 성공적인 프로젝트를 만들 수 있다. 리덕스, 리코일, React-query, Firebase 등 개발할 때 유용한 라이브러리들을 알아보자. 또한, Strapi를 사용하여 REST API를 연동하고, REST API를 빠르게 구축해 본다.

ㆍ 이 책은 자바스크립트의 기본 지식을 갖춘 독자를 대상으로 합니다. 아직 자바스크립트를 잘 알지 못한다면 다음 링크에서 자바스크립트 기본 문법을 먼저 학습하세요. 리액트와 타입스크립트는 다뤄본 적이 없어도 학습할 수 있도록 설명했습니다.
_https://ko.javascript.info/
ㆍ 책의 후반부에서는 직접 작성한 네이티브 코드가 리액트 네이티브 프로젝트에 어떻게 연동되는지 알아봅니다. 안드로이드의 경우 자바와 코틀린을, iOS의 경우 Objective-C와 스위프트를 다루는데, 네이티브 모바일 앱을 개발해본 적이 없어도 문제없이 실습할 수 있도록 설명했습니다.
ㆍ 이 책은 리액트 네이티브 0.64 버전을 기준으로 합니다. 라이브러리 버전 업데이트에 따른 변경사항은 다음 링크에서 공지할 예정입니다.
_https://bit.ly/gilbut-react-native-notice

기본정보

상품정보
ISBN 9791165217341
발행(출시)일자 2021년 10월 31일
쪽수 992쪽
크기
184 * 236 * 44 mm / 1754 g
총권수 1권

Klover

Klover 리뷰 안내
교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1.리워드 안내
구매 후 90일 이내에 평점과 10자 이상의 리뷰 작성 시 e교환권 200원을 적립해 드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다.
리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 리뷰 종류별로 구매한 아이디당 한 상품에 최초 1회 작성 건들에 대해서만 제공됩니다.
판매가 1,000원 미만 도서의 경우 리워드 지급 대상에서 제외됩니다.
한달 후 리뷰
구매 후 30일~ 120일 이내에 작성된 두 번째 구매리뷰에 대해 한 달 후 리뷰로 인지하고 e교환권 100원을 추가 제공합니다.

* 강연, 공연, 여행, 동영상, 사은품, 기프트카드 상품은 지급 제외
2.운영 원칙 안내
Klover 리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다.
일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

리뷰는 1인이 중복으로 작성하실 수는 있지만, 평점계산은 가장 최근에 남긴 1건의 리뷰만 반영됩니다.
3.신고하기
다른 고객이 작성리뷰에 대해 불쾌함을 느끼는 경우 신고를 할 수 있으며, 신고 자가 일정수준 이상 누적되면 작성하신 리뷰가 노출되지 않을 수 있습니다.

구매 후 리뷰 작성 시, e교환권 200원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요

교환/반품/품절 안내

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

이벤트
TOP

저자 모두보기

저자(글)

매장별 재고 및 도서위치

할인쿠폰 다운로드

  • 쿠폰은 주문결제화면에서 사용 가능합니다.
  • 다운로드한 쿠폰은 마이 > 나의 통장 에서 확인 가능합니다.
  • 도서정가제 적용 대상 상품에 대해서는 정가의 10%까지 쿠폰 할인이 가능합니다.
  • 도서정가제 적용 대상 상품에 10% 할인이 되었다면, 해당 상품에는 사용하실 수
    없습니다.

적립예정포인트 안내

  • 통합포인트 안내

    • 통합포인트는 교보문고(인터넷, 매장), 핫트랙스(인터넷, 매장), 모바일 교보문고 등 다양한 곳에서 사용하실 수 있습니다.
    • 상품 주문 시, 해당 상품의 적립률에 따라 적립 예정 포인트가 자동 합산되고 주문하신 상품이 발송완료 된 후에 자동으로 적립됩니다.
    • 단, 쿠폰 및 마일리지, 통합포인트, e교환권 사용 시 적립 예정 통합포인트가 변동될 수 있으며 주문취소나 반품시에는 적립된 통합포인트가 다시 차감됩니다.
  • 통합포인트 적립 안내

    • 통합포인트는 도서정가제 범위 내에서 적용됩니다.
    • 추가적립 및 회원 혜택은 도서정가제 대상상품(국내도서, eBook등)으로만 주문시는 해당되지 않습니다.
  • 기본적립) 상품별 적립금액

    • 온라인교보문고에서 상품 구매시 상품의 적립률에 따라 적립됩니다.
    • 단 도서정가제 적용 대상인 국내도서,eBook은 15%내에서 할인율을 제외한 금액내로 적립됩니다.
  • 추가적립) 5만원 이상 구매시 통합포인트 2천원 추가적립

    • 5만원 이상 구매시 통합포인트 2천원 적립됩니다.
    • 도서정가제 예외상품(외서,음반,DVD,잡지(일부),기프트) 2천원 이상 포함시 적립 가능합니다.
    • 주문하신 상품이 전체 품절인 경우 적립되지 않습니다.
  • 회원혜택) 3만원이상 구매시 회원등급별 2~4% 추가적립

    • 회원등급이 플래티넘, 골드, 실버 등급의 경우 추가적립 됩니다.
    • 추가적립은 실결제액 기준(쿠폰 및 마일리지, 통합포인트, e교환권 사용액 제외) 3만원 이상일 경우 적립됩니다.
    • 주문 후 취소,반품분의 통합포인트는 단품별로 회수되며, 반품으로 인해 결제잔액이 3만원 미만으로 변경될 경우 추가 통합포인트는 전액 회수될 수 있습니다.

제휴 포인트 안내

제휴 포인트 사용

  • OK CASHBAG 10원 단위사용 (사용금액 제한없음)
  • GS&POINT 최대 10만 원 사용
더보기

구매방법 별 배송안내

지역별 도착 예정일

수도권 지역

배송 일정 안내 테이블로 결제 완료 시간, 도착예정일 결제 완료 시간 컬럼의 하위로 평일 0시 ~ 12시 토요일 0시 ~ 11시 평일 12시 ~ 22시 평일 12시 ~ 24시 토요일 11시 ~ 21시 을(를) 나타낸 표입니다.
결제 완료 시간 도착예정일
평일 0시 ~ 12시

토요일 0시 ~ 11시
당일배송 오늘

당일배송 오늘
평일 12시 ~ 22시

평일 12시 ~ 24시

토요일 11시 ~ 21시
새벽배송 내일 07시 이전

내일

일요배송 일요일

수도권 외 (천안, 대전, 울산, 부산, 대구, 창원)

배송 일정 안내 테이블로 결제 완료 시간, 도착예정일 결제 완료 시간 컬럼의 하위로 월~토 0시 ~ 11시 30분 을(를) 나타낸 표입니다.
결제 완료 시간 도착예정일
월~토 0시 ~ 11시 30분
당일배송 오늘

배송 유의사항

  • 새벽배송과 일요배송은 수도권 일부 지역을 대상으로 합니다. 상품 상세페이지에서 도착 예정일을 확인해 주세요.
  • 수도권 외 지역에서 선물포장하기 또는 사은품을 포함하여 주문할 경우 당일배송 불가합니다.
  • 무통장입금 주문 후 당일 배송 가능 시간 이후 입금된 경우 당일 배송 불가합니다.
  • 새벽배송의 경우 공동 현관 출입 번호가 누락 되었거나 틀릴 경우 요청하신 방법으로 출입이 어려워, 부득이하게 공동 현관 또는 경비실 앞에 배송 될 수 있습니다.
  • 학교, 관공서, 회사 등 출입 제한 시간이 있는 곳은 당일배송, 새벽배송, 일요배송이 제공되지 않을 수 있습니다.
  • 공휴일과 겹친 토요일, 일요일은 일요일 배송에서 제외됩니다. 일요배송은 한정 수량에 한해 제공됩니다. 수량 초과 시 일반배송으로 발송되니 주문 시 도착 예정일을 확인해 주세요.
  • 주문 후 배송지 변경 시 변경된 배송지에 따라 익일 배송될 수 있습니다.
  • 수도권 외 지역의 경우 효율적인 배송을 위해 각 지역 매장에서 택배를 발송하므로, 주문 시의 부록과 상이할 수 있습니다.
  • 각 지역 매장에서 재고 부족 시 재고 확보를 위해 당일 배송이 불가할 수 있습니다.
  • 기상악화로 인한 도로 사정으로 일부 지역의 배송 지연이 발생될 수 있습니다.
  • 출고 예정일이 5일 이상인 상품의 경우(결제일로부터 7일 동안 미입고), 출판사 / 유통사 사정으로 품/절판 되어 구입이 어려울 수 있습니다. 이 경우 SMS, 메일로 알려드립니다.
  • 분철상품 주문 시 분철 작업으로 인해 기존 도착 예정일에 2일 정도 추가되며, 당일 배송, 해외 배송이 불가합니다.
  • 해외주문도서는 해외 거래처 사정에 의해 품절/지연될 수 있습니다.
  • 스페셜오더 도서나 일서 해외 주문 도서와 함께 주문 시 배송일이 이에 맞추어 지연되오니, 이점 유의해 주시기 바랍니다.

바로드림존에서 받기

  1. STEP 01
    매장 선택 후 바로드림 주문
  2. STEP 02
    준비완료 알림 시 매장 방문하기
  3. STEP 03
    바로드림존에서 주문상품 받기
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상 시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함 되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해 주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반 코너에서 수령확인이 가능합니다
  • 선물 받는 분의 휴대폰번호만 입력하신 후 결제하시면 받는 분 휴대폰으로 선물번호가 전달됩니다.
  • 문자를 받은 분께서는 마이 > 주문관리 > 모바일 선물내역 화면에서 선물번호와 배송지 정보를 입력하시면 선물주문이 완료되어 상품준비 및 배송이 진행됩니다.
  • 선물하기 결제하신 후 14일까지 받는 분이 선물번호를 등록하지 않으실 경우 주문은 자동취소 됩니다.
  • 또한 배송 전 상품이 품절 / 절판 될 경우 주문은 자동취소 됩니다.

바로드림 서비스 안내

  1. STEP 01
    매장 선택 후 바로드림 주문
  2. STEP 02
    준비완료 알림 시 매장 방문하기
  3. STEP 03
    바로드림존에서 주문상품 받기
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반코너에서 수령확인이 가능합니다.
  1. STEP 01
    픽업박스에서 찾기 주문
  2. STEP 02
    도서준비완료 후 휴대폰으로 인증번호 전송
  3. STEP 03
    매장 방문하여 픽업박스에서 인증번호 입력 후 도서 픽업
  • 바로드림은 전국 교보문고 매장 및 교내서점에서 이용 가능합니다.
  • 잡지 및 일부 도서는 바로드림 이용이 불가합니다.
  • 각 매장 운영시간에 따라 바로드림 이용 시간이 달라질 수 있습니다.

수령 안내

  • 안내되는 재고수량은 서비스 운영 목적에 따라 상이할 수 있으므로 해당 매장에 문의해주시기 바랍니다.
  • 바로드림 주문 후 재고가 실시간 변동되어, 수령 예상시간에 수령이 어려울 수 있습니다.

취소/교환/반품 안내

  • 주문 후 7일간 찾아가지 않으시면, 자동으로 결제가 취소됩니다.
  • 취소된 금액은 결제수단의 승인취소 및 예치금으로 전환됩니다.
  • 교환/반품은 수령하신 매장에서만 가능합니다.

사은품 관련 안내

  • 바로드림 서비스는 일부 1+1 도서, 경품, 사은품 등이 포함되지 않습니다.

음반/DVD 바로드림시 유의사항

  • 음반/DVD 상품은 바로드림 주문 후 수령점 변경이 불가합니다. 주문 전 수령점을 꼭 확인해주세요.
  • 사은품(포스터,엽서 등)은 증정되지 않습니다.
  • 커버이미지 랜덤발매 음반은 버전 선택이 불가합니다.
  • 광화문점,강남점,대구점,영등포점,잠실점은 [직접 찾아 바로드림존 가기], [바로드림존에서 받기] 로 주문시 음반코너에서 수령확인이 가능합니다.

도서 소득공제 안내

  • 도서 소득공제란?

    • 2018년 7월 1일 부터 근로소득자가 신용카드 등으로 도서구입 및 공연을 관람하기 위해 사용한 금액이 추가 공제됩니다. (추가 공제한도 100만원까지 인정)
      • 총 급여 7,000만 원 이하 근로소득자 중 신용카드, 직불카드 등 사용액이 총급여의 25%가 넘는 사람에게 적용
      • 현재 ‘신용카드 등 사용금액’의 소득 공제한도는 300만 원이고 신용카드사용액의 공제율은 15%이지만, 도서·공연 사용분은 추가로 100만 원의 소득 공제한도가 인정되고 공제율은 30%로 적용
      • 시행시기 이후 도서·공연 사용액에 대해서는 “2018년 귀속 근로소득 연말 정산”시기(19.1.15~)에 국세청 홈택스 연말정산간소화 서비스 제공
  • 도서 소득공제 대상

    • 도서(내서,외서,해외주문도서), eBook(구매)
    • 도서 소득공제 대상 상품에 수반되는 국내 배송비 (해외 배송비 제외)
      • 제외상품 : 잡지 등 정기 간행물, 음반, DVD, 기프트, eBook(대여,학술논문), 사은품, 선물포장, 책 그리고 꽃
      • 상품정보의 “소득공제” 표기를 참고하시기 바랍니다.
  • 도서 소득공제 가능 결제수단

    • 카드결제 : 신용카드(개인카드에 한함)
    • 현금결제 : 예치금, 교보e캐시(충전에한함), 해피머니상품권, 컬쳐캐쉬, 기프트 카드, 실시간계좌이체, 온라인입금
    • 간편결제 : 교보페이, 네이버페이, 삼성페이, 카카오페이, PAYCO, 토스, CHAI
      • 현금결제는 현금영수증을 개인소득공제용으로 신청 시에만 도서 소득공제 됩니다.
      • 교보e캐시 도서 소득공제 금액은 교보eBook > e캐시 > 충전/사용내역에서 확인 가능합니다.
      • SKpay, 휴대폰 결제, 교보캐시는 도서 소득공제 불가
  • 부분 취소 안내

    • 대상상품+제외상품을 주문하여 신용카드 "2회 결제하기"를 선택 한 경우, 부분취소/반품 시 예치금으로 환원됩니다.

      신용카드 결제 후 예치금으로 환원 된 경우 승인취소 되지 않습니다.

  • 도서 소득공제 불가 안내

    • 법인카드로 결제 한 경우
    • 현금영수증을 사업자증빙용으로 신청 한 경우
    • 분철신청시 발생되는 분철비용

알림 신청

아래의 알림 신청 시 원하시는 소식을 받아 보실 수 있습니다.
알림신청 취소는 마이룸 > 알림신청내역에서 가능합니다.

리액트 네이티브를 다루는 기술
실무에서 알아야 할 기술은 따로 있다!
신고

신고 사유를 선택해주세요.
신고 내용은 이용약관 및 정책에 의해 처리됩니다.

허위 신고일 경우, 신고자의 서비스 활동이 제한될 수 있으니 유의하시어
신중하게 신고해주세요.

판형알림

  • A3 [297×420mm]
  • A4 [210×297mm]
  • A5 [148×210mm]
  • A6 [105×148mm]
  • B4 [257×364mm]
  • B5 [182×257mm]
  • B6 [128×182mm]
  • 8C [8절]
  • 기타 [가로×세로]
EBS X 교보문고 고객님을 위한 5,000원 열공 혜택!
자세히 보기

해외주문양서 배송지연 안내

현재 미국 현지 눈폭풍으로 인해
해외 거래처 출고가 지연되고 있습니다.

해외주문양서 주문 시
예상 출고일보다 배송기간이 더 소요될 수 있으니
고객님의 너그러운 양해 부탁드립니다.

감사합니다.