[React Native] 시작하기

사용한 JSX 요소는 각 플랫폼의 네이티브 요소로 컴파일된다

컴포넌트인 UI 요소는 컴파일되지만 JavaScript에서 작성한 논리는 컴파일되지 않는다

간단한 자바스크립트 프로세스를 구축하고 있는 네이티브 앱의 일부로 만들어 자동으로 프로세스를 관리해 네이티브 플랫폼과 상호작용할 수 있게 한다

 

CLI는 Command Line Interface 명령 행 인터페이스

Expo CLI와 React Native CLI 두 툴 모두 실질적으로 앱을 구축하고 배포 가능한 패키지로 만들 수 있다

 

 

Expo CLI

→ '정리된 앱 개발' 워크플로우로 작업 가능

     프로젝트 생성이 수월하고 코드 작성이 비교적 쉬우며 카메라 등의 기능 활용이 쉬워진다

     언제든 Expo 방식을 중지해도 된다

 

React Native CLI

→ Expo가 나타나기 전에 리액트 네이티브 팀과 관련 커뮤니티가 제공한 툴

    기초적인 개발 설정 제공

    특정 기기 기능을 활용할 때 Expo로 작업할 때보다 번거롭다

    Java, Swift, Kotlin과 같은 네이티브 소스 코드와 통합하기 쉽다

    

 

새 프로젝트 초기 설정

npx create-expo-app

 

TypeScript를 사용하지 않고 내비게이션이 필요하지 않다면 blank 옵션 선택

 

.expo-shared 폴더에는 내부적으로 사용하는 정보가 들어있다

babel.config.js 파일은 코드가 내부적으로 어떻게 변환되는지 설정한다

app.json 파일은 앱의 설정과 실행 방식을 구성한다(이름이나 배경색 설정 가능)

 

 

Expo 개발 서버 시작

npm start

 

Expo 개발 서버는 코드를 읽고 구축해 미리 보기가 가능하게 한다

Expo Go 앱을 통해 Expo 기반 React Native 앱을 쉽게 구축하고 테스트할 수 있어 Expo 워크플로우를 권장한다

 

터미널에서  r 을 누르면 수동으로 앱 재로딩