[expo] 1. expo로 앱 만들기 - expo설치 및 Node.js 설치

안녕하세요 프시케입니다.

 

이번 포스팅은 expo 다운로드 및 설치를 해보겠습니다.

 

expo 설치 전 먼저 Node.js를 설치합니다.

 

Node.js를 다운로드하기 위해 아래의 URL 주소로 이동합니다.

 

현재 Node.js의 버전은 v17 버전으로 버전 v16을 다운로드하여 설치해줍니다.

 

https://nodejs.org/en/blog/release/v16.16.0

 

Node v16.16.0 (LTS) | Node.js

 

 

 

 

Node.js 다운로드를 하고 설치가 끝나면 명령 프롬프트(cmd)를 실행 시켜줍니다.

 

 

 

현재 설치된 Node.js와 npm의 버전을 확인해줍니다.

 

node -v

 

npm -v

 

 

 

 

expo를 설치하기 위해 설치될 폴더를 생성하고 해당 폴더로 이동해 줍니다.

 

전 D 드라이버에 expo를 설치했습니다.

 

npm install -g expo-cli

 

 

설치가 완료되고 버전을 확인해 줍니다.

 

expo-cli --version

 

 

expo 설치가 끝나면 이제 프로젝트를 생성하도록 하겠습니다. 

 

프로젝트는 D 드라이버에 project 폴더를 생성해줍니다.

 

명령 프롬프트에서 해당 폴더로 이동하고 프로젝트를 설치합니다. 

 

전 프로젝트 이름을 test001로 하였습니다.

 

expo init test001

 

 

다음으로 템플릿 선택 문구가 뜨는데 blank를 선택해 줍니다. 엔터키를 눌러줍니다.

 

설치되는 과정입니다. 

 

 

설치가 완료되었습니다. 

 

 

 

설치가 끝나면 해당 프로젝트를 Visual Studio Code로 열어줍니다.

 

 

 

 

만약 Visual Studio Code 없다면 아래 페이지를 참조하여 설치를 합니다.

 

https://angelpsyche.tistory.com/51

Visual Studio Code 설치

 

 

Visual Studio Code에서 welcome 페이지는 닫고 app.js를 열어줍니다.

 

 

 

app.js 파일의 화면입니다. 

 

 

이번 포스팅은 여기서 마치겠습니다.

 

다음 포스팅은 expo go 설치 및 web 화면을 여는 작업을 하도록 하겠습니다.