본문 바로가기

React Native 강의 (패스트캠퍼스)

Expo CLI를 이용한 react native 프로젝트 시작하기

1. node js를 설치한다.

 - node js 사이트에서 직접 클릭해서 설치해도 되고, nvm(node version manager) 을 이용해도 된다.

 - nvm 설치하기 : https://github.com/coreybutler/nvm-windows/releases

 

Releases · coreybutler/nvm-windows

A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows

github.com

 - 위 git에서 nvm-setup.exe를 다운받아 설치한다.

 - node js 사이트에서 LTS 버전이 몇인지 알아본다.

 - cmd에서 nvm install 해당버전 (엔터) 를 하여 nodejs를 설치한다.

 - nvm list (엔터)를 하여 설치됐는지 확인한다.

 - nvm use 해당버전 (엔터)를 하여 해당 버전을 사용하는 상태로 변경한다.

 

2. git 사이트에서 git 윈도우 버전을 설치한다.

 

3. visual studio code 사이트에서 code 윈도우버전을 설치한다.

 

4. 핸드폰에 EXPO GO 앱을 다운로드 한다.

 

5. npx expo -h (엔터) 후 y를 눌러 expo의 명령어를 확인해볼 수 있다.

 

6. cmd에서 프로젝트를 설치할 폴더로 이동한다.

 

7. npx create-expo-app first-my-app --template blank (엔터)로 프로젝트를 설치한다.

 - blank로 만들어야 App.js로 시작파일로 하는 프로젝트가 생성됨.

 

8. npx expo start (엔터)로 개발서버를 시작할 수 있도록 하는 QR 코드를 나오게 한다.

 

9. QR 코드를 통해 EXPO GO앱에서 개발서버를 시작한다.

 - 핸드폰이 컴퓨터와 같은 와이파이를 사용해야 한다.

 

'React Native 강의 (패스트캠퍼스)' 카테고리의 다른 글

Expo CLI 명령어  (0) 2024.07.22