REACT 01. React Native + EXPO

미니·2022년 7월 14일

React Native + EXPO

🛠️ 리액트 네이티브 앱 개발을 더 편하고 쉽게 도와주는 Expo라는 도구로 앱 개발을 진행!! ⇒ React Native + Expo
  • 특정 상황에선 안드로이드, iOS 각각의 폴더에 들어가 직접 코드를 만져야 하는 상황이 발생 안드로이드, iOS 앱을 만들 땐 자바&코틀린과 Swift라는 언어를 써야하는데, 그러면 언어 하나로 앱을 만들 수 있다는 취지에서 벗어남 ⇒ EXPO를 사용하여 해결!!

앱 개발, 즉 리액트 네이티브 앱 개발에서 구역(레이아웃)을 잡는 문법 언어JSX라고 부른다
→ <>프로그래밍 태그를 사용!

EXPO?

☢️ 더 쉽고 빠르고 정말 안드로이드,iOS 개발 언어를 잘 몰라도 리액트 네이티브 앱 개발을 수월하게 도와주는 도구 / 배포도 쉽게 도와줌!

001. 리액트 작업환경 설정

  • 설치할거…
    1. node / npm 설치

    2. expo 설치

      npm install -g expo-cli
    3. expo 로그인

      expo login -u YOUR-USERNAME-OR-EMAIL -p YOUR-PASSWORD

vscode에서 expo 작업 파일을 만들어보쟝..!

  1. bash 열어서 아래 명령어 입력
expo init 폴더명

Untitled

  1. 해당 폴더로 들어가서 실행 명령어 입력
expo start
d -> developer mode 진입

→ 엔진 드릉드릉 → 엑스포 서버 실행!

profile
ㅂr람ㄸrㄹr, 水ㄸrㄹr...🌊

0개의 댓글