feat : 회원가입 페이지를 구성합니다.

[brgndyy]

📖 작업 배경

-🌟 FEATURE: [2 Week] 메인 페이지를 개발합니다. #47

🛠️ 구현 내용

• 회원가입 기능을 구현했습니다.
• 회원가입 처리를 토스 슬래시 2023 영상에서 착안하여 funnel 형식으로 처리해보았습니다.
• Toast 컴포넌트를 구현해보았습니다.

💡 참고사항

• 일단은 구현 목적으로 해서 회원가입 기능은 구현해놓은 상태인데요. 위의 영상과 똑같이 구현을 한건 아니고 혼자서 이리저리 코드를 작성하다보니 아직 만족스럽지 못하네요. 후에 Funnel 컴포넌트 그 자체와 api 요청을 따로 분리해서 다른 프로젝트에서도 깔끔하게 사용할수 있도록 해보고 싶습니다!

• 데모 사이트에선 로컬스토리지에 토큰 값을 저장했던데, Next.js 의 api 라우트를 이용해서 토큰값을 쿠키에 저장해보았습니다.

• 매번 Toast 를 라이브러리로 사용했었는데, 이번 기회로 한번 직접 구현해보았습니다. 작동은 정상적으로 하는데 콘솔 에러가 계속 나네요. 나중에 portal 을 이용한 방법으로 수정해볼 예정입니다.

🖼️ 스크린샷