기능

1) 공통

• 제시된 폰트 및 컬러 시스템을 설정해주세요.
• 재사용 가능한 공용 컴포넌트를 만들어주세요.
• 반응형 웹 디자인을 준수하세요.

2) 메인 랜딩 페이지 구현하기 (/)

• '로고 버튼'을 클릭하 면 새로고침하여 / 페이지로 이동하세요.
• '로그인' 버튼을 클릭하면 /signin페이지로 이동하세요.
• '회원가입' 버튼을 클릭하면 /signup 페이지로 이동하세요.
• '와인 보러가기' 버튼을 클릭하면 /wines 페이지로 이동하세요.

3) 로그인 페이지 구현하기 (/signin)

• 이메일과 비밀번호 입력창을 확인할 수 있게 해주세요.
• 각 입력값에 대해 다음 사항을 확인하세요:
  • 이메일이 비어있으면 “이메일은 필수 입력입니다.” 에러 메시지를 보여주세요.
  • 이메일 형식이 아니면 “이메일 형식으로 작성해 주세요.” 에러 메시지를 보여주세요.
  • 비밀번호가 비어있으면 “비밀번호는 필수 입력입니다.” 에러 메시지를 보여주세요.
• 입력값이 정상일 때 '로그인' 버튼을 클릭하거나 엔터를 누르면 로그인을 시도하세요.
• 로그인에 실패하면 “이메일 혹은 비밀번호를 확인해주세요.” 에러 메시지를 이메일 입력창에 보여주세요.
• 로그인에 성공하면 홈 화면(/)으로 이동하세요.
• 카카오톡으로 로그인할 수 있게 해주세요.
  • 로그인 성공 시 홈 화면(/)으로 이동하세요.
  • 회원가입되지 않은 경우 /oauth/signup/kakao}로 이동하세요.
  • 간편 로그인 구현하기 (/oauth/signup/kakao) 구글은 정책으로 인해 불가