React Native 환경 구축(feat. mac)

wooo·2024년 3월 26일
0

설치 필요 항목

1) nvm(Node Version Manager)
-> node.js의 버전 관리자인 동시에 node.js 설치 툴
-> node.js의 여러 버전을 마음대로 골라 쓸 수 있게 해주는 프로그램

🥁아래의 링크 참고하여 설치	
https://gist.github.com/falsy/8aa42ae311a9adb50e2ca7d8702c9af1

2) node.js
-> 설치 : nvm install xx.xx.xx(버전)
-> 혹시라도 맥에서 다운이 안될 경우
-> 버전 선택 : nvm use xx.xx.xx

3) npm(Node package Manager)
-> node.js로 개발된 프로그램을 편리하게 설치, 업데이트, 삭제해주는 프로그램
-> node.js를 설치하면 자동으로 설치됨
-> npm --version으로 잘 설치 되었는지 확인만 하자!

4) Android Studio
-> 안드로이드 스튜디오 검색
-> 공식홈페이지 download android studio 클릭
-> SDK Manager에서 최신 버전 다운로드
-> show package details 체크
-> Google APIs Intel x86 Atom System Image 체크 후 apply
-> AVD Manager 클릭 후 가상 디바이스 시뮬레이션 설치
-> 환경변수 설정을 위해 터미널에 vi ~/.bash_profile
-> e 및 i 입력 후 아래의 코드 복붙

🐤 export ANDROID_HOME=/Users/user/Library/Android/sdk
	-> 안드로이드 스튜디오 sdk manager location에 있는 위치와 같아야함
🐤 export PATH=$PATH:$ANDROID_HOME/emulator
🐤 export PATH=$PATH:$ANDROID_HOME/tools
🐤 export PATH=$PATH:$ANDROID_HOME/tools/bin
🐤 export PATH=$PATH:$ANDROID_HOME/platform-tools 

-> esc 누르고 :wq 입력
-> adb 입력 후 잘 설정되었는지 확인(android debug bridge version xx.xx.xx)

5) JAVA
-> JDK 설치 필수
-> 구글에 '오라클 자바' 검색
-> mac용 JDK(.dmg) 다운로드
-> 터미널에서 java --version 입력하여 잘 설치되었는지 확인!
-> 위치 확인은 cd /Library/Java/JavaVirtualMachines/ 입력 후 ls로 확인

6) XCode
-> 앱스토어에서 XCode 검색 후 다운로드
-> 실행 후 preferences에서 Command line Tools가 선택이 되어있는지 확인
-> 설정되어 있지 않다면 드랍박스 눌러 선택하기

7) Visual Studio Code
-> 구글에 검색
-> Mac용 다운로드 후 설치

8) CocoaPod
-> object-c나 스위프트로 개발된 오픈 라이브러리들을 사용할 수 있게 해주는 iOS용 확장 프로그램
-> 터미널에 아래의 코드 입력
🦈 sudo gem install cocoapods 입력

-> 설치가 안될 경우 버전이 안맞아서 나는 오류임
-> OS 버전과 XCode 버전을 확인 후 호환이되는 코코아팟의 버전을 찾아 아래의 코드 실행

sudo gem install cocoapods -v xx.xx.xx

-> pod --version을 입력하여 잘 설치되었는지 확인

9) React Native CLI
-> 터미널에 아래의 코드 입력

🦄 npm install -g react-native-cli

-> react-native --version을 입력하여 잘 설치되었는지 확인

0개의 댓글