TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
987654321
Frontend
Solid 2.0 vs RSC — fine-grained vs 스트리밍, 결정 가이드
Solid 2.0의 fine-grained 반응성과 React Server Components의 서버 우선 모델, 어떤 프로젝트에 어느 쪽이 맞는지 실측 비교.
Frontend
CSS Container Queries 실전 — 미디어 쿼리 작별, 컴포넌트 단위 반응형
2026년 표준이 된 Container Queries 실전 가이드. 컴포넌트가 위치에 따라 다르게 보이는 진정한 반응형 패턴.
Frontend
Vue 4.0 Vapor 모드 마이그레이션 — Virtual DOM 작별, 무엇이 달라지나
Vue 4.0 Vapor 모드 동작 원리와 마이그레이션 가이드. Virtual DOM 시대를 끝내는 컴파일 시점 직접 DOM 모델.
Frontend
htmx 2.0 실전 — JS 프레임워크 없이도 만드는 모던 웹 UX 완벽 가이드
htmx 2.0은 React 대신 HTML 속성만으로 인터랙티브 UI를 만드는 접근이다. 서버 렌더링·부분 업데이트·폼 처리·무한 스크롤을 단 3KB의 라이브러리로 구현하는 실전 패턴을 정리한다.
Frontend
Vue 3.6 Vapor Mode 완전 정리 — Virtual DOM 없이 0.7초 FCP 달성
Vue 3.6 Vapor Mode의 작동 원리, 성능 벤치마크, 사용 방법. Virtual DOM 없이 FCP 0.7초 달성
Frontend
Tailwind CSS 4 마이그레이션 가이드 — CSS-first 설정과 성능 개선 총정리
Tailwind CSS 4의 CSS-first 설정, Oxide 엔진, 새로운 유틸리티 클래스 등 주요 변경사항과 마이그레이션 가이드
Frontend
Next.js 16.2 완전 정리 — Turbopack 완성, Server Fast Refresh, AI-Native 개발
Next.js 16.2의 핵심 변경사항을 완전 정리합니다. Turbopack 완성으로 400% 빨라진 dev 서버, Server Fast Refresh, AGENTS.md, SRI 지원까지.
Frontend
Tailwind CSS 4.0 — CSS-first 설정과 신규 유틸리티
Tailwind CSS 4.0의 CSS 기반 설정, 새로운 유틸리티, 성능 개선 사항 정리.
Frontend
Vite 6 새 기능 — Environment API, 성능 개선
Vite 6의 Environment API, 빌드 성능 개선, 주요 변경사항 정리.