우선 간단하게 Next13에 Redux-toolkit을 붙이기 위해 RegisterPage 컴포넌트의 로직을 꽤나 바꾸었었다.
.
우선 첫번째로 커스텀 Hook인 InputGrop를 사용하지 않고 개발을 진행할 것이다.
그 이유로 아직 한 컴포넌트당 200줄이 넘어가는 파일이 없기도 하고 프론트 개발이 미숙해
새로운 기술을 금방 금방 커스텀하는것에서 시간상의 문제를 느꼈다.
.
.
.
그로인해 InputGroup을 대신 기본 html 태그인 input의 속성들을 최대한 활용해서 코딩을 진행..!
+ 아래와 같이 section 태그로 입력한 값도 제출되도록 추가
우선 현재의 UI 이다.
학교 이름을 포함한 회원가입 로직도 잘 작동하여 데이터베이스에 저장됨을 확인
'캡스톤 설계 [건물별 소통 플랫폼 BBC] > 개발 진행' 카테고리의 다른 글
성공이나 실패를 알리는 알람 react-toastify 적용 (0) | 2023.10.03 |
---|---|
유효성 체크를 위한 react-hook-form (0) | 2023.10.03 |
next13-redux-toolkit,redux-wrapper 세팅 및 회원가입 기능 구현 (1) | 2023.10.03 |
회원가입 및 가입 축하 페이지 (1) | 2023.10.02 |
회원가입 약관 동의 페이지 (0) | 2023.10.02 |