[Side Project] React Native 찐초보의 UI 실행 방법 알아보기!

Innes·2025년 8월 18일
0

React 웹만 하다가 React Native 해보니까 환경부터가 완전 다른 세상이구만...?! 신기하다...!!

✅ React Native 실행 정리

1. 🌐 웹에서 확인

  • npm run web → 바로 브라우저에서 확인 (CRA처럼 동작)
  • npx expo start --tunnel 후 DevTools에서 Run in web browser 버튼 클릭 → 이것도 가능하지만 그냥 npm run web이 더 직관적임

2. 📱 폰에서 확인 (Expo Go)

  • npm expo start → 같은 와이파이 환경에서 QR 찍으면 됨 (하지만 가끔 연결 문제 발생 가능)
  • npx expo start --tunnel → 네트워크 문제 있을 때 확실히 연결됨 (QR 찍고 바로 들어갈 수 있음)

3. 💻 iOS 시뮬레이터에서 확인 (Xcode 필요)

  • expo 서버(npm expo start) 열려 있는 터미널에서 i 입력 → iOS 시뮬레이터 실행됨
  • npm expo run:ios → 네이티브 빌드해서 시뮬레이터 실행 (조금 무거움, Expo Go 없이 직접 빌드)

4. 💻 Android 시뮬레이터에서 확인 (Android Studio 필요)

  • Android Studio는 IDE 역할도 한다!

📌 결론

  • 웹 확인npm run web
  • 폰에서 확인npx expo start --tunnel (이게 가장 안정적)
  • 시뮬레이터에서 확인 → 서버 켠 터미널에서 i
profile
무서운 속도로 흡수하는 스펀지 개발자 🧽

0개의 댓글