폴리프레임

shadcn-ui 라이브러리를 사용하면 자주 만나고, 필수 요소 중 하나인 cn 함수를 자세히 들어다 보려고 합니다. 그러면 이해도가 높아지고 기억에도 도움이 됩니다. shadcn-ui@latest init 으로 설치하면, lib>utils.ts가 생성되고, 이 파일에는 cn() 함수가 있습니다.import { type ClassValue, clsx } from "clsx"import { twMerge } from "tailwind-merge"export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs))} cn 은 ClassName 의 앞 글짜에서 온 것 같으며, 두개의 라이브러리를 조합하여 만든 함수입니다. 가변인수로 받아서 cl..

JavaScript 2024. 7. 5. 08:06