일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- GitLab
- Docker
- styling
- viewcontroller
- Swift
- REACT
- git
- ios
- vscode
- Android
- npm install
- commit
- nextJS
- HTML
- npm
- xtring.log
- styled-components
- Branch
- github
- currying
- js
- ReactNative
- DevOps
- Xcode
- JavaScript
- rn
- react-native
- ES6
- React Native
- shortcut
Archives
- Today
- Total
xtring.dev
[React Native] 내가 원하는 iOS Simulator 실행시키기! 본문
React Native(RN) 프로젝트에서 정확한 Simulator를 지정하지 않고 Run하게 되면 임의의 Simulator 모델이 켜지게 됩니다. 가장 최근에 사용했던 Simulator 모델이 실행되기도 합니다.
$ npx react-native run-ios
하지만 다양한 기기에 올려보고 싶고 더 정확히 특정 Simulator을 실행시키고 싶을 때는 어떻게 할까요?
실행 명령어 뒤에 아래와 같은 명령어를 입력해주면 됩니다!
--simulator="<특정 기기명>"
더 구체적으로 아래와 같은 패턴으로 우리의 RN 프로젝트를 특정 simulator에 올릴 수 있습니다!
// iPhone
$ npx react-native run-ios --simulator="iPhone 8"
$ npx react-native run-ios --simulator="iPhone 8 Plus"
$ npx react-native run-ios --simulator="iPhone SE"
$ npx react-native run-ios --simulator="iPhone SE2"
$ npx react-native run-ios --simulator="iPhone X"
$ npx react-native run-ios --simulator="iPhone XR"
$ npx react-native run-ios --simulator="iPhone XS"
$ npx react-native run-ios --simulator="iPhone Xs Max"
$ npx react-native run-ios --simulator="iPhone 11"
$ npx react-native run-ios --simulator="iPhone 11 Pro"
$ npx react-native run-ios --simulator="iPhone 11 pro Max"
$ npx react-native run-ios --simulator="iPhone 12 Mini"
$ npx react-native run-ios --simulator="iPhone 12"
$ npx react-native run-ios --simulator="iPhone 12 Pro"
$ npx react-native run-ios --simulator="iPhone 12 Pro Max"
// iPad
$ npx react-native run-ios --simulator="iPhone iPad Air"
$ npx react-native run-ios --simulator="iPhone iPad Pro"
아주 간단하죠? 근데 여기서 모델명을 정확하게 입력하지 않는 경우 target한 Simulator가 실행되지 않을 수 있습니다! 이 점에 유의하세요~ 😁이제 iOS의 다양한 기기에서 실행시켜볼 수 있겠네요 🚀
반응형
'Front-End > React Native' 카테고리의 다른 글
[React Native] Android + Hermes? 그게 뭐야? (0) | 2020.10.29 |
---|---|
[React Native] RN으로 만든 프로젝트를 Play Store(Android)에 올리기 (0) | 2020.10.29 |
[React Native] Image 컴포넌트에서 resizeMode를 사용할 때 View에 알맞은 사이즈로 포지셔닝하기 (0) | 2020.08.20 |
[React Native] React Native 프로젝트에서 .jsx 사용하기 (0) | 2020.07.02 |
[React Native] React Native version mismatch - 앱 실행 시 version mismatch 오류 해결 방법! (0) | 2020.06.05 |
Comments