Wink Poke Line Smiley 'headless' 태그의 글 목록 — 챰로그
Headless UI. shadcn UI를 사용하며 느낀 것들
·
Frontend
왜 이 글을 쓰게 되었는가최근 진행 중인 프로젝트에서는 shadcn ui를 기반으로 UI 컴포넌트를 구현하고 있습니다. 프로젝트를 Next.js와 tailwind를 사용해서 개발하기도 하고, headless 컴포넌트이면서 class-variance-authority(cva)를 조합해서 커스터마이징 할 수 있다는 게 편리할 것 같아 사용하기로 선택했습니다. shadcn으로 받아온 파일은 되도록 원형 코드 그대로 유지하면서, shared/ui 폴더에 별도로 커스텀 한 컴포넌트를 만들어 사용하는 방식으로 구조를 잡았습니다.기본 컴포넌트를 직접 수정하지 않도록 해서 유지보수성을 확보하고자 한 선택이었습니다. 하지만 막상 사용해 보니까 예상치 못한 불편함과 어려움이 있었습니다.아마 제가 headless ui를 사..