기록용 포스팅이기에 간결히 적습니다.
하지만 질문 및 지적은 환영합니다.
리액트 네이티브 앱을 만들어서 실행하기까지의 과정을 다룹니다.
Nextjs로 만든 웹을 기반으로 모바일에서 React Native Webview 활용 예정.
이런 구조의 장점
- Web과 이질감 없는 UI를 쉽게 만들 수 있음.
- 매번 앱 스토어 업데이트 필요 없음.
- 빠르고 쉽게 구현.
React Native 시작하는 방법 두 가지.
1. React Native CLI
초기 설정 어려움. 배포 어려움. 기능 및 라이브러리 모두 사용 가능. 필요하면 네이티브 기능도 넣어서 추가 가능.
2. Expo
초기 설정 쉬움. 배포 쉬움. 기능 및 라이브러리 사용 제한적.
고급 기능 사용할 거 아니고 사실상 리액트 네이티브는 모바일 배포를 위한 껍질로만 사용되기 때문에 Expo 선택.
기존에 프로젝트를 진행해왔기 때문에 Node 설치 같은 건 패스.
npm install --global expo-cli
설치 확인용. 생략 가능.
expo whoami
expo 로그인. 아직 가입하지 않았다면 https://expo.dev/ 가서 가입하거나 expo register
expo login
expo 앱 생성(타입스크립트 템플릿). 입력하면 이름 입력하라고 나옴.
npx create-expo-app -t expo-template-blank-typescript
expo 앱 시작.
expo start