STUDY/React & React Native

[리액트 네이티브] EXPO CLI 설치하기

ez1n 2022. 7. 15. 11:48

[React Native_ EXPO CLI]

 

👉React Native 공식문서 바로가기👈 

 

Introduction · React Native

This helpful guide lays out the prerequisites for learning React Native, using these docs, and setting up your environment.

reactnative.dev

 


 

<STUDY>

 

❔ React Native

 

   - 자바스크립트를 사용하여 모바일 어플리케이션을 개발할 수 있는 프레임워크

   - iOS와 Android 어플리케이션 동시에 개발 가능

   - 자바스크립트로 작성된 코드를 네이티브 코드로 렌더링

   - Web 과는 조금 차이가 있음

 

❔expo CLI vs React-Native CLI

 

   1. expo CLI :

      - 리액트 네이티브 개발 시 개발, 구축, 배포 과정을 빠르게 진행할 수 있도록 도와주는 tool

      - 애플리케이션 개발을 단순화하는 편의 유틸리티 기능이 많다.

      - 초보자에게 적합하다. (빠르게 개발 가능)

      - 네이티브 모듈을 사용하기 어렵다.

      - expo에서 제공하는 기능이 많아 앱의 크기가 크다.

      - 빌드시간이 오래걸린다.

 

    2. react-native CLI :

      - react native 만을 이용해서 개발할 수 있다.

      - 원하는 기능이나 요서를 제어할 수 있고, 다양한 라이브러리를 사용 가능하다.

      - 네이티브 모듈을 사용할 수 있다.

      - 초기 사용자 설정이 필요하다.

     

expo CLI 설치

 

   1. expo cli 설치

npm install -g expo-cli
or
yarn add expo-cli

   2. expo 프로젝트 생성

expo init projecName
or
npx create-expo-app projecName

   3. 프로젝트 폴더로 이동 / 프로젝트 실행

cd projectName
expo start
or
npm start
or
yarn start

 


꽃을 분류하고 그림을 그려주는 서비스 개발 프로젝트를 시작하면서 리액트 네이티브를 사용해 보는 중이다.

 

모바일 애플리케이션 개발이 처음이어서 expo-cli로 개발을 시작했고

추후에 react-native-cli로도 개발해 볼 예정이다.

 

< 자세한 내용은 리액트 네이티브 공식문서에서 확인 가능합니다. >

 


내가 보려고 정리하는 리액트 네이티브🔆

 

👉ez1n github 구경하기👈

 

ez1n - Overview

Study -ing. ez1n has 12 repositories available. Follow their code on GitHub.

github.com