모바일 앱도 바이브코딩으로 만들 수 있나요?

“웹사이트는 바이브코딩으로 만들 수 있다는 건 알겠어요. 모바일 앱도 만들 수 있나요?”

가능합니다. AI에게 화면을 설명하고 코드를 만들게 하면서 아이폰과 안드로이드에서 실행하는 앱을 만들 수 있어요.

하지만 곧바로 React Native나 Expo부터 선택하지는 마세요. 먼저 내가 말하는 모바일 앱이 무엇인지 정해야 합니다.

사람마다 모바일 앱이라는 말을 다르게 사용하기 때문이에요.

휴대폰에서 잘 보이는 웹 애플리케이션
홈 화면에 설치하는 웹 애플리케이션
앱스토어에서 내려받는 애플리케이션

세 가지는 사용자에게 비슷하게 보일 수 있지만 만드는 기술과 출시 과정은 다릅니다.

1. 휴대폰에서 잘 보이는 웹 애플리케이션

인터넷 주소를 눌러 브라우저에서 사용하는 방식입니다.

사용자가 링크를 누름
→ Safari나 Chrome에서 실행
→ 별도 설치 없이 바로 사용

컴퓨터와 휴대폰 화면 크기에 맞춰 배치가 바뀌도록 만들면 같은 웹 애플리케이션을 여러 기기에서 사용할 수 있어요. 이를 반응형 웹이라고 합니다.

다음과 같은 서비스라면 웹 애플리케이션만으로 충분할 수 있습니다.

• 행사 신청과 예약
• 설문과 상담 신청
• 회원용 콘텐츠
• 주문 조회
• 회사 내부 업무 도구
• 자주 설치할 필요가 없는 일회성 서비스

링크만 보내면 바로 사용할 수 있고, 내용을 수정한 뒤 새 버전을 배포하면 모든 사용자가 같은 주소에서 최신 화면을 봅니다. 앱스토어 심사를 기다리지 않아도 돼요.

반면 사용자가 앱스토어에서 검색해 설치하기를 원하거나 휴대폰 기능을 적극적으로 사용해야 한다면 다른 방식을 검토합니다.

웹 애플리케이션의 기본 기술 조합은 바이브코딩 기술 스택 추천에서 볼 수 있습니다.

2. 홈 화면에 설치하는 PWA

PWA는 웹 기술로 만들지만 사용자가 휴대폰 홈 화면에 설치해 실행할 수 있는 웹 애플리케이션입니다.

웹 주소로 접속
→ 홈 화면에 추가
→ 앱 아이콘으로 실행

설치한 뒤에는 브라우저 주소창을 숨기고 독립된 앱처럼 실행할 수 있어요. 인터넷 연결이 불안할 때 보여줄 화면이나 일부 저장 기능도 만들 수 있습니다.

다만 PWA가 앱스토어용 앱과 모든 면에서 같지는 않습니다. 운영체제와 브라우저에 따라 설치 방법과 사용할 수 있는 휴대폰 기능이 달라질 수 있어요.

따라서 “앱처럼 보이면 충분한가?”를 먼저 판단합니다.

홈 화면 아이콘이 필요함
+ 웹 주소로도 사용할 수 있음
+ 복잡한 휴대폰 기능은 많지 않음

→ PWA 검토

앱스토어에서 검색하고 내려받는 경험 자체가 중요하다면 PWA만으로 결정하지 않는 편이 좋습니다.

3. 앱스토어와 플레이스토어에서 받는 앱

아이폰의 App Store와 안드로이드의 Google Play에서 내려받는 앱을 만들 수도 있습니다.

바이브코딩 입문자에게는 한 프로젝트로 아이폰과 안드로이드 앱을 함께 만들 수 있는 React Native와 Expo 조합이 좋은 출발점입니다.

TypeScript
→ 코드 작성

React Native
→ 아이폰·안드로이드 화면과 기능 만들기

Expo
→ 앱 실행·기기 기능·빌드·출시 과정 관리

앱스토어용 앱은 다음과 같은 요구가 있을 때 검토하세요.

• 사용자가 앱스토어에서 검색하고 설치해야 합니다.
• 푸시 알림이 서비스의 핵심입니다.
• 카메라, 사진, 위치와 같은 휴대폰 기능을 자주 사용합니다.
• 인터넷이 끊겨도 일부 기능이 계속 작동해야 합니다.
• 사용자가 매일 또는 자주 실행하는 서비스입니다.
• 휴대폰에 맞춘 화면 전환과 조작 경험이 중요합니다.

웹 애플리케이션보다 준비할 일도 늘어납니다.

아이폰과 안드로이드용 앱 만들기
→ 실제 기기에서 확인
→ 아이콘·시작 화면·스토어 설명 준비
→ 개발자 계정으로 제출
→ 심사 후 출시

AI가 코드를 만든 뒤에도 애플과 구글의 출시 절차를 거쳐야 합니다.

무엇을 만들지 네 가지 질문으로 결정해요

기술 이름을 비교하기 전에 필요한 경험부터 확인하세요.

1. 앱스토어에서 검색하고 설치해야 하나요?

아니라면 반응형 웹 애플리케이션이 더 단순할 수 있습니다. 사용자가 링크를 눌러 바로 시작할 수 있어요.

2. 푸시 알림이 핵심 기능인가요?

예약 시간 알림, 메시지 도착과 매일 사용하는 습관 기능처럼 푸시 알림이 서비스의 핵심이라면 앱스토어용 앱을 우선 검토합니다.

3. 카메라·위치·사진 같은 휴대폰 기능을 얼마나 사용하나요?

프로필 사진 한 번 올리는 정도와 카메라를 계속 사용하는 서비스는 다릅니다. 휴대폰 기능의 비중이 높을수록 모바일 앱으로 만들 이유가 커져요.

4. 사용자가 얼마나 자주 실행하나요?

한 번 작성하고 끝나는 신청서는 설치 과정이 오히려 불편합니다. 매일 기록하거나 자주 확인하는 서비스라면 홈 화면의 앱 아이콘이 유용해요.

바이브코딩으로 어디까지 만들 수 있나요?

AI에게 다음과 같은 작업을 맡길 수 있습니다.

• 화면과 공통 컴포넌트 만들기
• 화면 이동과 하단 탭 구성하기
• 입력 폼과 데이터 검증 만들기
• 로그인과 사용자별 화면 연결하기
• 서버와 데이터를 주고받는 기능 만들기
• 카메라, 사진과 알림 기능 연결하기
• 아이폰과 안드로이드의 차이 수정하기

중요한 점은 AI가 “완성했습니다”라고 말한 순간을 출시 준비가 끝난 순간으로 받아들이지 않는 것입니다.

모바일 앱은 컴퓨터 브라우저에서만 확인할 수 없어요. 실제 휴대폰에서 손가락으로 눌러보고, 키보드를 열고, 권한을 거부해보면서 확인해야 합니다.

모바일 앱에서 꼭 확인할 것

실제 아이폰과 안드로이드에서 확인해요

한쪽에서 잘 보이는 화면이 다른 쪽에서는 어긋날 수 있습니다. 아이폰과 안드로이드는 뒤로 가기, 키보드, 권한 안내와 화면 영역을 다르게 처리해요.

에뮬레이터와 시뮬레이터도 유용하지만 카메라, 알림과 실제 터치 경험은 휴대폰에서 확인하는 편이 좋습니다.

화면 끝과 키보드를 확인해요

휴대폰 위쪽 카메라 영역과 아래쪽 홈 표시줄에 버튼이 가려지지 않아야 합니다. 입력창을 눌렀을 때 키보드가 버튼이나 작성 내용을 덮는지도 살펴보세요.

권한을 거부한 경우도 확인해요

사용자는 카메라, 사진, 위치와 알림 권한을 허용하지 않을 수 있습니다. 권한을 거부해도 앱이 멈추지 않고 필요한 안내를 보여줘야 해요.

인터넷이 느리거나 끊긴 경우를 확인해요

저장 버튼을 여러 번 누르거나 요청 도중 연결이 끊길 수 있습니다. 로딩, 재시도와 중복 저장 방지까지 만들어야 합니다.

앱스토어에 제출할 정보도 준비해요

앱 아이콘, 화면 캡처, 소개 문구, 개인정보 처리 내용과 심사용 계정 같은 자료가 필요합니다. 앱을 수정한 뒤에는 새 버전을 다시 만들고 제출하는 과정도 거칩니다.

처음에는 작은 기능으로 시작하세요

모바일 앱을 처음 만든다면 전체 서비스를 한 번에 요청하지 마세요.

1. 핵심 사용자 한 명 정하기
2. 가장 중요한 행동 한 가지 정하기
3. 필요한 화면 3~5개 정하기
4. 웹·PWA·앱스토어 앱 중 하나 선택하기
5. 실제 휴대폰에서 첫 흐름 확인하기
6. 로그인과 추가 기능 연결하기
7. 출시 준비하기

예를 들어 운동 기록 앱이라면 회원 등급, 친구, 결제와 통계부터 만들지 않습니다.

오늘 운동 입력
→ 기록 저장
→ 지난 기록 확인

먼저 이 흐름이 휴대폰에서 편하게 작동하는지 확인하세요.

AI에게 이렇게 물어보세요

터미널 명령어나 기술 이름을 먼저 정할 필요는 없습니다. 만들려는 서비스와 사용 방법을 설명하고 어떤 방식이 맞는지 판단하게 하세요.

나는 사용자가 휴대폰에서 사용하는 서비스를 만들려고 해.

사용자는 다음 행동을 해.
- [가장 중요한 행동]
- [두 번째 행동]

다음 기준으로 어떤 방식이 맞는지 비교해줘.
- 반응형 웹 애플리케이션
- PWA
- 앱스토어와 플레이스토어에 올리는 모바일 앱

앱스토어 설치, 푸시 알림, 카메라, 위치, 오프라인 사용이
정말 필요한지도 하나씩 판단해줘.

추천 이유와 포기해야 하는 점을 입문자도 이해할 수 있게 설명하고
아직 코드는 만들지 마.

정리

모바일 앱도 바이브코딩으로 만들 수 있습니다.

다만 휴대폰에서 사용한다는 이유만으로 앱스토어용 앱부터 만들 필요는 없어요.

• 링크로 바로 사용하는 서비스라면 반응형 웹 애플리케이션을 검토합니다.
• 홈 화면에 설치하는 경험이 필요하다면 PWA를 검토합니다.
• 앱스토어 등록과 휴대폰 기능이 중요하다면 React Native와 Expo 앱을 검토합니다.
• 어떤 방식을 선택하든 실제 휴대폰에서 확인합니다.

앱스토어용 앱을 만들기로 했다면 다음 글인 바이브코딩 모바일 앱 기술 스택 추천에서 각 기술의 역할과 추천 조합을 확인해보세요.