기술노트

SPA 라우팅의 뚝뚝 끊기는 화면 전환을 브라우저가 스냅샷으로 부드럽게 이어주는 View Transitions API. 원리, 크로스 도큐먼트 전환, 공유 요소 애니메이션, 프레임워크 통합, 접근성까지 코드로 정리했다.

핀터레스트식 벽돌 레이아웃을 grid-template-rows: masonry 한 줄로 만듭니다. CSS 네이티브 메이슨리의 문법과 2026년 현재 지원 상황, column·자바스크립트 대안, @supports 점진 적용까지 실전 관점에서 정리했습니다.

2023년 프론트엔드 기술 트렌드 회고 — 실무에서 바로 적용할 수 있는 가이드입니다.

Vite 완벽 가이드 — Webpack 대비 10배 빠른 빌드 도구 — 실무에서 바로 적용할 수 있는 가이드입니다.

Tailwind CSS 실전 패턴 — 컴포넌트 스타일링 베스트 프랙티스 — 실무에서 바로 적용할 수 있는 가이드입니다.

2023년 프론트엔드 로드맵 — 신입 개발자가 배워야 할 기술 순서 — 실무에서 바로 적용할 수 있는 가이드입니다.

2022년 프론트엔드 기술 트렌드 회고 — 실무에서 바로 적용할 수 있는 가이드입니다.

2022년 프론트엔드 기술 전망 — 무엇을 배워야 할까 — 실무에서 바로 적용할 수 있는 가이드입니다.

2021년 프론트엔드 기술 트렌드 회고 — 실무에서 바로 적용할 수 있는 가이드.

2020년 프론트엔드 트렌드 회고 — 실무 가이드.