hmk run dev

react-native 초기셋팅 본문

react-native

react-native 초기셋팅

hmk run dev 2022. 1. 17. 15:18

자바 혹은 코틀린으로 개인 프로젝트 네이티브 앱을 만드려고 했지만 

리액트를 사용해본 경험 + 크로스 플랫폼의 엄청난 장점으로 인해(성능적 이점은 네이티브보다 좀 떨어 질수 있지만 ^^..) RN를 이용해 처음으로 어플을 만들어 보려고한다..!

 

회사에서도 요즘은 vue만 사용해 리액트에 대한 기억도 상기 시킬겸 겸사겸사 최고의 선택지인것 같다..!

 

설치방법은 윈도우 기준입니다.

1. 초코렛티 설치

자세한 용도는 모르지만 윈도우에서 sudo와 같은 리눅스 명령어를 사용할 수 있게 해준다.,!

https://chocolatey.org/install#individual

 

Installing Chocolatey

Chocolatey is software management automation for Windows that wraps installers, executables, zips, and scripts into compiled packages. Chocolatey integrates w/SCCM, Puppet, Chef, etc. Chocolatey is trusted by businesses to manage software deployments.

chocolatey.org

 

2. 노드설치

choco install -y node.js.install
node --version 
npm --version

3. python 설치

choco install -y python2
python --version

4. JDK (java delopment kit)

choco install 0y jdk8
java --version
javac --version

 

5. RN-CLI 설치 혹은 아래 EXPO-CLI이용

yarn global add react-native-cli
react-native -- version

 

5. EXPO-CLI 설치 (개인적으로 RN-CLI보다 선호함)

기본적으로 RN프로젝트에 필요한 것들이 미리설치 되어있음

정형화 된만큼 편리하지만 불필요한 기능들이 설치되있을 수도 있음

 

 

명령어는 첫번째줄 yarn 두번째 줄 npm으로 계속 메모 하겠당

yarn global add expo-cli 
npm install expo-cli --global

 

나같은 경우 git bash 말고 cmd(관리자 실행) 으로 실행해야 프로젝트가 생성되었다.

expo init 프로젝트명

4개 정도 옵션이 있다 가장 기본인 blank 선택후 실행

 

6. 실행 

os 마다 실행시킬 수 있는 명령어가 기본적으로 탑재되어있다.

일단 안드로이드 스튜디오설치는 나중에하고 web으로 작업 시작...!

yarn adroid 
yarn ios 
yarn web

'react-native' 카테고리의 다른 글

react-native Webview 개발 HMR 적용  (0) 2023.05.07
Comments