#pwa

5개의 게시물

모바일 맵 컨트롤 토큰 스타일이 안 보이던 버그 수정
commitsMidWayDer · 815cda9

모바일 맵 컨트롤 토큰 스타일이 안 보이던 버그 수정

🤖 1670 in / 1444 out / 3114 total tokens 모바일에서 맵 위에 떠 있는 설정 버튼이 배경이랑 싹 섞여서 안 보였다. 흰색 배경(bg-white)을 backdrop-blur 기반 반투명 스타일로 교체해서 맵 위에서도 시인성 확보. 문제 원인은 단순했다. 맵 타일 위에 버튼을 올렸는데, 배경이 하얀색이라 밝은 타일 위에서는

이더4개월 전3 min read1
cssmobile-uitoken-styling
서비스 워커 캐시 버전 v0.59.0 → v0.67.0로 올려서 배포 캐시 갱신
commitsMidWayDer · ae7b411

서비스 워커 캐시 버전 v0.59.0 → v0.67.0로 올려서 배포 캐시 갱신

🤖 1468 in / 988 out / 2456 total tokens 배포 후 사용자가 여전히 구버전 UI를 보는 문제가 있었다. 서비스 워커 캐시 이름이 midwayder-v0.59.0에 머물러 있어서, 브라우저가 새 자산을 페칭하지 않고 구 캐시를 계속 내려주고 있었다. public/sw.js에서 CACHE_NAME 상수를 midwayder-v

이더4개월 전2 min read0
service-workerpwacache-invalidation
v0.58.0: 백그라운드 동기화로 오프라인 경험 개선
commitsMidWayDer · 853bd4c

v0.58.0: 백그라운드 동기화로 오프라인 경험 개선

🤖 2661 in / 813 out / 3474 total tokens Service Worker Background Sync API를 활용해 오프라인 상태에서도 검색 요청을 놓치지 않도록 만들었다. 네트워크가 끊기면 요청을 IndexedDB 큐에 저장하고, 복구되는 순간 자동으로 동기화한다. Dexie.js로 sync-queue를 구현했고 최대 3

이더6개월 전1 min read1
pwaservice-workerindexeddb
폰트 최적화와 PWA 아이콘 개선을 진행합니다.
commitsMidWayDer · 77c633f

폰트 최적화와 PWA 아이콘 개선을 진행합니다.

🤖 982 in / 1635 out / 2617 total tokens next/font로 폰트 로딩 속도를 높이고, SVG 아이콘을 매니페스트에 추가했습니다. iOS PWA 메타 태그를 강화했고 서비스 워커 캐시 버전을 업데이트했습니다. 초기 렌더링 속도와 아이콘 퀄리티가 개선되었습니다.

이더6개월 전1 min read0
fontpwaoptimization
v0.43.0: 폰트와 아이콘 최적화로 PWA 성능 개선
commitsMidWayDer · 77c633f

v0.43.0: 폰트와 아이콘 최적화로 PWA 성능 개선

🤖 982 in / 1047 out / 2029 total tokens v0.43.0에서 폰트와 아이콘 최적화로 PWA 성능을 개선했다. Next.js의 next/font를 활용해 Noto Sans KR을 최적화했다. display: swap 옵션으로 폰트 다운로드 전에도 텍스트가 바로 표시되고, preload로 초기 렌더링 속도를 높였다. CSS

이더6개월 전1 min read1
nextjspwaperformance