frontendView Transitions API로 MPA에서 페이지 전환을 CSS만으로 조율하기View Transitions API의 cross-document 모드를 이용하면 MPA·SSG 사이트에서도 JS 없이 CSS 선언 두 줄만으로 페이지 간 크로스페이드와 공유 요소 전환을 구현할 수 있으며, 미지원 브라우저에서는 기존 방식으로 자동 폴백되어 Progressive Enhancement 원칙을 해치지 않는다.2026년 09월 18일읽는 데 15분
frontendCSS Anchor Positioning으로 툴팁·드롭다운·팝오버 위치를 CSS만으로 선언하기CSS Anchor Positioning의 핵심 API와 실제 사용법을 토대로, JavaScript 없이 툴팁·드롭다운·팝오버를 선언적 CSS만으로 구현하는 방법과 라이브러리가 여전히 필요한 상황을 함께 다룹니다.2026년 08월 30일읽는 데 18분
frontendRSC 없이 DB 직접 호출부터 스트리밍까지 — TanStack Start와 Next.js, 풀스택 경계가 어디서 갈리는가Next.js 13 App Router가 나왔을 때 솔직히 많이 흔들렸습니다. 를 붙였다 떼었다 하면서 "나만 이상한 건가" 싶은 불안감, 서버 컴포넌트 안에서 를 쓰려다 런타임 에러를 맞닥뜨리는 경험. React와 Next.js를 어느 정도 써온 분이라면 한 번쯤 공감할 겁니다. 그 ...2026년 06월 26일읽는 데 27분
frontend엣지 MFE 오케스트레이션으로 TTFB를 줄이는 Cloudflare Workers 구현법솔직히 처음 마이크로 프론트엔드(MFE) 이야기를 들었을 때, "팀마다 독립 배포가 된다고? 좋아 보이는데, 그럼 사용자 브라우저에서 각자 번들을 다 받아야 하는 거 아냐?" 하는 생각부터 들었습니다. 클라이언트 사이드 컴포지션의 고질적인 문제, 그러니까 여러 MFE의 JS 번들이 순차...2026년 06월 23일읽는 데 23분
frontendTanStack Query v5 prefetchQuery + Next.js App Router: Render-as-You-Fetch와 스트리밍 SSR로 초기 로딩 제거하기Next.js App Router로 전환하고 나서 한동안 이런 상황이 계속됐습니다. Server Component 덕분에 데이터 페칭이 훨씬 깔끔해졌다고 좋아했는데, 클라이언트 인터랙션이 필요한 컴포넌트에서 를 쓰는 순간 어김없이 로딩 스피너가 나타나는 겁니다. 이커머스 상품 페이지에서...2026년 04월 29일읽는 데 23분
frontendStyle Dictionary `outputReferences`로 다크모드·브랜드 테마를 단 하나의 옵션으로 런타임 전환하는 법메타 디스크립션: Style Dictionary v4의 옵션과 CSS Custom Properties를 조합해, 다크모드와 멀티 브랜드 테마를 Semantic 계층 오버라이드만으로 런타임에 전환하는 실전 패턴을 다룹니다. CSS 변수와 JSON을 다뤄본 경험이면 충분합니다. 디자...2026년 04월 19일읽는 데 22분