확장메뉴
주요메뉴


소득공제 베스트셀러
미리보기 공유하기

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

김민준 | 길벗 | 2021년 10월 31일   저자/출판사 더보기/감추기
리뷰 총점10.0 리뷰 5건 | 판매지수 5,742
베스트
웹사이트 43위 | IT 모바일 top100 7주
[대학생X취준생] 2023년에도 중요한 것은 꺾이지 않는 마음
[IT 기획전] IT, 모두의 교양
박해선 저자의 머신러닝/딥러닝 패스
비전공자 출신 프론트엔드 개발자 '임효성'님이 추천하는 개발 입문 책
더 나은 개발자로 살아가기 위한 『개발자 원칙』
[단독]『혼자 공부하는 파이썬』 개정판 출간
1월의 굿즈 : 디즈니 캐릭터 대용량 머그/머그&티스푼 세트/클로버 북백/북파우치 3종 세트/크리스탈 문진
YES24 트윈링 분철 : 인서트라벨/스티커 택1 증정
1월의 얼리리더 주목 신간 : 꿈꾸는 토끼 배지 증정
내 최애 작가의 신작 '최신작' 먼저 알림 서비스
쇼핑혜택
현대카드
1 2 3 4 5

품목정보

품목정보
발행일 2021년 10월 31일
쪽수, 무게, 크기 992쪽 | 18*3235*40mm
ISBN13 9791165217341
ISBN10 1165217341

이 상품의 태그

책소개 책소개 보이기/감추기

목차 목차 보이기/감추기

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 책의 연장선

찾아보기

저자 소개 (1명)

출판사 리뷰 출판사 리뷰 보이기/감추기

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

자바스크립트, 리액트, 타입스크립트를 사용한다


자바스크립트는 필수! 기본 문법을 알고 있다고 가정한다. 리액트를 안다면 수월하지만, 몰라도 학습할 수 있도록 주요 문법과 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

회원리뷰 (5건) 리뷰 총점10.0

혜택 및 유의사항?
초보자도 쉽게 리액트와 리액트 네이티브를 배울수 있는책 내용 평점5점   편집/디자인 평점5점 h*****n | 2022.04.24 | 추천0 | 댓글0 리뷰제목
취미로 앱을 개발하려고 알아보던 중 리액트 네이티브를 다루는 기술을 접하게 되었습니다. 사실 다른 개발서적보다 보다 쉽게 갤발에 이해할수있도록 다양한 예제와함께 설명되고있어 보다 쉽게 따라하면서 배울수 있는게 장점인듯 하고 후반부 타입스크립트와 상태관리 앱 등록까지 나와있어 앱을 개발하고 출시까지의 모든과정을 다루고있어 앱을 만들어 출시하고자하는 분께 아주 유;
리뷰제목
취미로 앱을 개발하려고 알아보던 중 리액트 네이티브를 다루는 기술을 접하게 되었습니다. 사실 다른 개발서적보다 보다 쉽게 갤발에 이해할수있도록 다양한 예제와함께 설명되고있어 보다 쉽게 따라하면서 배울수 있는게 장점인듯 하고 후반부 타입스크립트와 상태관리 앱 등록까지 나와있어 앱을 개발하고 출시까지의 모든과정을 다루고있어 앱을 만들어 출시하고자하는 분께 아주 유용한 책이될것 같습니다.
댓글 0 이 리뷰가 도움이 되었나요? 공감 0
포토리뷰 도서 리뷰_리액트 네이티브를 다루는 기술 내용 평점5점   편집/디자인 평점5점 i******n | 2022.04.11 | 추천1 | 댓글0 리뷰제목
#ReactNative #RN 길벗 출판사의 “리액트 네이티브를 다루는 기술”을 소개합니다.   이전에 감명 깊게 읽었던 “리액트를 다루는 기술”의 작가이자, 벨로퍼트 사이트의 김민준 작가님의 비교적 최근 도서로, RN - 리액트 네이티브를 다루고 있습니다. 리액트 네이티브는 IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼으로, 페이스북에서 만든 오픈소스;
리뷰제목

#ReactNative #RN

길벗 출판사의 “리액트 네이티브를 다루는 기술”을 소개합니다.

 

이전에 감명 깊게 읽었던 “리액트를 다루는 기술”의 작가이자, 벨로퍼트 사이트의 김민준 작가님의 비교적 최근 도서로, RN - 리액트 네이티브를 다루고 있습니다. 리액트 네이티브는 IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼으로, 페이스북에서 만든 오픈소스 프레임워크라는 사실은 널리 알려져 있습니다.

성능 이슈가 없다면야 네이티브 기반 개발은 제외한다면, IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼의 대결은 플러터 vs 리액트 네이티브로 좁혀지지 않았나 싶습니다.

 

도서 목차는 다음과 같습니다.

1장 리액트 네이티브 첫걸음

2장 컴포넌트

3장 할 일 목록 만들기 I

4장 할 일 목록 만들기 II

5장 리액트 내비게이션으로 여러 화면 관리하기

6장 다이어리 앱 만들기 I

7장 다이어리 앱 만들기 II

8장 Firebase로 사진 공유 앱 만들기 I

9장 Firebase로 사진 공유 앱 만들기 II

10장 네이티브 모듈 만들기

11장 네이티브 UI 컴포넌트 사용하기

12장 리액트 네이티브 프로젝트에서 타입스크립트 사용하기

13장 라이브러리를 사용한 상태 관리

14장 Strapi로 REST API 서버 빠르게 구축하기

15장 리액트 쿼리를 사용한 API 상태 관리

16장 앱 스토어와 구글 플레이에 리액트 네이티브 앱 등록하기

 

책의 구성을 보면, React Native를 다루고 있으나 문법에 대한 비중이 그리 높지 않다는 것을 알 수 있습니다. React에 대한 문법은 2장 컴포넌트에 설명이 전부이고,

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 정리

 

문법보다는 To do list, 다이어리 앱, 사진 공유 앱, 게시판과 같은 여러 종류의 앱을 만들어 보면서 React Native를 이해할 수 있도록, 내용 비중이 문법보다는 프로젝트 비율이 높도록 구성 되어 있습니다. React에 대한 문법적인 부분은 작가의 이전 도서인 “리액트를 다루는 기술 - 입문부터 대규모 애플리케이션까지 한 권으로” 개정판 도서를 참고하는 것이 나을 것이고, 다시 생각해보면 본 도서인 “리액트 네이티브를 다루는 기술”은 “리액트를 다루는 기술”를 RN으로 확장한 것으로 알 수 있습니다.

 

당연한 얘기겠지만, React가 아닌 React Native인 이유는 네이티브 코드와의 연동을 위해서 이고, 이는 10장과 11장에는 네이티브 코드에 대한 학습을 하게 되는데, 스위프트와 코틀린으로 네이티브 모듈을 만들어서 각각의 OS에 적용하는 것을 다루고 있습니다.\

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장 리액트 네이티브 프로젝트에서 타입스크립트 사용하기”에서 타입스크립트를 기반으로 게시판을 만들어보는 프로젝트를 진행합니다. 물론 타입스크립트의 기초 문법 또한 하나하나 알켜주기 떄문에 필요 이상의 긴장할 필요는 없습니다. 게시판을 만들면서 회원가입, 로그인, 게시판 글과 댓글의 CRUD(등록, 조회, 수정, 삭제) 기능을 구현합니다. 그리고 마지막에서는 개발된 앱을 애플 스토어와 구글 플레이 스토어에 배포하는 내용까지 다루고 있다

 

앞서 말씀 드렸지만, 본 도서는 문법에 대한 비중을 줄이는 대신에 ? 문법에 대한 부분은 저자의이전 출간 도서인, 리액트를 다루는 기술 - 입문부터 대규모 애플리케이션까지 한 권으로… 개정판…을 참고하기 바란다. ? 이보다는 실전 프로젝트, 가령 카운터 앱을 제외하더라도, TODO, 날씨, 영화 소개, SNS UI 클론 앱 등을 직접 만들어 보면서 React Native를 적용해보고 이에 대해 빠르게 이해할 수 있도록 응용에 대한 부분에 초점을 맞춰서 작성되었다는 것을 알 수 있습니다. 앱을 직접 개발하면서 리액트의 주요 개념인 Props와 State, 클래스 컴포넌트, 함수형 컴포넌트, Context와 Asynstorage, 외부 API 사용, …등을 사용하는 방법 등을 익히고 확장할 수 있을 것이다.

 

저자의 이전 책으로 미루어 보건데, 책을 잘 쓰시는 분이시라 그런지, 도서의 두께에 비해서 내용은 정리가 잘되어 있고, 무엇을 말하려는지 깔끔하다는 인상을 많이 받았습니다. 다만 문법적인 부분은 디테일하게 깊게 들어가지 않으므로 별도 공부를 하는 것이 필요해 보입니다. 프로젝트 개발에 대해서 가치를 가지는 도서이기에, 구매력이 충분한 도서라고 말씀 드리고 싶습니다.

 

 

"길벗 출판사의 리뷰 활동을 위해서 책을 제공받아 작성된 서평입니다."

댓글 0 1명이 이 리뷰를 추천합니다. 공감 1
[도서] 리액트 네이티브를 다루는 기술 서평 내용 평점5점   편집/디자인 평점5점 g***y | 2022.04.10 | 추천0 | 댓글0 리뷰제목
어떤 한 언어에 익숙해지려면 그 언어를 질릴 정도로 연습하고, 개발에 익숙해지려면 개발에 맞는 프로젝트를 많이 만들어 봐야 한다고 생각합니다. 흔히 IT에서는 "백문이 불여일타"라고 합니다, 이 책은 연습하면서 익히기에는 정말 최적의 책이라고 생각합니다. 특히나 페이스북, 인스타그램등과 같은 최신 트렌드의 애플리케이션 개발에 관심있는 분들이 읽으실 책이라고 생각이 듭;
리뷰제목

어떤 한 언어에 익숙해지려면 그 언어를 질릴 정도로 연습하고,
개발에 익숙해지려면 개발에 맞는 프로젝트를 많이 만들어 봐야 한다고 생각합니다.
흔히 IT에서는 "백문이 불여일타"라고 합니다, 이 책은 연습하면서 익히기에는 정말 최적의 책이라고 생각합니다.

특히나 페이스북, 인스타그램등과 같은 최신 트렌드의 애플리케이션 개발에 관심있는 분들이 읽으실 책이라고 생각이 듭니다. 

(두꺼운 실무용 서적에 반감이 없으신 분들께 적극 권장 드립니다.)

아직 읽은지 며칠 되지 않았지만, 책을 앞으로 읽으실, 그간 읽어오며 느꼈던 점을 몇 자 적어보았습니다.

이 책은 두꺼운 장수만큼 많은 내용을 담고 있습니다.
리액트 네이티브 개념에서부터, 기능 구현까지 다양한 내용을 총망라하고 있습니다.
iOS/ Windows 상에서 설치하는 내용에서부터 프로젝트 내용을 세세하게 다루고 있습니다.
본인의 실력이 부족한데 책을 읽을 수 있을까? 라는 걱정은 안하셔도 될 것 같습니다.

- 책의 주요 독자층 : 주니어 ~ 경력 개발자들까지 다양하게 읽으실 수 있을 것 같습니다.

책을 통해 하나하나 구현해 나가면서 포트폴리오를 만들어보세요.
만약 리액트 네이티브 면접을 준비하신다 하셨을때는 면접에 맞는 내용들을 조금씩 더 정리할 필요는 있을 것 같습니다.
책은 실습 중심으로 이루어져 있기 때문입니다.

책의 구성 내용은 컴포넌트, 내비게이션, 네이티브 모듈, 리덕스, 리코일 등과 같은 라이브러리 등에 대해서도 세세하게 다루고 있고,
책의 중간 중간 리소스를 익히며 만드는 프로젝트성 내용들도 담고 있습니다.

- 책의 학습법 : 책을 학습하실때, 스터디 그룹 등을 적극 활용하시거나 강제성이 부여된 프로젝트 팀 단위로 구성하여 진도를 나가는 것이 좋지 않을까 싶습니다.
 

댓글 0 이 리뷰가 도움이 되었나요? 공감 0

한줄평 (4건) 한줄평 총점 10.0

혜택 및 유의사항 ?
구매 평점5점
내용도 풍부하고 매우 만족합니다
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 로얄 g*******y | 2022.11.08
구매 평점5점
좋네요
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 플래티넘 w******s | 2022.11.06
구매 평점5점
만일, 노아가 있었다면, 이 책을 방주에 실었을 것이다.
2명이 이 한줄평을 추천합니다. 공감 2
YES마니아 : 로얄 강*원 | 2022.01.10
스프링분철 서비스를 선택하세요.
수량감소 수량증가 38,700
  •  다운받은 받은 쿠폰은 결제 페이지에서 적용해 주세요.
  •  분철옵션 선택 시, 영업일 기준 4일내 출고됩니다.
  •  분철상품은 해외배송이 불가합니다.
1   38,700

스프링분철 신청 가능

뒤로 앞으로 맨위로 aniAlarm