[React Native_ EXPO CLI]
<STUDY>
❔ React Native
- 자바스크립트를 사용하여 모바일 어플리케이션을 개발할 수 있는 프레임워크
- iOS와 Android 어플리케이션 동시에 개발 가능
- 자바스크립트로 작성된 코드를 네이티브 코드로 렌더링
- Web 과는 조금 차이가 있음
❔expo CLI vs React-Native CLI
1. expo CLI :
- 리액트 네이티브 개발 시 개발, 구축, 배포 과정을 빠르게 진행할 수 있도록 도와주는 tool
- 애플리케이션 개발을 단순화하는 편의 유틸리티 기능이 많다.
- 초보자에게 적합하다. (빠르게 개발 가능)
- 네이티브 모듈을 사용하기 어렵다.
- expo에서 제공하는 기능이 많아 앱의 크기가 크다.
- 빌드시간이 오래걸린다.
2. react-native CLI :
- react native 만을 이용해서 개발할 수 있다.
- 원하는 기능이나 요서를 제어할 수 있고, 다양한 라이브러리를 사용 가능하다.
- 네이티브 모듈을 사용할 수 있다.
- 초기 사용자 설정이 필요하다.
❓expo CLI 설치
1. expo cli 설치
npm install -g expo-cli
or
yarn add expo-cli
2. expo 프로젝트 생성
expo init projecName
or
npx create-expo-app projecName
3. 프로젝트 폴더로 이동 / 프로젝트 실행
cd projectName
expo start
or
npm start
or
yarn start
꽃을 분류하고 그림을 그려주는 서비스 개발 프로젝트를 시작하면서 리액트 네이티브를 사용해 보는 중이다.
모바일 애플리케이션 개발이 처음이어서 expo-cli로 개발을 시작했고
추후에 react-native-cli로도 개발해 볼 예정이다.
< 자세한 내용은 리액트 네이티브 공식문서에서 확인 가능합니다. >
내가 보려고 정리하는 리액트 네이티브🔆
'STUDY > React & React Native' 카테고리의 다른 글
[리액트 네이티브] FlatList_아래로 스크롤해서 게시글 불러오기📜 / expo, 안드로이드, 무한스크롤 (0) | 2022.07.27 |
---|---|
[리액트] React 설치하기 / react-create-app (0) | 2022.07.25 |
[리액트네이티브] 폰트 적용하기_✍ / 로컬 폰트 적용, expo, 안드로이드 (0) | 2022.07.23 |
[리액트네이티브] ImagePicker 데이터 서버로 보내기 / expo, axios, FormData, 안드로이드 (0) | 2022.07.21 |
[리액트네이티브] 갤러리에서 사진 가져오기_📷 / expo_ImagePicker , 안드로이드 (0) | 2022.07.19 |