Complimate 개발일지

국내에선 아직 Stitches와 Radix 자료가 많이 없길래 자료 공유 겸 개발일지를 포스팅해보려고 한다.FE를 하다보면 스타일링이 여간 귀찮은 게 아니다. 특히나 처음부터 디자인 시스템을 구축해야 하는 상황이라면 ,, 초기 설정 단계가 꽤나 길어지는 것이 다반사.

Multi-step Form을 구현할 일이 생겨서 정리해보는 포스팅! 다음과 같은 형태를 만드려고 한다. 이런 페이지를 어떻게 부르는지는 잘 모르겠지만,, 내가 아는 것 중에 Multi-step Form이랑 제일 유사해서 그렇게 부르고 있다. 모바일에선 흔한 디자인이

이전 포스팅: 칭찬 서비스 Complimate 개발일지(2): Multi-step Form 이번엔 리팩토링을 진행해보자! 리팩토링 대상은 다음과 같다. Radix UI의 Form Control는 asChild를 써서 아래로 위임해주기 Form Control 그대

Radix UI에서 제공하는 Form으로 스타일링을 하고 Submit을 보내도 React Router의 action에선 받지 못한다(이뭐병). action을 이용하려면 Form을 이용해야만 한다. 같은 form element라서 될 줄 알았는데 뭔가 내부적으로 돌아가

As-is Components/ - Page에 Pages/ To-be Components - Page 공용 컴포넌트 Pages/ [PAGE]/ Components/ - 해당 페이지에만 필요한 컴포넌트 이유 프로젝트 규모 페이지를 개발할수록 필요한 컴포