ShadCN UI 학습기: 실무 적용을 위한 준비

ShadCN UI를 공부하게 된 이유

현재 인턴을 준비하면서 ShadCN UI를 실무에서 사용한다고 들었고, 이에 대한 이해를 높이기 위해 직접 학습을 진행하고 있다.
ShadCN UI는 Next.js 및 Tailwind CSS와 잘 어우러지는 UI 컴포넌트 라이브러리로, 실무에서도 효율적인 UI 개발을 위해 도입되는 사례가 늘고 있다.

ShadCN UI란?

ShadCN UI는 단순한 컴포넌트 라이브러리가 아니라, 필요한 UI 요소를 직접 프로젝트에 추가하고 커스텀할 수 있도록 돕는 도구다.
Tailwind CSS 기반 → 스타일 적용이 쉬움
필요한 컴포넌트만 추가 가능 → 불필요한 코드 없이 가볍게 사용 가능
유연한 커스텀 → 디자인 시스템과 일관성 유지 가능

학습 진행 상황

현재 ShadCN UI의 다양한 컴포넌트를 직접 구현하면서 학습을 진행 중이다.
공부한 내용과 예제 코드는 깃허브 레포지토리에 정리하고 있으며, 아래에서 하나씩 살펴볼 예정이다.
깃허브 링크

주로 공식 홈페이지를 참고하여 꾸며볼 예정이다.
https://ui.shadcn.com/