[React Native] React Native로 날씨앱 만들기 (2) - 프로젝트 생성 + git

원하는 경로로 가서 다음 명령어를 입력한다.

expo init {프로젝트 명}

프로젝트 명은 "weather_app_2021" 이라고 했다.

입력하면 위와 같이 선택지가 나온다.

1. blank : 비어있는 템플릿. 

2. tabs : react-navigation을 통해 몇몇의 예시 화면과 탭들이 만들어져있는 템플릿.

blank로 하자. 

Install 하는데 시간이 조금 걸린다.

 

완료!

 

documents에 가면 app이 생성되었을 것이다.

 

이제 github에 repository를 만들자.

 

이제 프로젝트로 가져오자.

git remote add origin [repository 주소]
git pull oringin main --allow-unrelated-histories

 

프로젝트는 다음과같은 파일들이 있다.

 

app.json 은 configuration 파일이다. Expo가 읽을 내용이 나열되어있다.

 

App.js 는 기본적인 react 컴포넌트인데 약간 다르다! 

 

assets 폴더의 안에는 아이콘과 스플래시 이미지, favicon이 있다.

 

package.json

 

터미널에서 npm start (또는 yarn start)를 입력하면 App이 실행되는것을 확인할 수 있다.

 

아래의 QR 코드를 스캔하면 프로젝트를 폰에서 열고 테스트할 수 있다.

(2019년 기준) ios는 QR코드가 없다고한다.
따라서 Expo 앱에서 로그인 후 터미널에서 expo login을 입력하고 username과 password를 입력하면 된다.

 

연결이 되면 디바이스가 나타난다.

 

이제 알아서 Run on Android device/emulator 나 Run on iOS simulator를 클릭하면 된다.