홈 화면에 추가되는 웹앱

내 웹사이트를 손님 폰 첫 화면에 아이콘으로 앉히는 방법이에요. 스토어 입점도 심사도 없이 앱처럼 보이는데, 정작 먼저 판단할 것은 "우리 가게에 앱이 필요한가"예요.

쉽게 말하면

스토어에 앱을 올리는 건 백화점에 입점하는 일이에요. 매대를 받으려면 심사를 통과하고, 등록비를 내고, 백화점 규칙을 따라야 해요. 홈 화면에 추가되는 웹앱은 가게 문을 손님 폰 첫 화면에 그대로 걸어 두는 일이에요. 심사도 매대도 없고, 손님이 한 번 "붙여 둘게요" 하면 그날부터 아이콘이 생겨요. 다만 붙여 달라고 부탁하는 일은 여전히 사장님 몫이라, 백화점이 데려다주는 손님은 없어요.

이름이 어려워서 큰 공사처럼 들리는데, 새로 만드는 물건이 아니에요. 이미 있는 웹사이트에 표식 몇 개를 붙여 두는 것뿐이에요. 폰이 그 표식을 읽고 "이건 아이콘으로 앉힐 수 있는 사이트구나" 하고 알아봐요.

붙이는 표식	무슨 역할인가	잘못되면 손님이 보는 것
이름표	홈 화면 아이콘 아래에 뜰 가게 이름	"index" 같은 정체불명 글자가 아이콘 밑에 붙어요
아이콘 그림	첫 화면에 실제로 보일 그림	회색 빈 사각형이나 남의 로고가 떠요
시작 주소	아이콘을 눌렀을 때 열릴 첫 화면	예약 화면이 아니라 엉뚱한 안쪽 페이지가 열려요
바탕색	앱이 열리는 첫 순간 깔릴 색	흰 화면 앱인데 검은 화면이 한 번 번쩍여요
인터넷 없을 때 보여줄 화면	지하에서 열었을 때 대신 뜨는 화면	"인터넷에 연결할 수 없음" 공룡 화면이 떠요

스토어 입점

개발자 등록 → 포장 → 심사 대기 → 승인 → 손님이 검색·설치

구글은 등록비가 한 번, 애플은 매년 나가요. 고칠 때마다 심사를 다시 기다려요.

홈 화면에 추가

링크 전달 → 손님이 열기 → "홈 화면에 추가" 한 번

심사도 등록비도 없어요. 고치면 다음에 열 때 바로 반영돼요. 대신 스토어 검색에는 안 나와요.

붙이면 무엇이 달라지나

손님 눈에 보이는 차이는 생각보다 커요. 주소창이 사라지고 전체화면으로 열리니까, 대부분의 손님은 스토어에서 받은 앱과 구별하지 못해요.

항목	홈 화면에 붙인 웹앱	스토어에서 받은 앱
첫 화면 아이콘	생겨요. 내 로고로	생겨요
주소창	안 보여요. 전체화면으로 열려요	안 보여요
손님이 설치하는 수고	누르기 두세 번	검색·내려받기·설치까지 여섯 걸음쯤
인터넷이 끊겼을 때	이미 본 화면은 열려요. 실시간 예약·주문은 안 돼요	껍데기는 열려요. 통신 쓰는 기능은 똑같이 안 돼요
밀어주는 알림	안드로이드는 돼요. 아이폰은 홈 화면에 붙인 뒤에만, 조건이 까다로워요	양쪽 다 잘 돼요
스토어 검색 노출	안 나와요	나와요
고친 것이 반영되는 속도	다음에 열 때 바로	다시 심사를 기다려요
디지털 상품 결제	내가 쓰는 결제사를 그대로 써요	스토어 결제 규정과 수수료가 걸려요

표를 보면 갈리는 칸이 사실 두 개뿐이에요. 밀어주는 알림과 스토어 검색 노출이에요. 이 둘이 우리 장사의 심장이 아니라면, 앱을 따로 만들 이유는 대개 없어요.

여기만 오해하지 마세요

"앱처럼 보인다"와 "앱이다"는 손님에게는 같은 말이고, 애플과 구글에게는 다른 말이에요. 겉모습이 같아도 스토어에 올릴 때는 별도 포장과 심사가 필요해요. 애플은 웹사이트를 껍데기만 감싼 앱을 심사 기준으로 되돌려 보내기도 해요.

지금은 신경 쓰지 않아도 되는 때

이 문서를 읽고 나서 아무것도 안 하는 것이 정답인 경우가 절반이 넘어요. 정직하게 말씀드릴게요. 손님이 하루 열 명인 가게에 홈 화면 설치는 매출을 1원도 못 올려요.

1아직 문을 안 열었어요. 열지 않은 가게의 아이콘은 아무도 못 붙여요. 먼저 세상에 내보내기(배포)가 순서예요.
2손님이 한 번 오고 끝나는 장사예요. 이사 견적, 상담 예약, 청첩장처럼 평생 한 번 쓰는 화면은 아이콘으로 붙일 이유가 없어요. 링크가 더 빨라요.
3아직 손님이 열 명 안쪽이에요. 이 단계에서 필요한 건 설치가 아니라 손님 한 명 늘리는 일이에요. 첫 손님 만들기가 먼저예요.
4알림을 보내야 해서 급해요. 그럼 웹앱보다 문자나 카카오 알림톡이 확실해요. 알림 보내기로 가세요. 아이폰 손님이 절반인 나라에서 웹 알림에만 기대는 건 위험해요.
5스토어에 꼭 있어야 하는 이유가 있어요. 관공서 제출, 입찰 요건, 투자 자료처럼 "스토어에 등재" 자체가 조건이면 웹앱으로는 그 칸을 못 채워요.

반대로, 이 준비는 한 번 해 두면 계속 남는 종류예요. 지금 안 해도 되지만 나중에 하려고 뜯어고칠 일도 거의 없어요. 그래서 급하게 서두를 필요가 정말 없어요.

속도는 다른 문서 일이에요

"앱처럼 만들면 빨라진다"는 기대로 이걸 찾아오시는 분이 많아요. 느린 이유는 대개 무거운 사진과 과한 화면이에요. 그건 사진 무게 줄이기와 빠르게 만들기에서 다뤄요. 아이콘을 붙여도 느린 화면은 그대로 느려요.

그럼 언제 하는 게 맞나

판단 순서는 간단해요. 위에서부터 내려오다가 "아니오"가 나오면 거기서 멈추세요.

1같은 손님이 다시 오나요? 단골이 매주 예약하고, 매일 재고를 확인하고, 출근길에 열어 보는 화면인가요. 아니면 여기서 멈춰요.
2손님이 아이콘을 찾아 누를 만큼 자주 오나요? 한 달에 한 번이면 링크가 편하고, 주에 두세 번이면 아이콘이 편해요.
3폰에서 쓰이나요? 사무실 컴퓨터에서만 쓰는 관리 화면이면 굳이 필요 없어요.
4손님에게 부탁할 통로가 있나요? 문자, 계산대 안내문, 영수증 QR처럼 "홈 화면에 추가해 주세요"라고 말할 자리가요. 없으면 아무도 안 붙여요. 이게 실패의 진짜 이유예요.
5여기까지 다 "예"라면 하세요. 준비는 이미 되어 있고, 사장님이 할 일은 부탁하는 문장 한 줄 만드는 것이에요.

네 번째가 핵심이에요. 기술은 다 되어 있는데 아무도 안 붙이는 가게가 대부분이에요. 붙이는 순간이 언제인지 정해 두세요. 예약을 마친 직후 화면, 첫 방문 감사 문자, 계산대 옆 안내문 같은 자리요.

바이브캠퍼스에서는 어떻게 되어 있나

바이브캠퍼스에서 만든 것을 세상에 열면, 그 화면 하나가 각자 자기 앱으로 붙을 준비를 갖춰요. 이름도 아이콘도 색도 그 화면 것으로 따라가요. 남의 로고가 손님 홈 화면에 뜨는 일이 없게요.

손님 폰	손님이 보는 것	손님이 하는 일
안드로이드 폰	화면에 "앱으로 설치" 버튼이 떠요	누르고, 다음 창에서 한 번 더 누르면 끝이에요
아이폰 사파리	설치 버튼 대신 세 줄 안내가 떠요	아래 공유 버튼 → "홈 화면에 추가" → "추가"
아이폰의 다른 브라우저	아무 안내도 안 떠요	그 브라우저에는 그 메뉴가 아예 없어요. 사파리로 열어야 해요
컴퓨터 크롬	주소창 옆에 설치 표시가 떠요	누르면 창 하나짜리 앱처럼 열려요

아이폰은 코드로 설치를 시킬 수 없어요

애플은 "설치하시겠습니까" 창을 프로그램이 띄우는 길을 아예 열어 두지 않았어요. 사파리에서 손님이 직접 공유 버튼을 눌러야 해요. 그래서 아이폰 손님에게는 버튼이 아니라 안내 문장을 보여드리는 게 최선이에요. 기술이 부족한 게 아니라 애플 정책이에요.

직접 해보기

폰으로 직접 확인해 보세요

만든 것을 세상에 열면 주소가 하나 생겨요. 그 주소를 사장님 폰으로 열어 보세요. 안드로이드면 설치 버튼이, 아이폰 사파리면 세 줄 안내가 뜨는 게 정상이에요. 붙인 다음 비행기 모드를 켜고 다시 눌러 보세요. 그래도 열리면 인터넷 없이도 되는 게 확인된 거예요.

스튜디오 열기

실제로 겪는 장면

장면 1 · 손님이 전화로 물었다

“사장님 앱은 어느 스토어에서 받아요? 검색해도 안 나오는데요.”

고장이 아니에요. 손님 머릿속에서 "앱"은 "스토어에서 받는 것"과 붙어 있어요. 그래서 안내 문장을 바꾸면 그대로 해결돼요. "스토어에서 받으세요"가 아니라 "링크를 누르고 홈 화면에 추가를 눌러 주세요"로요. 폰 종류에 따라 문장을 두 개 준비해 두면 문의가 확 줄어요.

장면 2 · 외주 개발자가 제안했다

“앱 따로 만들 필요 없어요. PWA로 가시면 스토어 안 거치고 홈 화면에 아이콘 꽂힙니다.”

대개 맞는 제안이에요. 다만 넘어가기 전에 세 가지만 확인하세요. 하나, 아이폰 손님에게 알림을 보낼 수 있나요. 둘, 인터넷이 끊겼을 때 정확히 어디까지 열리나요. 셋, 스토어 검색 노출을 포기하는 게 우리 장사에 괜찮은가요. 이 셋을 답해 주면 믿을 만한 제안이에요.

AI에게 그대로 말할 문장

전문 용어를 몰라도 돼요. 지금 보이는 증상이나 원하는 것을 아래 문장 그대로 옮기면 통해요.

지금 상황	이렇게 말하세요
홈 화면에 붙게 만들고 싶어요	"손님이 폰 홈 화면에 아이콘으로 추가해서 앱처럼 쓸 수 있게 해 주세요. 이름과 아이콘과 시작 화면을 우리 가게 것으로 맞춰 주세요."
아이콘 밑에 엉뚱한 글자가 떠요	"홈 화면에 추가했을 때 아이콘 아래 뜨는 이름을 가게 이름으로 바꿔 주세요. 긴 이름은 잘리니까 짧은 이름도 같이 정해 주세요."
아이콘이 회색 빈 사각형이에요	"홈 화면 아이콘 그림이 안 나와요. 큰 아이콘과 작은 아이콘을 우리 로고로 넣어 주세요. 안드로이드가 둥글게 깎아도 안 잘리게 해 주세요."
열자마자 검은 화면이 번쩍여요	"앱을 열 때 첫 순간 배경색이 우리 화면 배경색과 달라서 번쩍여요. 같은 색으로 맞춰 주세요."
아이콘을 누르면 엉뚱한 페이지가 열려요	"홈 화면 아이콘으로 열었을 때 첫 화면이 예약 화면이 되게 해 주세요."
지하에서 열면 공룡 화면이 떠요	"인터넷이 안 될 때 오류 화면 대신 우리 안내 화면이 뜨게 해 주세요. 가게 전화번호와 영업시간을 그 화면에 넣어 주세요."
고쳤는데 폰에서는 옛 화면이 그대로예요	"홈 화면에 추가한 상태에서 옛 화면이 계속 보여요. 새 내용이 다음에 열 때 반영되게 해 주세요."
손님에게 안내문을 주고 싶어요	"안드로이드용과 아이폰용으로 나눠서, 홈 화면에 추가하는 방법을 손님이 읽을 두세 줄로 써 주세요."

한 번에 하나만

여덟 줄을 한꺼번에 붙이지 마세요. 한 줄씩 고치고 폰에서 확인하는 편이 훨씬 빨라요. 여러 개를 같이 시키면 어느 것이 어긋났는지 알아내는 데 시간이 더 걸려요.

자주 묻는 것

Q. 이렇게 하면 앱스토어에 올라가는 건가요?: 아니에요. 스토어와는 아예 다른 길이에요. 손님 폰에 아이콘이 생기는 것까지가 이 방법의 끝이고, 스토어 검색 결과에는 안 나와요. 스토어에 올리려면 별도 포장과 심사가 따로 필요해요. 자세한 갈림길은 앱과 웹사이트의 차이에 있어요.
Q. 즐겨찾기와 뭐가 다른가요?: 즐겨찾기는 브라우저 안에 주소를 적어 두는 것이고, 이건 첫 화면에 아이콘이 생기고 주소창 없이 전체화면으로 열려요. 손님 눈에는 완전히 다른 물건으로 보여요.
Q. 제가 손님 폰에 대신 설치해 드릴 수 있나요?: 코드로는 못 시켜요. 특히 아이폰은 손님이 직접 공유 버튼을 눌러야 해요. 계산대에서 폰을 받아 대신 눌러 드리는 건 되지만, 원격으로 밀어 넣는 건 어떤 방법으로도 안 돼요.
Q. 붙인 손님에게 알림을 보낼 수 있나요?: 안드로이드는 손님이 허가를 누르면 보낼 수 있어요. 아이폰은 홈 화면에 붙인 뒤에만 가능하고 조건이 까다로워요. 그래서 알림이 장사의 핵심이면 문자나 카카오 알림톡을 같이 쓰는 게 안전해요.
Q. 인터넷 없이도 예약을 받을 수 있나요?: 못 받아요. 이미 본 화면을 다시 보여주는 것까지가 한계예요. 예약이나 주문은 서버와 대화해야 하니까 통신이 필요해요. 지하 매장이라면 손님에게 그 사실을 알려 주는 화면을 준비하는 게 현실적이에요.
Q. 카메라나 위치 같은 폰 기능도 쓸 수 있나요?: 손님이 허가하면 카메라와 위치는 웹에서도 쓸 수 있어요. 다만 배경에서 계속 위치를 추적하는 것처럼 깊이 들어가는 기능은 한계가 있어요. 그런 기능이 꼭 필요하면 그때가 스토어 앱을 검토할 때예요.
Q. 붙여 준 손님이 몇 명인지 알 수 있나요?: 정확히 세는 건 어려워요. 대신 아이콘으로 열린 방문을 따로 표시해 두면 대략 흐름은 볼 수 있어요. 손님 흐름 보기와 함께 보면 판단에 도움이 돼요.

헷갈리기 쉬운 것

"설치했다"는 말의 뜻이 달라요. 스토어 앱은 프로그램 덩어리가 폰에 내려와 자리를 차지해요. 홈 화면 웹앱은 문 위치와 표식만 저장돼요. 그래서 용량을 거의 안 먹고, 지울 때도 아이콘만 사라져요. 손님에게는 "용량 안 잡아먹어요"가 좋은 설득 문장이에요.

아이콘이 세 종류라는 것도 헷갈려요. 브라우저 탭에 뜨는 작은 아이콘(파비콘(탭 아이콘))과 홈 화면에 뜨는 큰 아이콘은 다른 파일이에요. 안드로이드는 홈 화면 아이콘을 기기 모양대로 둥글게 깎기 때문에, 가장자리까지 로고를 꽉 채우면 글자가 잘려요. 안쪽에만 그린 판을 따로 두는 게 정석이에요.

확인해 보세요

단골이 매주 예약하는 미용실이에요. 손님 절반이 아이폰이고, 예약 확정 알림이 장사에 아주 중요해요. 무엇부터 하는 게 맞을까요?

하나 더

손님이 "메뉴에 홈 화면에 추가가 없어요"라고 했어요. 가장 먼저 물어볼 것은?

더 깊이 (안 읽어도 괜찮아요)

자물쇠가 없는 주소에서는 아예 안 돼요 · 홈 화면 웹앱은 주소가 자물쇠(주소창 자물쇠(https))로 보호된 곳에서만 작동해요. 인터넷 없이 열리게 하는 장치가 손님 폰 안에서 우리 화면을 대신 내주는 역할을 하기 때문에, 그 화면이 진짜 우리 것인지 보증되지 않으면 폰이 허락하지 않아요. 자물쇠가 없다면 이 기능이 문제가 아니라 그것부터 고칠 일이에요.

고쳤는데 옛 화면이 보이는 이유 · 인터넷 없이 열리게 하려면 손님 폰에 화면 사본을 남겨 둬야 해요. 그 사본이 너무 오래 남으면, 사장님이 가격을 바꿨는데 손님은 옛 가격을 계속 보게 돼요. 그래서 "무엇을 얼마나 남길지"를 정하는 규칙이 따로 있어요. 가격이나 재고처럼 자주 바뀌는 것은 사본을 남기지 않는 게 원칙이에요. 이 판단은 같은 답을 두 번 안 만들기(캐시)에서 한 겹 더 들어가요.

스토어로 넘어갈 때 다시 만나는 관문 · 홈 화면 웹앱을 그대로 감싸서 스토어에 내는 길도 있어요. 다만 그 순간부터는 스토어 세계의 규칙이 전부 붙어요. 개발자 등록, 개인정보 처리방침 주소, 연령 등급, 심사 대기가 생기고, 애플은 웹사이트를 껍데기만 감싼 앱을 기준에 어긋난다고 되돌려 보내기도 해요. 그리고 앱 안에서 디지털 상품을 팔면 스토어 결제 규정과 수수료 문제가 따라와요. "웹앱이 되니까 스토어도 금방"이라는 기대는 대개 어긋나요. 실제 서류와 절차는 문 열기 전 점검표(문 열기 전 점검표)와 함께 보는 게 좋아요.

손님이 아이콘을 붙일 확률을 실제로 올리는 것 · 기술이 아니라 타이밍이에요. 예약을 방금 끝낸 손님, 주문 완료 화면을 보고 있는 손님은 우리 가게에 가장 호의적인 순간이에요. 그 화면에서 한 줄로 부탁하는 게 첫 방문 화면에 배너를 띄우는 것보다 훨씬 잘 먹혀요. 반대로 처음 들어온 손님에게 설치를 먼저 들이대면, 예약도 못 받고 손님도 놓쳐요. 부탁은 손님이 이득을 본 직후에 해요.

이것만 기억하세요

·웹사이트에 표식 몇 개를 붙여 손님 폰 첫 화면에 아이콘으로 앉히는 방법이에요
·스토어 입점과는 다른 길이에요. 심사와 등록비가 없는 대신 스토어 검색에는 안 나와요
·스토어 앱과 갈리는 칸은 알림과 검색 노출 두 개뿐이에요. 이 둘이 심장이 아니면 앱은 대개 불필요해요
·손님이 하루 열 명이거나 한 번 오고 끝나는 장사면 지금 할 일이 아니에요
·아이폰은 코드로 설치를 못 시켜요. 부탁하는 문장을 예약 완료 직후에 보여주는 게 전부예요