우리 프로젝트에서 처음 적용해보는 것 중 하나가
ShadCnUI Component library이다.
ShadCn은 다양한 UI Component를 제공하는데 그 중에서
radix Ui,zod,react-hook-form으로 결합한 Form UI가 가장 눈여겨 볼만 하고, 내가 로그인/회원가입 페이지를 맡게 되면서 Form과 가장 밀접한 연관이 있게 되었다.
로그인/ 회원가입을 구현하면서 우리 프로젝트 "내" 에서 문제가 발생하게 되는데....
우리 컨벤션의 핵심중 하나는 UI Component의 로직은 70줄이하 까지 작성하는 것이다.
그러나 ShadCn을 사용 하여 Form UI를 작성해야 하는데 70줄 이상이 넘게 되는 상황이다.
그렇다면 나에게 2가지 선택이 있는데,
ShadCn을 사용하여UI를 보여 줄 때는무시한다.- Custom 한다.
2번을 선택 하였다.
70줄 이하까지 정해놨던 이유는 컴포넌트의 세분화 및 렌더링 최적화를 염두 했던 이유도 있지만,
한계를 정해 놓고 그에 맞게 하려고 노력하다 보면 여러 가지를 알 수 있으리라는 이유때문이다.
물론 굳이? 라고 할 수 있지만, 문제라 생각했던 것이 내가 몰라서 일수도 있던 적도 있었으며, 내가 어렵게 구현하였던 A가 알고보니 원래 라이브러리, 프레임워크에서 제공하는 기능이었던 경험이 있기에, 요번 프로젝트에서는 다방면으로 많은 것을 알아보자라는 나 스스로의 목표로 2번을 택했다.
그리하여 Custom을 진행하기로 하였다.
