[react native] 초기 프로젝트 세팅 (expo)

초기 세팅

원하는 디렉토리로 이동후 

npm install --global expo-cli

로 expo 설치

설치 cmd 화면

 

expo 설치후,

expo init 프로젝트명

으로 프로젝트 이니셜라이징

 

나는 깃에 연결해논 디렉토리 안에 프로젝트를 생성하려 했더니, 

The directory gomaoom has files that might be overwritten:
  README.md
Try using a new directory name, or moving these files.

 

이런 내용이 떴다

그래서 걍 리드미 파일 없애고 프로젝트 이니셜라이징함

 

template 고르라는 옵션이 뜨는데 그냥 맨위의 blank 옵션으로 엔터치기

 

글케 설치 완료후 vscode로 들가보면

이렇게 잘 뜹니다~

 

서버 시작

npm start하면 expo 앱으로 연결되는 서버 시작되는듯

 

휴대폰에 expo 앱 설치 및 회원가입 후

노트북 터미널에서 동일한 expo 계정으로 로그인하면

npm start 했을때 위와 같이 큐알 뜸

큐알로 들어가거나 폰의 expo 앱으로 들어가면

내가 만든 프로젝트 실시간으로 볼 수 있음

대신 노트북이랑 핸드폰이 동일한 와이파이에 접속된 상태여야함

 

 

 

화이팅

 

 

노마드코더 강의로 공부했습니다. https://nomadcoders.co/react-native-for-beginners

왕초보를 위한 React Native 101 – 노마드 코더 Nomad Coders