로그인, 회원가입, 다크모드

js·2021년 11월 2일
0

카페 시연화면

목록 보기
1/2

다크모드

styled-components의 ThemeProvider와 @apollo/client의 useReactiveVar로 다크모드를 구현했습니다.

로그인 - 유효성 검사

react-hook-form의 useForm으로 구현하였습니다.
아이디,비밀번호 글자수 미도달 및 미입력시 에러 메시지가 나옵니다.

회원가입 - 유효성 검사

비밀번호와 비밀번호 확인의 일치 여부 검사입니다.

회원가입- 주소 찾기

카카오 맵 api를 사용하였습니다

에러 메시지

존재하지 않는 아이디로 로그인

올바르지 않은 비밀번호로 로그인

회원가입시 존재하는 아이디 혹은 이메일인 경우

카페등록시 존재하는 카페 혹은 주소일 경우

내 카페에 좋아요 누를 경우

0개의 댓글