react native 설치(시작) 하는방법

자주 안 하다 보면 까먹을 수도 있으니 프로젝트 만드는 법에 대해 정리하려고 한다

당연 노드js,안드로이드 스튜디오 등 깔려있어야 된다

https://docs.expo.dev/get-started/create-a-project/

Create a project

이거 보고 설치함

1. 초기 세팅 명령어 

npx create-expo-app@latest

첫 번째로 위에 명령어 입력하면 만들 앱이름을 정하라고 한다

그런 다음에 my-app이라는 폴더가 생긴다 (근데 이렇게 했을 경우엔 일반적으로 typescript를 기반으로 설정되기 때문에 옵션을 정해주려고 한다)

-타입스크립트 익숙 해지면 옵션 안설정하고 이거하면될 듯

 

-template 옵션!

 

 

-자바스크립트를 사용할거니까 일단 아래 명령어를 입력해 준다!

npx create-expo-app@latest --template

두 번째 줄에 Blank가 자바스크립트를 이용하여 개발할 수 있다

그리고 완료되면 cd를 사용하여 본인이 만든 프로젝트 파일로 이동한다

 

 

2. 설치하고 난 뒤 실행 하는 방법

npm run android

하면 안드로이드 스튜디오에 깔아 두었던 버츄얼 디바이스가 실행되면서

자동으로 아래처럼 핸드폰이 나온다!

npm start

npm start 하면 아래 이미지와 같이 안드로이드로 뛰울지 뭐 웹으로 뛰울지 나온다 그리고 

플레이스토어에서 expo go앱을 다운로드하여서 본인이 쓰던 핸드폰에서 저 qr을 인식하면 현재 개발 중인걸 핸드폰으로 

볼 수 있다 실제 앱처럼! (npm start 해서 기본적으로 뛰우면 될 듯) 

 

 

-리액트 네이티브 세팅 방법 완료