react Native 사용하는데 npm install 많이 사용할 겁니다.
react Native 애플리케이션 개발을 위해서는 Expo CLI와 함께 Expo 프로젝트를 생성하여야 합니다.
Expo CLI를 이용하여 프로젝트를 생성하면, React Native 애플리케이션 개발에 필요한 다양한 라이브러리와 도구들이 자동으로 설치됩니다.
프로젝트를 생성한 이후에는 npx expo start 명령어를 이용하여 Expo 개발 서버를 실행할 수 있습니다. 이때 -c 옵션을 추가하여 개발 서버 캐시를 제거할 수 있습니다. 캐시를 제거하면 Expo 서버가 최신 변경 사항을 적용할 수 있습니다.
npm expo start -c
이 캐시삭제 명령어는 웬만한 오류를 다 해결해 줬던 것 같아요.
외국에서는 실제로 신 취급을 받고 있습니다.
저도 시작할 때마다 -c를 붙여 실행하고 있고요.
npm start와 npx expo start
npm start, expo start 모두 Node.js 프로젝트에서 사용되는 명령어입니다.
npm start 명령어는 package.json 파일 내 scripts 속성에서 "start" 명령어를 실행합니다.
개발 서버가 실행되는 것이죠
반면, npx expo start 명령어는 Expo 프로젝트에서 개발 서버를 실행하기 위한 명령어입니다. 이 명령어는 Expo CLI를 이용하여 실행되므로, Expo 프로젝트를 생성했을 때 자동으로 설치되는 도구들을 사용할 수 있습니다. 또한 Expo 개발 서버를 실행할 때 필요한 다양한 옵션들을 제공하므로, 원하는 방식으로 Expo 개발 서버를 실행할 수 있죠.
두 명령어 모두 개발 서버를 실행하는 명령어이지만, react native를 사용한다면 Expo... 명령어를 사용하는 게 조금 더 최적화가 잘 되어있겠죠
npx expo start 명령어 옵션들
-c, --clear
expo 캐시를 지웁니다. 이후로 실행된 expo 개발자 서버는 최신 소스 코드를 적용합니다
-a --android
Android 에뮬레이터에서 Expo 개발 서버를 실행합니다. Expo 어플리케이션을 실행하기 위해서는
안드로이드 에뮬레이터를 먼저 실행하고 있어야합니다.
-i, --ios
iOS 시뮬레이터에서 Expo 개발 서버를 실행합니다.
Expo 어플리케이션을 실행하기 위해서는 iOS 시뮬레이터를 먼저 실행하고 있어야 합니다.
-t, --tunner
Expo 개발 서버에 연결을 위한 HTTPS URL을 생성하고, 제공합니다.
이 옵션은 실제 기기에서의 개발을 위한 옵션입니다.
외부 네트워크에서 Expo 어플리케이션을 테스트하려면 --tunnel 옵션을 사용해야 합니다.
-w, --web-only
웹 프론트엔드를 미리보기 모드로만 실행합니다.
--web 옵션과 다르게, 개발 서버는 웹 전용으로만 실행됩니다.
-m, --web
웹 프론트엔드를 미리보기 모드로 실행합니다. 이때 웹 브라우저에서 Expo 개발 서버를 실행합니다.
-d, --dev-client
npm start나 Expo 개발 서버에서 사용할 수 있는 디버그 클라이언트를 사용합니다.
-c, --clear
expo 캐시를 지웁니다. 이후로 실행된 expo 개발자 서버는 최신 소스 코드를 적용합니다
-a --android
Android 에뮬레이터에서 Expo 개발 서버를 실행합니다. Expo 애플리케이션을 실행하기 위해서는
안드로이드 에뮬레이터를 먼저 실행하고 있어야 합니다.
-i, --ios
iOS 시뮬레이터에서 Expo 개발 서버를 실행합니다.
Expo 애플리케이션을 실행하기 위해서는 iOS 시뮬레이터를 먼저 실행하고 있어야 합니다.
-t, --tunner
Expo 개발 서버에 연결을 위한 HTTPS URL을 생성하고, 제공합니다.
이 옵션은 실제 기기에서의 개발을 위한 옵션입니다.
외부 네트워크에서 Expo 어플리케이션을 테스트하려면 --tunnel 옵션을 사용해야 합니다.
-w, --web-only
웹 프런트엔드를 미리 보기 모드로만 실행합니다.
--web 옵션과 다르게, 개발 서버는 웹 전용으로만 실행됩니다.
-m, --web
웹 프론트엔드를 미리보기 모드로 실행합니다. 이때 웹 브라우저에서 Expo 개발 서버를 실행합니다.
-d, --dev-client
npm start나 Expo 개발 서버에서 사용할 수 있는 디버그 클라이언트를 사용합니다.
오류 생기면 캐시 한 번만 삭제해 보세요!!!
신세계입니다.
'Back End > Node.js' 카테고리의 다른 글
npm 패키지 버전 충동을 해결해보자 npm install --legacy-peer-deps (1) | 2023.10.15 |
---|---|
node.js, react, native 모듈 정리 및 제거 편하게 하기 (0) | 2023.05.29 |