Progressive Web App
홈 화면에 설치하고, 네트워크가 끊겨도 앱 껍데기와 메모가 남는 PWA 데모입니다. 메모는 이 기기의 브라우저에만 저장됩니다.
설치 버튼을 확인하는 중입니다.
서버로 보내지 않습니다. 오프라인에서도 추가와 삭제가 됩니다.
아직 메모가 없습니다.
서비스 워커가 이 오리진에 저장해 둔 응답입니다.
manifest.webmanifest가 이름, 아이콘, 시작 주소,
standalone 표시 방식을 브라우저에 알려 줍니다.
이 파일이 있어야 설치형 앱으로 인식됩니다.
sw.js는 화면 요청을 네트워크 우선으로 받고, 실패하면
캐시와 offline.html로 넘깁니다. CSS·JS·아이콘은
캐시를 먼저 보여주고 뒤에서 갱신합니다.
업데이트 적용은
serve.cmd로 연
http://127.0.0.1:5173에서만
HTML·CSS·JS 저장 후 새 캐시 워커가 준비됐을 때 뜹니다.
Live Server·파일 더블클릭·내가 Cursor에서 수정해 준 경우와는
별개로, 본인 PC에서 serve를 켜 두는 것이 필수입니다.
제목·문구만 바꿀 때는 F5 새로고침으로도 보입니다.
메모는 localStorage에 있습니다. 앱 껍데기는 Cache
Storage, 사용자가 쓴 내용은 별도 저장소라는 점을 나누어 둔 예시입니다.