[TIL/24]03.05.Tue.

🚀 Today I Studied

• 회원가입 서비스 연습 모범코드 분석하기

---

⚡️ Today I Learned

• 회원가입 서비스 연습 모범코드 분석하기 ==> https://terryehlee.tistory.com/226

• class에 cn을 추가하여 추가적인 class부여

  • card에 step을 부여
  • step별로 animation 부여
  • step별 button 부여 및 hidden기능

• schad/ui 에서 제공하는 Form 기능으로 전체적인 코드 뼈대 구성

  • react-hook-form 라이브러리가 이미 코드에 포함되어 있음
  • zod 역시 포함이 되어 있었고, zod로 유효성 검사 조건 및 에러메시지를 작성하여 validators/auth.ts에 저장

• darkmode를 index.tsx파일이 아닌, document.tsx에 따로 부여
  darkmode component를 다른 component에 설정하여 가독성을 높이고 복잡성 해결

---

🕰️ 오늘의 회고

• 어제 진행한 프로젝트의 모범코드를 한줄한줄 분석하며 학습함.
• card 전환하는 방법을 구현하는데 어려움을 겪었는데, cn을 활용하여 step을 부여하고, hidden으로 필요한 card,btn만 보이게함을 학습
• 전환 시, 보여지는 animation 구현에 대해서도 라이브러리를 알게됨
• 깔끔한 ui로 당장 프로젝트에 적용할 수 있는 toast에 대해서도 라이브러리를 공부하여 원하는 기능을 추가적으로 사용할 수 있게 되었음
• 외부 라이브러리를 사용하면 결국 props, children, 그리고 그것들의 type들을 잘 설정해 주어야 하는데, 해당 부분이 아직 미숙함
  props, children 및 type설정 부분에 대해서도 추가적인 학습을 통해 외부라이브러리를 자유롭게 활용할 수 있어야함