When it comes to... a new project setting with expo-cli

eesope·2022년 1월 12일
0

App Basic @SCC

목록 보기
4/5

javascript + react native + expo-cli

environment install on MacOS

  • node.js -> 자바 스크립트 환경 구축
  • NPM -> 필요한 자바스크립트 앱 개발 도구들을 가져와 사용
JSX -> 태그로 레이아웃을 잡는 문법 언어

import { Text, View } from 'react-native';

<View>
  <Text>Hello, I am {props.name}!</Text>
</View>

@ terminal


node -v
npm -v

//도구를 가져와 설치하는 npm 의 설치 명령어 install과
//컴퓨터 어디서든 설치하고 있는 도구를 사용할 수 있게 해주는 -g 옵션 명령어
npm install -g yarn

//check a version
yarn -v

//install expo
(sudo) npm install -g expo-cli

npm: 노드 패키지 매니저 명령을 실행하겠다
install: 설치하겠다
-g: 컴퓨터 전역적으로 설치하겠다 == 어디서든지 -g 다음에 오는 명령어를 사용할 수 있게끔!
expo-cli: 설치 할 패키지 이름

Expo를 설치 및 사용한다는 것은, Expo가 기본적으로 제공해주는 명령어들...
1) 프로젝트 생성,
2) 프로젝트 실행,
3) 프로젝트 빌드 등등의 여러 기능들을 사용 할 수 있다는 것을 뜻합니다.

  • sign up&in expo

Expo 프로젝트 생성

1) expo 명령어 설치
2) 로컬에 expo 계정 세팅
3) expo init 명령어로 기본 앱 생성
4) expo start로 expo 앱 실행
5) 휴대폰에 설치한 expo 클라이언트 앱으로 expo 앱 실행

폴더 생성 -> VS code 열기 -> 에디터 상의 터미널 열기

// expo 명령어 사용 선언
// init expo 앱을 생성하는 expo 명령어
expo init app-name
profile
go simple 🧑🏻‍💻

0개의 댓글