Skip to content

Conversation

@seungwonHong
Copy link
Collaborator

요구사항

기본

  • login 넥스트 프로젝트에 합치기
  • signup 넥스트 프로젝트에 합치기
  • 회원가입 구현
  • 로그인 구현
  • 반응형 디자인 구현
  • 랜딩 페이지 구현
  • 로그아웃 구현

심화

  • zod 사용
  • react hook form 사용

주요 변경사항

  • 랜딩 페이지 구현
  • 로그인 & 회원가입 페이지 구현
  • 조드와 리엑트 훅폼 사용
  • 탠스택쿼리 사용

스크린샷

image

멘토에게

  • 로그인하면 일단 자유게시판으로 이동하게 했습니다
  • 아직 헤더를 하나로 합치진 않았습니다
  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@seungwonHong seungwonHong requested a review from dongqui May 22, 2025 06:44
@seungwonHong seungwonHong added the 순한맛🐑 마음이 많이 여립니다.. label May 22, 2025
Copy link
Collaborator

@dongqui dongqui left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

승원님! 한 단계 더 성장하신 느낌이 듭니다 👍 🤣

군더더기 없이 잘 구현해 주셨고, 앱 전반에서 로그인 상태를 어떻게 관리할지 고민해 보셔도 좋겠네요!

handleSubmit,
setError,
formState: { errors, isSubmitting, isValid },
} = useForm<z.infer<typeof signInSchema>>({
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

react-hook-form에 zod까지..! 👍

.string()
.nonempty({ message: "비밀번호 확인은 필수 입력입니다." }),
})
.superRefine((data, context) => {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다양한 기능을 잘 찾아 써주셨네요👍

error ? "border-[1px] border-[#F74747]" : ""
}`}
/>
{type == "password" &&
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

지금도 괜찮지만, 뒤에 붙는 아이콘이나 아이콘 클릭 이벤트 관련은 밖에서 처리하시면, 컴포넌트를 좀 더 확장성 있게 사용할 수 있겠네요!

@dongqui dongqui merged commit 0f86c86 into codeit-bootcamp-frontend:Next-홍승원 May 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

순한맛🐑 마음이 많이 여립니다..

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants