기능
1) 공통
- 제시된 폰트 및 컬러 시스템을 설정해주세요.
- 재사용 가능한 공용 컴포넌트를 만들어주세요.
- 반응형 웹 디자인을 준수하세요.
2) 메인 랜딩 페이지 구현하기 (/)
- '로고 버튼'을 클릭하 면 새로고침하여
/ 페이지로 이동하세요.
- '로그인' 버튼을 클릭하면
/signin페이지로 이동하세요.
- '회원가입' 버튼을 클릭하면
/signup 페이지로 이동하세요.
- '와인 보러가기' 버튼을 클릭하면
/wines 페이지로 이동하세요.
3) 로그인 페이지 구현하기 (/signin)
- 이메일과 비밀번호 입력창을 확인할 수 있게 해주세요.
- 각 입력값에 대해 다음 사항을 확인하세요:
- 이메일이 비어있으면 “이메일은 필수 입력입니다.” 에러 메시지를 보여주세요.
- 이메일 형식이 아니면 “이메일 형식으로 작성해 주세요.” 에러 메시지를 보여주세요.
- 비밀번호가 비어있으면 “비밀번호는 필수 입력입니다.” 에러 메시지를 보여주세요.
- 입력값이 정상일 때 '로그인' 버튼을 클릭하거나 엔터를 누르면 로그인을 시도하세요.
- 로그인에 실패하면 “이메일 혹은 비밀번호를 확인해주세요.” 에러 메시지를 이메일 입력창에 보여주세요.
- 로그인에 성공하면 홈 화면(
/)으로 이동하세요.
- 카카오톡으로 로그인할 수 있게 해주세요.
- 로그인 성공 시 홈 화면(
/)으로 이동하세요.
- 회원가입되지 않은 경우
/oauth/signup/kakao}로 이동하세요.
- 간편 로그인 구현하기 (
/oauth/signup/kakao) 구글은 정책으로 인해 불가