jineecode

install 본문

React native

install

지니코딩 2021. 6. 21. 13:16

1. mac 위에서 nvm 설치

가급적 설치하지마세요. 빌드 오류의 주범입니다.

https://gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1

 

NVM(Node Version Manager) 맥OS에서 설치 & 사용하기

NVM(Node Version Manager) 맥OS에서 설치 & 사용하기. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

$ sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

$ vi ~/.bash_profile

//i 누르고 (insert)

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

//wq (저장)

source ~/.bash_profile

$ nvm ls

2. node.js 설치

 

3. npm

node를 설치했다면 따로 설치 안해도 됨

 

4. android studio

환경변수 지정 필요

 

5. java

환경변수 지정 필요

 

6. xcode

 

7. vsc

 

8. cocoapod

sudo gem install cocoapods --pre

 

9. react native cli

npm install -g react-native-cli

 

프로젝트 생성

react-native init SampleApp

리액트 네이티브 / 생성 / 버전 / 앱이름

 

ios 시뮬레이터 기동

npm run ios

 


구축 에러 모음

https://velog.io/@yeseul/Mac-React-Native-%EA%B0%9C%EB%B0%9C%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%B6%95%ED%95%98%EA%B8%B0-%EC%97%90%EB%9F%AC%ED%95%B4%EA%B2%B0

 

(Mac) React Native 개발환경 구축하기 & 에러해결

우선 iOS와 Android 개발을 위하여 Xcode, Android Studio를 설치하고 SDK, watchman 등을 설치해야합니다.저는 이곳을 참고하여 진행하였습니다.버전이 맞지않아서 발생하는 오류인지는 모르겠으나, 바로 np

velog.io

iOS

찾기에서 flipper 검색,

use_flipper!({ 'Flipper' => '0.74.0' })


으로 수정

 

cd ios

pod deintegrate

pod install

cd ..

npm run ios

'React native' 카테고리의 다른 글

RN 새로운 프로젝트 생성하기  (0) 2021.07.10
todolist  (0) 2021.07.03
AsyncStorage 사용  (0) 2021.07.03
props & state  (0) 2021.07.03
개발환경 세팅  (0) 2021.06.26
Comments