tailwindcss2 KT AIVLE School 빅프로젝트 - shadcn/ui 사용 후기 shadcn/ui 란? Re-usable components built using radix UI and Tailwind CSS. Radix UI와 tailwind css로 만들어진 재사용 가능한 컴포넌트 radix UI 란? An open-source UI component library for building high-quality, accessible design systems and web apps. 높은 퀄리티와 접근 가능한 디자인 시스템 및 웹 앱을 구축하기 위한 오픈소스 UI 컴포넌트 라이브러리 Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer.. 2023. 7. 20. KT AIVLE School 빅프로젝트 - 프로필 수정 로직에 대한 고민 올해 nextjs로 개발하면서 form, input에 대해 고민 없이 개발을 했던 제가 이번 빅프로젝트를 통해서 배운 것을 정리했습니다. 제가 사용한 패키지들이 다소 에이블러분들에게 생소하실 수 있으니, 경험이 없으시면 넘어가시는 것을 추천드립니다. 사용한 패키지 nextjs typescript redux-toolkit tailwindcss shadcn/ui react-hook-form, zodResolver, zod axios 추가 설명으로 사용 @tanstack/react-query 구현 과정 shadcn/ui과 useForm, zod 설정 위와 같이 zodResolver를 사용하기 위해서 설정을 해주어야 합니다. Validation을 zod로 설정해주는 것입니다. 추가로 Interface도 설정하여.. 2023. 7. 19. 이전 1 다음