[오늘가챠] 웹을 네이티브 앱처럼: 모바일 PWA 세팅과 터치 UX 깎아내기

·
◈ Yermi Project/오늘가챠🃏
'오늘가챠'는 모바일 웹을 타겟팅하여 React + Vite로 빌드되었습니다. 하지만 웹 브라우저로 접속하더라도 유저에게 "어라, 앱스토어에서 다운로드한 네이티브 앱인가?"라는 착각을 불러일으킬 정도의 쫀쫀한 몰입감을 주고 싶었습니다. 이를 위해 단행한 프론트엔드 UX/UI 디테일링 작업기입니다.1. PWA (Progressive Web App) 도입가장 먼저 앱의 첫인상인 '설치 경험'을 네이티브 앱과 동일하게 만들었습니다. Vite 환경에 manifest.json 매니페스트 설정을 구성했습니다. 실제 프로젝트의 매니페스트입니다.{ "name": "오늘가챠 - 일상이 카드가 되는 순간", "short_name": "오늘가챠", "description": "내 일상이 누군가의 보물이 된다. 사진을 ..