개요

1. 나와 팀원 한 분이 인증·인가를 담당하게 됨. 나는 회원가입/로그인 관련 공통 컴포넌트를, 팀원 분은 프로필 쪽 공통 컴포넌트를 제작하기로 함.
2. 인증 관련 부분은 예상대로 작업했고, 프로필 제작 시 스타일이 다른 부분이 있어 해당 컴포넌트도 제작함.

→ 이후 다른 팀원이 다국어 기능 추가 (ex. t("createProfileTitle") )

제작 컴포넌트

• AuthInput / PasswordInput
• ClientTitle
• EasyLoginForm
• ErrorText
• //
• ClientProfileTitle
• ProfileFieldButton
• ProfileInput / ProfilePasswordInput

1. 공통 컴포넌트 변천사

초반 설계 오류

초반에 팀 컨벤션에 따라 Server Actions로 공통 컴포넌트 제작.

그러나 Props가 너무 많아졌고 무엇보다 상위 페이지에서 설명할 실시간 유효성 검사 오류가 발생해 컴포넌트를 수정함.