[Feat] Signin Page #12
Description
어떤 페이지인가요?
로그인 페이지 ( '/signin')
어떤 컴포넌트인가요?
TODO
해야 할 일 기재
공통사항
- input에 입력값이 없을 떄 오류 메세지 출력
- 포커스 되면 input에 보라색(임시) 표시
- 에러 발생시 input에 빨강색(임시) 표시
- 요구 사항 충족 안되면 button disabled
- 조건 충족되면 button 사용 가능하게 변경되고 성공시 '/signin' 페이지로 이동 (모달로 메세지 출력)
이메일
- email형식으로 입력 안되면 에러 메세지 출력
비밀번호 & 비밀번호 확인
- 눈 아이콘을 누르면 text, password 토글
소셜 로그인
- 네이버 로그인
- 카카오 로그인
트러블 슈팅
컴포넌트 작성중 발생한 트러블 이슈가 있다면 댓글로 작성해주세요
레퍼런스
레퍼런스가 있다면 작성 해주세요
opener 쪽 로그인 페이지가 깔끔해서 일단 이쪽 형식을 가져다 썼습니다.