회고 4분 소요
모바일 청첩장 만들기 (3) - 이미지 최적화와 성능 개선
모바일 청첩장은 사진이 대부분이다. JPEG를 WebP로 변환하고, LQIP 패턴을 적용하고, 폰트를 선택하는 과정에서 모바일 웹 성능 최적화를 경험했다.
#mobile-first
2 개의 글
IntersectionObserver ai alb animation api-gateway architecture astro aws backend blog bug-fix claude-code code-highlighting cost-tracking custom-elements db-design debugging decision-making developer-experience devops dx ecr ecs edge-function firelens flow-logs fluent-bit frontend gemini gfm-alerts git github grafana guestbook http-streaming hydration image-optimization infra islands-architecture isr json-rpc kakao-map llm logging loki lqip markdown mcp mdx mermaid mobile-first mobile-ux mongodb networking nextjs nodejs nvm private-endpoint privatelink protocol react regex rehype rehype-pretty-code remark remix requestIdleCallback retrospective scroll-snap serialization shiki side-project sse ssh subnet supabase tailwindcss tooling transport troubleshooting typescript user-feedback ux vercel vite volta vpc vpc-endpoint web-performance webhook webp wedding-invitation