dev-camp

개요 react library에서 얼핏 들었었다. library중 기능구현을 손쉽게 만들수 있게 하는 라이브러리들이 있고, UI 공통 컴포넌트 라이브러리도 있다고 그중에서 최근에 가장 핫(?)한 shadcn/ui 라이브러리를 통해 로그인,회원가입을 어떻게 빠르고, 손

shadcn ui는 radix-ui + tailwind(css)를 결합한 재사용성 ui 컴포넌트이다. shadcn ui를 사용하는 이유중 하나는 css 커스텀이 온전히 개발자가 컨트롤 할수 있기 때문인 이유가 있다고 생각한다. 그러므로 shadcn ui를 사용하기에 앞

서론이 이전에 길었는데 어쨌건cn에 대해서 파헤쳐 보자util 함수에 자동적으로 생성되는 함수를 보면이런 함수가 보이는데 twMerge가 먼저 보인다.그러나 twMerge를 보기 이전에 clsx 와 cva에 관해 간단히 짚고 넘어가자clsx는 저번 프로젝트에서 사용했었

shadcn-ui에 당연히 form component도 있다. 이 form component의 구성요소는 react-hook-form + zod 라이브러리들을 결합하여 ui component를 만들었는데, react-hook-form 라이브러리는 당연히 form과 관

저번시간에 zod를 통해서 parse, safeParse를 통해서 검증하는 방법과 에러 handle에 관해 약간 알아봤는데 이번에는 zod에 대해서 깊이 파보자.zod에서 타입지정은 어떻게 할까??zod에서 제공하는 z.infer를 통해 스키마(데이터)의 타입을 추출하