Expo CLI vs React Native CLI

expo로 정말 빠르게 프로젝트를 만들 수 있다. But native files(ex. 안드로이드, iOS에서 제공하는 버튼)을 접근할 수 없다는 것. 근데 native files가 그렇게 필요가 없다. 자체 제공하는 기능이 더 많음, 허나 여기서 벗어날 수 없다

설치하기

Expo, Xcode/Andorid 시뮬레이터 로 프로젝트 실행 확인한다.

npm i -g expo-cli
expo init rn-study
expo login // 다른 기기와 같은 wify에 연결되어 있는지 확인해야한다
npm start

당신이 mac이라면 npm 대신 yarn을 쓰자

yarn global add expo-cli
expo init rn-study
cd rn-study
yarn start

• tabs(TypeScript)로 바로 navigation 있는 프로젝트를 만들 수 있다.
• 신입인 우리는 managed 모드의 **blank(TypeScript)**를 사용하자.
  bare모드와의 차이! https://docs.expo.io/introduction/managed-vs-bare/

앞으로 개발 디랙토리 구조 살펴보기

├── assets                        // html, css, img 등 정적 파일은 여기다.
│  └── index.html                 // 실제 열리는 html 파일
│  
├── src
│	  ├── components
│   │   └─ home                   // home 페이지에서 사용할 컴포넌트를 작성.
│	  ├── navigation
│   │   └─ index.tsx              // navigation 관련 코드
│	  └── screens
│       └─ Home.tsx               // home 페이지의 레이아웃 구성
│
├── app.json                      // 절대경로 설정
├── App.tsx                       // App의 최상위 객체
├── babel.config.js               // 웹펙 설정
├── package.json                  // 사용할 모듈과 스크립트를 정의
└── tsconfig.json                 // TypeScript 관련 설정

별도로 TypeScript 적용하기

• expo-cli는 자체적으로 typescript template를 내장하고 있다.