TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
54321
Frontend
Radix UI 컴포넌트 커스터마이징 완벽 가이드
Radix UI의 헤드리스 컴포넌트를 Tailwind CSS와 함께 커스터마이징하여 접근성을 유지하면서 독자적인 디자인을 구현합니다.
Frontend
웹 접근성 자동 테스트 — axe-core와 Lighthouse 활용
axe-core와 Lighthouse를 활용한 웹 접근성 자동 테스트 환경을 구축하고, CI/CD에 통합하여 지속적인 접근성 품질을 보장합니다.
Frontend
Headless UI 패턴 — 로직과 UI 분리의 기술
Headless UI 패턴으로 컴포넌트의 동작 로직과 시각적 표현을 분리하여, 재사용성과 접근성을 동시에 확보하는 컴포넌트 설계 방법을 소개합니다.
Frontend
웹 접근성 A11Y 실전 가이드 — ARIA·시맨틱 HTML·키보드 네비게이션
웹 접근성 A11Y 실전 가이드 — ARIA·시맨틱 HTML·키보드 네비게이션 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
웹 접근성 A11Y 실전 — ARIA와 시맨틱 HTML
웹 접근성 A11Y 실전 — ARIA와 시맨틱 HTML — 실무에서 바로 적용할 수 있는 가이드입니다.