이 튜토리얼은 환경 설정부터 기기에서 앱 미리 보기까지, replit.com의 Project Editor에서 Replit과 Expo를 사용해 모바일 앱을 만드는 과정을 안내합니다.
파트 1: 5분 만에 모바일 앱 만들기
Replit과 Expo를 사용해 5분 만에 네이티브 iPhone/Android 앱을 만드는 방법을 알아보세요 — 초보자에게 완벽합니다.Replit과 Expo 시작하기
1
사전 요구 사항
시작하기 전에 다음이 필요합니다:
- Replit 계정 (무료)
- 모바일 기기에 설치된 Expo Go 앱
- Expo EAS 계정 (무료)
- iOS의 경우 Apple Developer 계정 (연 $99)
- Android의 경우 Google Play Developer 계정 (일회성 $25)
2
템플릿 리믹스하기
Replit의 Expo 템플릿을 방문해 “Remix”를 선택해 자신만의 복사본을 만드세요. 이렇게 하면 모든 파일, 설정, 의존성을 포함한 템플릿의 완전한 복사본이 Replit 계정에 생성됩니다.
3
템플릿 실행하기
Project Editor에서 “Run” 버튼을 선택하세요. 콘솔에 Expo Go 앱을 Replit 프로젝트에 연결하는 QR 코드가 표시됩니다.
4
기기에서 미리 보기
폰에서 Expo Go 앱을 열고 Project Editor에 표시된 QR 코드를 스캔하세요. 그러면 앱이 바로 폰에 로드됩니다. 프로젝트를 컴파일하는 데 1~2분 정도 걸릴 수 있습니다.
Replit과 Expo를 통한 모바일 개발의 민주화는 전문 개발자만이 아닌 모든 사람이 앱을 만들 수 있게 합니다.
Agent로 앱 커스터마이징하기
1
AI 도구 선택하기
Agent를 사용해 Expo 앱을 빌드하세요:
- Build 모드: 복잡한 기능과 큰 변경 사항에 최적. Expo 템플릿은 모든 프레임워크를 지원하는 General Agent를 사용합니다.
- Lite 모드: 작은 변경 사항과 코드 설명에 최적.
- Plan 모드: 계획 및 브레인스토밍에 최적.
2
자연어로 앱 빌드하기
앱이 할 작업을 자연어로 설명하세요. 예를 들어: “버튼을 누를 때마다 랜덤 고양이 이미지를 보여주는 앱을 만들어줘.”
3
Project Editor에서 반복하기
replit.com의 Project Editor에서 네이티브 모바일 앱을 계속 개발하세요. 변경 사항을 저장한 후 Expo Go를 다시 로드해 폰에서 업데이트를 미리 보세요.
파트 2: 모바일 앱 미리 보기
Replit Expo 앱의 iOS 미리 보기 빌드를 만드는 방법을 알아보세요.기기용 미리 보기 빌드 만들기
이 가이드는 iOS 배포에 초점을 맞추지만, Android 개발에도 동일한 Replit 및 Expo 단계가 적용됩니다. Android의 경우 Expo Android 배포 가이드와 Google Play Console 프로세스를 따르세요.
1
사전 요구 사항
iOS 미리 보기 빌드를 만들기 전에 다음이 필요합니다:
- 파트 1의 Replit 앱
- iOS 미리 보기 빌드 및 App Store 제출을 위한 Apple Developer 계정 (연 $99)
- iPhone (iOS 배포용)
- Expo 계정
2
EAS 초기화하기
EAS(Expo Application Services)는 빌드와 Expo 및 App Store 사이의 인터페이스 역할을 합니다.
- 앱이 실행 중이라면 중지하세요
- Project Editor의 드롭다운 메뉴에서 “EAS init”을 선택하세요
- 메시지가 표시되면 Expo 계정에 로그인하세요
- 새 프로젝트를 만들거나 기존 프로젝트를 선택하세요
3
EAS 업데이트 실행하기
이 초기화 단계는 프로젝트를 설정하고 Apple Developer 계정에 연결하는 데 도움을 줍니다.
- 드롭다운 메뉴에서 “EAS update”를 선택하세요
- Metro 번들러가 시작되고 내보내기 프로세스가 완료될 때까지 기다리세요
4
iOS용 빌드하기
이제 iOS 기기용 미리 보기 빌드를 만들 시간입니다.
- 드롭다운 메뉴에서 “EAS publish preview iOS”를 선택하세요
- iOS 번들 식별자를 입력하세요 (예: com.yourname.yourappname)
- 메시지가 표시되면 App Store Connect 계정에 로그인하세요
- 개인 개발자 팀을 선택하세요
- 요청 시 기기 배포 인증서를 생성하세요
5
기기 등록하기
iPhone에 개발 앱을 설치하려면 기기를 등록해야 합니다.
- 메시지가 표시되면 “website”를 선택해 기기를 등록하세요
- iPhone으로 나타나는 QR 코드를 스캔하세요
- 메시지가 표시되면 개발 프로필을 다운로드하세요
- iPhone의 설정으로 이동하세요
- 상단의 “다운로드된 프로파일”을 선택하세요
- 프로필을 설치하고 메시지가 표시되면 암호를 입력하세요
- Project Editor로 돌아가 아무 키나 눌러 계속하세요
6
빌드 완료 대기하기
이제 Expo가 앱을 빌드합니다. 애플리케이션의 복잡성에 따라 약 10~15분이 걸립니다.
- 빌드가 대기열에 들어갑니다
- “Builds” 탭의 Expo 대시보드에서 진행 상황을 확인할 수 있습니다
- 완료되면 앱 설치를 위한 새 QR 코드가 나타납니다
7
기기에 미리 보기 빌드 설치하기
미리 보기 빌드가 완료되면 iPhone에 설치하세요.
- iPhone으로 설치 QR 코드를 스캔하세요
- 메시지가 표시되면 “설치”를 선택하세요
- 미리 보기 빌드가 홈 화면에 설치되기 시작합니다
8
개발자 모드 활성화하기
앱을 열기 전에 iPhone에서 개발자 모드를 활성화해야 합니다.
- 설정 > 개인 정보 보호 및 보안으로 이동하세요
- 아래로 스크롤해 “개발자 모드”를 찾으세요
- 토글을 켜세요
- 메시지가 표시되면 기기를 재시작하세요
- 재시작 후 미리 보기 빌드를 열고 테스트할 수 있습니다.
달성한 것
이 튜토리얼을 따르면 개발 테스트를 위한 iOS 미리 보기 빌드가 기기에 설치됩니다. 대부분의 개발자들은 이를 달성하는 데 며칠 또는 몇 주가 걸리지만, 여러분은 약 한 시간 만에 해냈습니다.다음 단계
다음 단계
이 튜토리얼을 완료한 후 다음을 할 수 있습니다:
- 더 많은 기능으로 앱 계속 개선하기
- 인증 및 데이터 저장 추가하기
- 카메라 또는 위치 같은 네이티브 기기 기능 구현하기
- 공개 배포를 위해 App Store에 앱 제출하기
- 비슷한 단계를 사용해 Android 버전 만들기
일반적인 문제와 해결책
앱이 Expo Go에 연결되지 않음
앱이 Expo Go에 연결되지 않음
- 폰과 컴퓨터가 동일한 Wi-Fi 네트워크에 있는지 확인하세요
- “LAN” 대신 “Tunnel” 연결 모드 사용을 시도하세요
- 방화벽이 연결을 차단하는지 확인하세요
- Expo의 문제 해결 가이드를 참조하세요
앱에 변경 사항이 반영되지 않음
앱에 변경 사항이 반영되지 않음
- 앱 다시 로드 시도 (기기를 흔들고 “Reload” 선택)
- Project Editor에서 변경 사항을 저장했는지 확인하세요
- 오류가 있는지 콘솔을 확인하세요
- Expo의 개발 모드 문서 검토하세요
EAS에서 빌드 실패
EAS에서 빌드 실패
- app.json 설정을 확인하세요
- 모든 의존성이 호환되는지 확인하세요
- 올바른 권한이 설정되어 있는지 확인하세요
- 빌드 로그의 오류 메시지를 검토하세요
- EAS 빌드 문제 해결을 참조하세요
결론
Replit과 Expo를 사용하면 모바일 앱 빌드가 그 어느 때보다 쉽고 빨라졌습니다. 몇 주나 몇 달이 아닌 몇 시간 만에 아이디어에서 작동하는 네이티브 모바일 미리 보기까지 갈 수 있습니다. 브라우저 기반 개발과 크로스 플랫폼 모바일 프레임워크의 결합은 모바일 개발의 전통적인 진입 장벽을 없앱니다.더 자세한 정보는 다음을 확인하세요: