Expo CLI를 최신 버전(6.0.0 이상)으로 업데이트한 후, npx expo start 명령어로 프로젝트를 실행했을 때 기존의 Dev Tools 웹 UI가 열리지 않는 문제를 겪었습니다. 이 글에서는 문제의 원인과 해결 방법을 공유합니다.
문제 요약
이전 버전의 Expo CLI에서는 프로젝트 실행 시 브라우저에서 Dev Tools 웹 UI가 자동으로 열리며 QR 코드 스캔, 연결 모드 변경, 시뮬레이터 실행 등을 쉽게 할 수 있었습니다.
그러나 최신 Expo CLI에서는 Dev Tools 웹 UI가 더 이상 지원되지 않으며, 대신 모든 작업을 CLI 명령어로 수행해야 합니다.
원인
Expo 팀은 Expo CLI 6.0.0부터 Dev Tools 웹 UI를 지원하지 않기로 결정했습니다. 이를 통해 더 가볍고 빠른 개발 환경을 제공하려는 목적입니다. 이제 CLI에서 필요한 모든 작업을 수행하도록 변경되었습니다.
해결 방법
CLI에서 Dev Tools 기능 사용하기
이제는 CLI에서 Dev Tools의 대부분의 기능을 수행할 수 있습니다. 자주 사용하는 명령어는 다음과 같습니다.
프로젝트 실행 (터널링 모드)
npx expo start --tunnel
터널 모드는 로컬 네트워크에 구애받지 않고 앱을 실행할 수 있게 해줍니다. CLI가 자동으로 ngrok을 설치해 주며, 모바일 디바이스에서 QR 코드로 연결할 수 있습니다.
기타 주요 CLI 명령어
a: Android 에뮬레이터에서 앱 실행i: iOS 시뮬레이터에서 앱 실행r: 앱 리로드?: 전체 명령어 목록 보기
이제 CLI에서 이 명령어들로 Dev Tools 없이도 대부분의 작업을 처리할 수 있습니다.
이전 Dev Tools 웹 UI가 필요한 경우
웹 UI가 꼭 필요하다면, Expo CLI 5.x 버전으로 다운그레이드하여 사용할 수 있습니다. 하지만 최신 기능을 사용할 수 없고, 장기적인 해결책은 아니므로 추천하지는 않습니다.
npm install -g expo-cli@5.0.2
결론
Expo CLI의 최신 버전에서는 Dev Tools 웹 UI가 사라졌지만, CLI 명령어만으로도 필요한 작업을 충분히 수행할 수 있습니다. CLI에 익숙해지는 것이 향후 효율적인 개발에 도움이 될 것입니다.
