작성자: 컴맹 집사
대표 이미지: 흔히 말하는 “앱”은 스토어에서 설치하는 네이티브 앱이다 (사진: jeshoots-com / Pixabay)
이 글에서 얻는 것
- 이런 분께 앱스토어 앱과 웹앱 중 무엇으로 시작할지 고민하는 분
- 핵심 답 웹앱은 설치 없이 인터넷 주소로 여는 앱이다. 휴대폰 깊은 기능이 필요 없고 자주 고칠 앱이라 웹앱으로 시작했다
- 바로 쓰는 팁 “설치까지 해 가며 쓸 앱인가, 알림·블루투스가 꼭 필요한가, 자주 고치게 될까” 세 질문에 답하면 방향이 정해진다
AI에게 처음 “반려인이 집사 작위증을 받는 앱을 만들고 싶어”라고 했을 때 돌아온 질문은 이랬다.
네이티브 앱으로 만들까요, 웹앱으로 만들까요?
나는 그 자리에서 멈췄다. 앱이면 그냥 앱이지, 종류가 있다는 것부터 몰랐다. 이 질문에 답하지 못하면 한 걸음도 나갈 수 없었다. 그래서 코드보다 이 개념부터 공부했다.
내가 알던 “앱”은 네이티브 앱이었다
우리가 보통 “앱”이라고 부르는 건 네이티브 앱이다. 구글 플레이나 앱스토어에서 내려받아 설치하는 카카오톡, 은행 앱 같은 것들이다.
- 휴대폰에 설치해서 쓴다.
- 안드로이드용과 아이폰용을 따로 만드는 경우가 많다.
- 카메라, 알림, 위치 같은 휴대폰 기능을 깊게 쓸 수 있다.
- 스토어에 올리려면 심사를 받아야 한다.
“네이티브”는 “그 기기 고유의”라는 뜻이다. 안드로이드와 아이폰 각각의 방식에 맞춰 만든 앱이라는 의미다.
웹앱은 인터넷 주소로 여는 앱이다
웹앱은 설치하지 않고 인터넷 브라우저(크롬, 사파리 등)로 주소를 열어서 쓰는 앱이다. 겉모습과 쓰는 방식은 앱 같지만, 실제로는 웹사이트처럼 동작한다.
출처: 직접 캡처한 화면(2026년 9월 20일)
처음에는 “그럼 그냥 홈페이지 아냐?”라고 생각했다. AI에게 물어보니 차이를 이렇게 설명해 줬다.
- 웹사이트: 주로 정보를 읽는 곳 (회사 소개, 뉴스, 블로그)
- 웹앱: 사용자가 무언가를 하는 곳 (질문에 답하고, 결과를 받고, 저장하고, 공유하는)
집사 작위 진단은 사용자가 버튼을 누르고 답을 고르고 결과를 받는 구조다. 그러니 웹앱이라고 부르는 게 맞았다.
한눈에 비교해 보기
| 구분 | 네이티브 앱 | 웹앱 |
|---|---|---|
| 여는 방법 | 스토어에서 설치 | 인터넷 주소(링크) 접속 |
| 만드는 법 | 기기별로 따로 만드는 경우가 많음 | 하나로 아이폰·안드로이드·PC 모두 |
| 배포 | 스토어 심사 필요 | 인터넷에 올리면 바로 공개 |
| 수정 반영 | 업데이트 심사 → 사용자가 업데이트 | 올리면 즉시 모두에게 반영 |
| 비용 | 개발자 계정 등록비 등 | 무료로 시작 가능 |
| 휴대폰 기능 | 거의 모두 사용 | 일부 제한 |
| 초보자 난이도 | 높음 | 상대적으로 낮음 |
내가 웹앱을 선택한 이유
비교표를 보고 나니 선택은 어렵지 않았다.
- 하나만 만들면 된다. 친구들 휴대폰은 아이폰과 갤럭시가 섞여 있다. 네이티브 앱이면 두 가지를 만들어야 하지만, 웹앱은 링크 하나로 모두가 쓸 수 있다.
- 고치면 바로 반영된다. 초보자는 실수를 많이 한다. 오타 하나 고치는 데 스토어 심사를 기다려야 한다면 지쳐서 포기했을 것이다.
- 무료로 시작할 수 있다. 웹앱은 무료 배포 서비스로 인터넷에 올릴 수 있다. 이 부분은 뒤에서 Vercel을 다루며 자세히 쓸 예정이다.
- 링크로 공유하기 좋다. 테스트 앱은 결국 “너희 강아지도 해 봐”라며 링크를 보내는 게 핵심이다. 설치하라고 하면 대부분 안 한다. 링크를 누르면 바로 열리는 게 훨씬 낫다.
그런데 나중에 스마트폰 앱처럼 쓸 수 있을까?
웹앱을 선택하면서 가장 걱정된 건 “그럼 영영 진짜 앱은 못 만드나?”였다. 알아보니 방법이 있었다.
- PWA(프로그레시브 웹앱): 웹앱을 휴대폰 홈 화면에 아이콘으로 설치해서, 앱처럼 전체 화면으로 쓸 수 있게 만드는 방식이다. (출처: MDN 웹 문서 용어집)
- Google Play 등록: PWA로 만든 웹앱을 감싸서 구글 플레이에 올리는 방법도 있다. (출처: Chrome 개발자 문서, Trusted Web Activity)
즉 웹앱 → PWA → Google Play로 단계적으로 키워 갈 수 있다. 처음부터 어려운 길로 가지 않고, 쉬운 데서 시작해 점점 앱에 가깝게 만드는 계획이 이때 세워졌다. 이 블로그의 전체 흐름도 여기서 나왔다.
헷갈렸던 비슷한 말들
앱과 웹앱의 차이를 공부하면서 비슷한 단어가 여럿 나와서 따로 정리해 뒀다.
- 하이브리드 앱: 겉은 스토어에서 받는 앱인데, 속은 웹 기술로 만든 앱이다. 웹앱을 앱 껍데기로 감싼 형태라고 이해했다.
- 모바일 웹: 휴대폰 화면에 맞춰 보이는 웹사이트. 웹앱과 거의 같은 뜻으로 쓰이기도 한다.
- 반응형 웹(responsive design): 화면 크기에 따라 배치가 자동으로 바뀌는 웹. 컴퓨터에서는 넓게, 휴대폰에서는 세로로 길게 보인다. 웹앱을 만들 때 기본으로 챙겨야 하는 부분이다.
- PWA: 웹앱에 몇 가지 설정을 더해서 휴대폰에 설치하고 앱처럼 쓸 수 있게 만든 것. 이 블로그 후반부의 주인공이다.
이 단어들을 모두 외울 필요는 없었다. AI가 이런 말을 섞어 쓸 때 “결국 웹 기술로 만든 것이구나” 정도로 알아듣는 것만으로도 대화가 훨씬 수월해졌다.
웹앱의 단점도 있다
좋은 점만 있는 건 아니었다. 웹앱으로 정하면서 받아들인 단점도 적어 둔다.
- 인터넷이 없으면 열리지 않는다. (PWA로 일부 해결할 수 있다고 한다.)
- 스토어 검색으로 찾아오는 사람이 없다. 링크를 직접 퍼뜨려야 한다.
- 휴대폰 기능 일부는 쓰기 어렵다. 푸시 알림 같은 기능은 기기마다 지원 정도가 다르다.
왕립 개집사협회 앱에는 이 단점들이 크게 문제 되지 않았다. 만들려는 앱의 성격에 따라 판단하면 된다.
결정을 도와준 질문 세 가지
앱과 웹앱 사이에서 고민하는 분이라면 다음 세 가지를 스스로 물어보면 좋겠다.
- 사용자가 설치까지 해 가며 쓸 앱인가, 한 번 눌러 보고 즐길 앱인가?
- 알림, 블루투스처럼 휴대폰 깊은 기능이 꼭 필요한가?
- 나는 자주 고치게 될까?
강아지 앱은 “한 번 눌러 보고”, “필요 없음”, “아주 자주”였다. 답이 바로 웹앱을 가리켰다.
이 단계에서 배운 점
- “앱”에는 종류가 있고, 무엇을 고르느냐에 따라 난이도가 완전히 달라진다.
- 초보자에게는 설치 없이 링크로 여는 웹앱이 가장 현실적인 출발점이다.
- 웹앱으로 시작해도 나중에 PWA와 Google Play로 넓힐 수 있다.
AI의 첫 질문에 이제는 답할 수 있게 됐다. “웹앱으로 만들어 줘.” 그다음 과제는 머릿속 아이디어를 AI가 알아들을 수 있는 설명으로 바꾸는 일이었다.
이전 글: 코딩 몰라도 AI로 앱 만들 수 있을까? 컴맹이 직접 해본 솔직 후기
다음 글: 앱 아이디어, 한 줄이면 충분했다! 컴맹의 초간단 기획서 쓰는 법