게으름을 위한 부지런한 게으름뱅리' 블로그

React Native 하루 기록 - Expo Cli 본문

IT/FrontEnd

React Native 하루 기록 - Expo Cli

LazismLee 2022. 12. 7. 21:56
반응형

♩ 필요 프로그램 설치하기 

1. 앱스토어에서 Expo 설치하기

2. Node.js LTS release 설치하기 https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

3. Git 설치하기 https://git-scm.com/download/win

 

Git - Downloading Package

Download for Windows Click here to download the latest (2.38.1) 32-bit version of Git for Windows. This is the most recent maintained build. It was released about 2 months ago, on 2022-10-18. Other Git for Windows downloads Standalone Installer 32-bit Git

git-scm.com

4. VSCode 설치하기  https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

5. Yarn 설치하기

npm install -g yarn

yarn 설치 확인하기

yarn --version

 

♩ Expo cli 설치하기 하고 App 생성하기

1. vscode를 켜고 터미널 열기 , 아래 명령어로 설치

npx expo -h

 

 

2. app 생성하기

npx create-expo-app first-my-app

3. 생성된 project로 이동

cd first-my-app

4. App 실행

npx expo start

 

5. 실행 후 생성된 QR코드를 스마트폰의 expo 앱으로 스캔하기

6. 스캔하면 스마트폰에서 확인 가능

흔들면 메뉴창이 나온다,,,, 신기

반응형

'IT > FrontEnd' 카테고리의 다른 글

React Native 하루 기록 - SafeAreaView  (0) 2022.12.09
React Native 하루 기록 - custom Hook  (0) 2022.12.09
React Native 하루 기록 - React Hook  (0) 2022.12.08
React Native 하루 기록 - Core Components  (0) 2022.12.07
React Native 하루 기록 - 시작하기  (0) 2022.12.07
'IT/FrontEnd' Related Articles more
Comments