React Native 실행 명령어

jiyoon·2024년 11월 15일
0

리액트

목록 보기
4/5

React Native 프로젝트를 실행하는 명령어는 package.json의 scripts를 보면 알 수 있습니다:

  "scripts": {
    "start": "expo start",
    "reset-project": "node ./scripts/reset-project.js",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "test": "jest --watchAll",
    "lint": "expo lint"
  },

주요 실행 명령어들은 다음과 같습니다:

  1. 기본 실행
npm start
# 또는
npx expo start
  1. Android에서 실행
npm run android
# 또는
npx expo start --android
  1. iOS에서 실행
npm run ios
# 또는
npx expo start --ios
  1. 웹에서 실행
npm run web
# 또는
npx expo start --web

프로젝트를 실행하기 전에 먼저 의존성 패키지들을 설치해야 합니다:

npm install

실행하면 QR 코드가 터미널에 표시되며, 다음과 같은 옵션으로 앱을 실행할 수 있습니다:

  • Expo Go 앱으로 QR코드 스캔
  • Android 에뮬레이터
  • iOS 시뮬레이터
  • 웹 브라우저

npm (Node Package Manager)

  • 패키지를 설치하고 관리하는 도구입니다
  • package.json에 정의된 스크립트를 실행할 때 사용합니다
  • 로컬에 설치된 패키지를 실행합니다

예시:

npm install expo-cli  # 패키지 설치
npm start            # package.json의 start 스크립트 실행

npx (Node Package Execute)

  • 패키지를 설치하지 않고 일회성으로 실행할 수 있습니다
  • 항상 최신 버전의 패키지를 실행합니다
  • 로컬에 설치하지 않고도 패키지를 실행할 수 있습니다

예시:

npx expo start      # expo-cli를 설치하지 않고도 실행 가능

주어진 package.json의 경우:

# 두 명령어는 동일한 결과를 실행합니다
npm start
npx expo start

npx를 사용하면:
1. 디스크 공간을 절약할 수 있습니다
2. 항상 최신 버전을 사용할 수 있습니다
3. 글로벌 설치가 필요 없습니다

반면 npm은:
1. 프로젝트에 필요한 패키지를 관리합니다
2. 특정 버전의 패키지를 유지할 수 있습니다
3. 프로젝트의 의존성을 명확하게 관리할 수 있습니다

profile
주니어 개발자

0개의 댓글