미니프로젝트 - 2주차 중간 보고

0. 주간 목표

• form 컴포넌트 완성 [ ✔ ]
• cva 적극 활용하기 [ ✔ ]

 

1. Form 생성 & 페이지 라우팅하기 

 

 

2. CAV 를 통한 tailwind 기능 활용하기  

 

3.기타 레이아웃 반응형 으로 만들기

4. 느낀점

 

이번주는 안써본 기능을 위주로 써본다는 마인드로 cva 를 많이 건들여봤는데, cva 룰쓰면 다른 편의기능을 위해서 또다른 설정을 해줘야한다는것을 알았습니다(그..그만..)

 

• cav 에서 tailwind 자동완성 ( tailwind  CSS IntelliSense : VSCode extension ) 기능을 사용할려면 환경 변수를 또 따로 지정해줘야한다는것을 알았습니다. 
  • 안해도되지만 안하면 굉장히 귀찮아 집니다. 그냥 한번 설정하는게 낫습니다.
  • https://xionwcfm.tistory.com/325

how to tailwind css cva autocomplete

•  중간에 예상치 못하게 아팠는데 건강관리에 유념해야겠습니다 (아프면 아무것도 못한다)

5. 차주목표

• Zod 를 이용한 회원가입/ 로그인시 프론트에서 할수있는 유효성 검사
• "use Server"; 를 이용한 DB 간의 SSR 기능 만들기