[개발 환경 설정]Expo Go로 포트폴리오 앱 공유하는 방법 (React Native) (1편)

헤이안나·2025년 5월 15일
0

React Native로 만든 앱을 사람들이 설치 없이 바로 볼 수 있도록 공유하려면 Expo Go를 활용하면 간편합니다.
특히 포트폴리오나 사이드 프로젝트 시연용으로 유용합니다.


✅ 1. Expo Go 공유용 설정하기

1️⃣ expo-dev-client 제거

expo-dev-client가 설치되어 있으면 Expo Go에서 실행되지 않으므로 먼저 제거합니다.

yarn remove expo-dev-client
# 또는
npm uninstall expo-dev-client

2️⃣ 앱 실행 및 QR 코드 생성

  • Yarn 사용 시
yarn start
  • NPM 사용 시
npm run start
  • 또는 공통 명령어:
npx expo start
  • 실행 후:
    • 터미널에 QR 코드가 생성됨
    • 브라우저에 공유 가능한 링크 표시됨
    • 예: https://expo.dev/@your-username/your-project-name

3️⃣ QR 코드 또는 링크 공유

  • 다른 사람은 Expo Go 앱만 설치하면 링크로 바로 앱을 실행해볼 수 있습니다.
  • iOS / Android 앱스토어에서 "Expo Go" 검색 → 설치

📎 포트폴리오 예시 작성

아래처럼 포트폴리오에 앱 체험 링크를 안내하면 좋습니다:

📱 React Native 프로젝트 - Threads Clone

- 🔗 앱 체험하기: [https://expo.dev/@hey-anna/threads](https://expo.dev/@hey-anna/threads)
- 📱 실행 방법  
  1) Expo Go 앱 설치  
  2) 위 링크 클릭 또는 QR 코드 스캔  
  3) 바로 실행!

⚠️ 참고사항

  • 공유 링크는 기본적으로 공개(Public) 상태입니다. 비공개로 설정되어 있다면 Expo.dev 대시보드에서 공개로 바꿔야 합니다.
  • 이후에 네이티브 기능 추가, 앱 설치 파일 배포가 필요하다면 expo-dev-client를 다시 설치하고 eas build.apk를 생성하세요.

📝 정리

단계설명
1단계expo-dev-client 제거
2단계npx expo start로 앱 실행
3단계QR 코드 또는 링크 공유
보너스포트폴리오에 링크 & 시연 안내 작성

👉 이어서 보세요: 설치 가능한 APK 파일로 배포하기 (2편)

profile
리액트 공부하는 사람

0개의 댓글