Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 재공학
- react-native-fast-image
- css 초기세팅
- react-native-image-progress
- css 초기화하기
- 프리랜서 양식
- nextjs 설치
- 리네 뒤로가기
- react prettier setting
- react typescript eslint prettier
- 리네 안드로이드 뒤로가기
- 리네이미지랜더링
- 리네이미지
- react typescript eslint
- 리네 안드로이드
- nextjs 시작
- 안드로이드뒤로가기
- 금액안내서 양식
- 금액안내서
- 프리랜서 견적서
- 프리랜서 금액안내서
- 목표정하기
- react eslint
- react plugin setting
- eslint setting
- nextjs 설치하기
- 리네renderIndicator
- 정보처리기사
- 정보처리기사 2024
- 이미지랜더링
Archives
- Today
- Total
hello! Mingure
[React Native] React Native Cli 로 RN 프로젝트 만들기 본문
지난 시간에는 Expo 를 이용하여 React Native 프로젝트를 만드는 법을 포스팅했다.
이번에는 React-Native-Cli 를 활용하여 RN 프로젝트 만드는 법을 다뤄보려고 한다.
React-Naitve-Cli를 install 하기 앞서 먼저 확인해야 할 것들이 있다.
1번만 잘 준비된다면 프로젝트 설치하고 키는것은 아주 간단하귀!
1. React Native Cli 설치 준비하기
해당 하는 것들이 모두 잘 설치되어있는지 확인하기! 없으면 다른 포스팅 참고하여 모두 설치해주세여
brew -v //맥북 유저라면!
watchman -v //맥북 유저라면!
pod -v //맥북 유저라면!
node -v
npm -v
yarn -v
java -v
javac -v
2. React Native Cli 설치하기
npm install -g react-native-cli //cli 설치하기
react-native -v //설치 완료됐는지 버전 확인하기~
3. 프로젝트 생성하기
npx react-native init 프로젝트명
4. 실행하기
//안드로이드 실행
yarn android
//ios 실행
//1. ios 폴더에서 pod install을 한다.
//2. pod 설치 완료 후 바깥으로 나와서 ios 실행한다.
cd ios
pod install
cd ..
yarn ios
끝!