본문 바로가기

캡스톤 졸업작품/개발 진행

Next13 및redux-toolkit 세팅으로 인한 변경사항

우선 간단하게 Next13에 Redux-toolkit을 붙이기 위해 RegisterPage 컴포넌트의 로직을 꽤나 바꾸었었다.

.

우선 첫번째로 커스텀 Hook인 InputGrop를 사용하지 않고 개발을 진행할 것이다.

그 이유로 아직 한 컴포넌트당 200줄이 넘어가는 파일이 없기도 하고 프론트 개발이 미숙해

새로운 기술을 금방 금방 커스텀하는것에서 시간상의 문제를 느꼈다.

.

.

.

그로인해 InputGroup을 대신 기본 html 태그인 input의 속성들을 최대한 활용해서 코딩을 진행..!

 

+ 아래와 같이 section 태그로 입력한 값도 제출되도록 추가

 

 

우선 현재의 UI 이다.

학교 이름을 포함한 회원가입 로직도 잘 작동하여 데이터베이스에 저장됨을 확인