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 컴포넌트 감싸기 _정리 찾아보기