본문 바로가기
  • 바쁜 일상 속 작은 기억
React Native

[React Native] React Native Cli 로 RN 프로젝트 만들기

by hellomingure 2022. 6. 9.

지난 시간에는 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

끝!