Program/React Native

Mac에서 React Native 개발환경 만들기

하랑파파♡ 2020. 2. 6. 13:59
728x90
반응형
SMALL

#MAC 에서 react-native 개발환경 만들기
1. Homebrew 설치

- Homebrew 설치 확인 및 버전 확인

brew --verion

- Homebrew 설치

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Nodejs 설치

brew install node
node -–version

3. Watchman 설치

brew install watchman
watchman –version

4. React Native CLI 설치

npm install -g react-native-cli
react-native --version

5. Xcode 설치

App Store를 통해 설치

6. Cocoapods 설치

sudo gem install cocoapods
pod --version

7. JDK 설치

brew tap AdoptOpenJDK/openjdk
brew cask install adoptopenjdk8
java -version
javac -version

8. 안드로이드 스튜디오 설치

참고 -> https://dev-yakuza.github.io/ko/react-native/install-on-mac/

 

맥(Mac)에 react native 개발 환경 구축하기

react-native로 앱을 개발하기 위해 맥(Mac)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다.

dev-yakuza.github.io

9. react-native 프로젝트 생성 및 확인

npm config set save-exact=true
react-native init SampleApp
cd SampleApp
react-native run-ios 또는 npm run ios
react-native run-android 또는 npm run android
728x90
반응형
LIST

'Program > React Native' 카테고리의 다른 글

React Native 프로젝트 설정 : typescript  (0) 2020.03.05
Props와 State  (0) 2020.02.08
절대경로로 컴포넌트 추가  (0) 2020.02.06
Styled Components  (0) 2020.02.06
React Native Typescript  (0) 2020.02.06