[RN.개발일지] 2일차 GUIDE 문서 이해 01

 

무엇부터 시작해야될까 고민하다가 01. GUIDE 문서부터 이해해보기로 했다. 

(이밖에도 2.컴포넌트, 3.API, 4.아키텍쳐 문서가 추가적으로 있다.)

 

https://reactnative.dev/docs/0.74/getting-started

Introduction · React Native

 

GUIDE

총 15개의 큰 대제목이 있는데 해당 내용은 다음과 같다. 

 

기초 및 설정

 

1. The Basics - 기본

React Native의 기초 개념과 기본 컴포넌트들에 대한 설명을 포함하고 있다. Text, View, Image 같은 기본 컴포넌트를 사용해 간단한 앱을 만드는 방법과 플랫폼별 코드 작성, 문제 해결 방법을 다루고 있다.

 

2. Environment setup - 환경 설정

React Native를 시작하기 위한 환경을 구성하는 방법을 설명하고 있다. 개발 환경 설정, 기존 앱과의 통합, Android와의 통합 방법, TV 기기에서의 빌드 설정 등 다양한 플랫폼에서 React Native를 실행하기 위한 환경 구축에 대한 안내가 포함되어 있다.

 

개발 및 워크플로우

 

3. Workflow - 워크플로우

앱을 실제 기기에서 실행하는 방법, 코드 변경 시 즉각적인 업데이트(Fast Refresh), Metro 번들러, TypeScript 사용 방법, 라이브러리 사용법, 버전 업그레이드 방법 등을 설명하고 있다.

4. UI & Interaction - UI 및 상호작용

스타일링, 크기 조정, Flexbox 레이아웃, 이미지, 색상, 터치 처리, 화면 간의 네비게이션, 애니메이션 등 UI와 관련된 요소와 상호작용을 다루고 있다. 모바일 앱 UI의 사용자 경험을 향상시키기 위한 방법이 포함되어 있다.

5. Connectivity - 연결성

네트워크 연결과 관련된 기능을 구현하는 방법과 보안에 대한 내용을 포함하고 있다. 원격 서버와의 통신, 데이터 전송, 앱 보안 강화 방법 등을 다루고 있다.

6. Inclusion - 포용성

접근성 기능에 대한 설명을 포함하며, 장애가 있는 사용자를 위한 앱 인터페이스 개선 방법을 다루고 있다. 다양한 사용자들이 앱을 사용할 수 있도록 돕는 접근성 관련 기능과 설정을 설명하고 있다.

 

디버깅 및 테스트

 

7. Debugging - 디버깅

React Native에서의 디버깅 방법을 다루고 있다. 기본 디버깅 방법, React Native DevTools 사용법, 네이티브 코드 디버깅, 배포 환경에서의 디버깅 방법 등을 포함하고 있다.

8. Testing - 테스트

React Native 앱을 테스트하는 다양한 방법에 대해 설명하고 있다. 자동화 테스트, 단위 테스트, UI 테스트 등의 방법과 툴을 소개하고 있다.

 

성능 및 최적화

 

9. Performance - 성능

React Native 앱의 성능을 최적화하는 방법을 설명하고 있다. 빌드 시간 단축, FlatList 최적화, JavaScript 로딩 최적화 등을 통해 앱의 속도와 효율성을 높이는 방법을 다루고 있다.

10. JavaScript Runtime - JavaScript 런타임

React Native에서 JavaScript가 실행되는 환경과 Hermes와 같은 최적화 엔진을 사용하는 방법에 대해 설명하고 있다. 타이머 사용법, 메모리 관리 등 런타임 성능을 개선하는 방법이 포함되어 있다.

 

코드 생성 및 네이티브 개발

 

11. Codegen - 코드 생성

React Native에서 코드 생성(Codegen) 기능을 사용하는 방법과 CLI(Command Line Interface)를 활용해 네이티브 코드와 JavaScript 간의 연결을 자동화하는 방법을 다루고 있다.

12. Native Development - 네이티브 개발

네이티브 모듈과 컴포넌트를 사용해 iOS와 Android 네이티브 기능을 React Native에서 호출하는 방법을 설명하고 있다. C++를 이용한 크로스 플랫폼 개발과 레이아웃 측정, 직접 조작하는 방법 등을 포함하고 있다.

 

기타

 

13. Miscellaneous - 기타

모듈을 위한 라이브러리 생성 방법과 같은 부가적인 주제를 다루는 섹션이다. React Native 확장 기능을 직접 만들어 앱에 추가하는 방법 등을 설명하고 있다.

 

안드로이드 및 iOS 가이드

 

14. Android and iOS guides - Android 및 iOS 가이드

Android와 iOS 플랫폼별로 React Native를 사용하는 방법을 다루고 있다. Android에서는 헤드리스 JS, Google Play 스토어 배포, 네이티브 통신 등을 설명하며, iOS에서는 시뮬레이터 사용법, App Store 배포, 네이티브와의 통신 방법 등을 포함하고 있다.

 

레거시 아키텍처

 

15. Legacy Architecture - 레거시 아키텍처

Android 및 iOS 네이티브 모듈과 UI 컴포넌트를 사용하는 레거시 방식의 아키텍처를 설명하고 있다. NPM 패키지 설정, 로컬 라이브러리 설정 등 기존 방식으로 React Native와 네이티브 기능을 통합하는 방법을 다루고 있다.

 

 

 

나는 이번 장에서 1~6번(기본, 환경설정, 워크플로우, UI&인터랙션, 네트워크 연결과 접근성) 까지를 중점적으로 다뤄보고자 한다.