TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
87654321
AI
Claude Computer Use 프로덕션 — UI 자동화 실전 케이스 5선
Claude Computer Use를 6개월 프로덕션에서 굴린 5개 실전 케이스. 스크린샷+클릭의 한계, 안정성 패턴, 비용 분석.
Frontend
CSS Scroll Snap으로 네이티브 같은 캐러셀 만들기
JavaScript 라이브러리 없이 CSS Scroll Snap만으로 네이티브 앱처럼 부드러운 캐러셀과 풀페이지 스크롤을 구현하는 방법을 소개합니다.
Frontend
Radix UI 컴포넌트 커스터마이징 완벽 가이드
Radix UI의 헤드리스 컴포넌트를 Tailwind CSS와 함께 커스터마이징하여 접근성을 유지하면서 독자적인 디자인을 구현합니다.
Frontend
shadcn/ui — 복사해서 쓰는 컴포넌트 라이브러리
shadcn/ui의 철학, 설치 방법, 커스터마이징과 실전 활용 패턴.
Frontend
Framer Motion 고급 애니메이션 패턴 정리
Framer Motion의 variants, layout animation, AnimatePresence 등 고급 패턴을 실전 예제와 함께 정리합니다.
Frontend
CSS Scroll-Driven Animations — 스크롤 기반 애니메이션 구현
CSS Scroll-Driven Animations — 스크롤 기반 애니메이션 구현 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
CSS Grid 실전 레이아웃 12가지 — 복잡한 UI를 간단하게
CSS Grid 실전 레이아웃 12가지 — 복잡한 UI를 간단하게 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
CSS Grid 실전 레이아웃 — 복잡한 UI 간단하게 만들기
CSS Grid 실전 레이아웃 — 복잡한 UI 간단하게 만들기 — 실무 가이드.