jiema.my를 앱으로 설치하기 — 오프라인일 때는 어떻게 동작할까

jiema.my는 Progressive Web App입니다. 정중하게 말하자면: 사이트를 몇 번 이용했다면 브라우저가 본인의 휴대폰이나 데스크톱에 일반 앱처럼 설치하라고 제안합니다. 자체 아이콘이 있고 브라우저 외피도 없습니다. 실용적으로 말하자면: 설치는 비용이 들지 않고, 어떤 스토어로도 보내지 않으며, 설치된 버전은 네트워크가 불안할 때 약간 더 똑똑하게 동작합니다. 실제로 무엇을 얻는지 살펴봅시다.

설치 방법

설치 안내는 보통 몇 번 방문한 뒤 페이지 하단에 작은 배너로 나타납니다. 보이지 않으면 수동으로 설치할 수 있습니다:

• Android Chrome: 메뉴(⋮) → "앱 설치" 또는 "홈 화면에 추가".
• iOS Safari: 공유 버튼 → "홈 화면에 추가".
• Desktop Chrome / Edge: 주소창에 설치 아이콘(아래 화살표가 달린 작은 컴퓨터 모양)이 표시됩니다. 클릭하세요.
• Desktop Safari: 파일 → Dock에 추가.
• Firefox: 현재 데스크톱에는 설치 옵션을 제공하지 않습니다. Android에서는 메뉴 → "설치".

설치 후 무엇이 달라지나

사이트가 독립 창으로 실행됩니다. 주소창도, 탭도 없고, 우리 UI만 있습니다. 콜드 스타트가 더 빠릅니다(보통 일반 브라우저 탭 대비 200–400ms). 아이콘은 네이티브 앱 옆 홈 화면이나 Dock에 놓이며, 옮기거나 고정하거나, cmd-tab/alt-tab으로 설치된 앱 사이를 전환할 수 있습니다.

뒤편에서는 서비스 워커가 첫 방문 때 사이트의 정적 부분(CSS, JS, 폰트, 아이콘)을 캐시합니다. 그 이후로는 네트워크와 상관없이 앱의 셸이 즉시 로드되고 — 라이브 데이터(가격, 재고, 본인의 주문)만 네트워크를 사용합니다.

오프라인에서 동작하는 것

정직한 답: 유용하게 동작하는 것은 많지 않습니다. SMS 수신은 우리 백엔드가 필요하고, 백엔드는 네트워크가 필요합니다. 그래서 오프라인 페이지는 깔끔하게 표시되고 캐시된 잔액을 보여주지만, 연결 없이 새 주문을 넣을 수는 없습니다.

우리가 잘 처리하는 것:

• 앱 셸이 캐시에서 즉시 렌더됩니다 — 네트워크가 다시 붙는 동안 흰 화면이 없습니다.
• 이미 연 주문은 지능적으로 폴링을 계속합니다 — 네트워크가 돌아오면 다시 로드하지 않고도 현재 상태로 따라잡습니다.
• 오프라인 페이지(실제로 오프라인 상태에서 링크를 탭할 때 보이는)는 현재 잔액과 명확한 "오프라인입니다" 메시지를 표시하며, 브라우저 오류는 보이지 않습니다.

푸시 알림

설치 후, 다음에 진행 중인 주문이 있을 때 알림 허용 여부를 묻습니다. 허용하세요 — SMS가 도착하면 본인이 주문 페이지에 머물러 있지 않아도 기기가 어깨를 두드려줍니다. 알림은 곧장 해당 주문으로 열립니다. 이 채널은 마케팅이나 다른 용도로 쓰지 않습니다.

iOS에서는 설치된 앱에서는 동작하지만 일반 브라우저 탭에서는 동작하지 않습니다. Android에서는 둘 다에서 동작합니다. 푸시 구독은 언제든 기기 설정에서 해지할 수 있습니다.

제거

다른 앱과 같습니다: Android에서는 아이콘을 길게 눌러 제거하거나, 데스크톱에서는 우클릭으로 제거합니다. 계정을 잃지는 않습니다 — Google 또는 Telegram 로그인에 묶여 있고, 앱 설치와는 무관합니다.

설치해야 할까?

서비스를 주 1회 이상 확인한다면, 네 — 콜드 스타트 향상과 SMS 도착 시 푸시 알림이 은근히 좋습니다. 몇 달에 한 번 정도라면 일반 브라우저 탭으로 충분합니다. 설치를 통해서만 열리는 기능은 없습니다.