앱 개발/React-Native

[React-Native] expo 프로젝트 만들고 앱으로 실행해보기

태기 2023. 1. 12. 03:27

1. 폴더 만들기

- 원하는 폴더 경로로 이동해서 다음 명령어 입력

expo init (폴더명)
expo init rn-app-test

템플릿 선택하는게 나오는데 첫번째꺼 선택해서 Enter!

 

설치하는데 시간이 좀 걸린다.

설치 완료

 

2. Expo 로그인과 실행

- 앱이랑 연동하려면 expo 로그인부터 해줘야한다.

cd rn-app-test	: 생성한 폴더로 경로 이동
code .		: VS Code 실행

 

VS Code 에서 터미널 실행 or 기존 터미널로 실행 (window에서는 vscode에서 터미널 실행이 편할듯)

 

- expo 로그인을 한다.

expo login

앱에서 회원가입 할 때 이메일이나 이름 입력하고 비밀번호를 입력하면 다음과 같이 로그인 성공이 뜰거다.

 

- 서버 실행

npm start

실행하고 앱 들어가보면 실행되어있는 프로젝트가 떠있을것이다.

실행해서 조금 기다리면 저 문구가 떠있을 것이다.

PS. 저 문구 바꾸고 저장 누르면 실시간으로 앱에 적용된다. 

 

그럼 기본적인 React-Native 실행해보기 끝