아티클 19분 소요
선택적 Hydration 파헤치기 — client:* 지시어는 내부에서 어떻게 동작하는가
Astro의 client:load, client:idle, client:visible, client:media가 각각 어떤 브라우저 API 위에 구현되는지, connectedCallback과 hydrateRoot의 실제 코드를 들여다봅니다.
#hydration
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