임예지: 집다이브 Wiki
email, password, displayname 작성 후 전송하면 회원가입이 완료됩니다.
유효성검사에 맞지 않은 경우 박스 스타일이 변경되게 해주었습니다.
유효성검사 코드에 부합하는 값을 정확히 입력하지 않고 전송 시, api 호출이 안되고 위와 같은 알림창이 뜨며, 이미 가입된 이메일로 회원가입하는 경우에도 알림창이 뜨며 회원가입이 불가합니다.
email, password 작성 후 전송하면 로그인이 완료됩니다.
로그인 시에도 이메일이 유효성검사에 맞지 않은 경우 박스 스타일이 변경되게 해주었습니다.
등록되지 않은 이메일로 로그인을 시도하거나 비밀번호를 잘못입력하는 경우, 위와 같은 알림창이 뜨며 로그인에 실패합니다.
로그인 시, 발급된 accesstoken은 24시간 후 만료되기 때문에 localstorage에 저장되는 token 값의 만료시간을 24시간으로 설정하고 데이터를 저장했습니다. 즉시실행함수에 만료 시간을 체크하는 함수를 추가하여 24시간이 지나면 localstorage에서 토큰이 삭제되도록 만들었습니다.
회원정보를 클릭하여 들어가면 사용자의 이름과 비밀번호를 수정할 수 있습니다.
비밀번호를 8자리 이상 쓰지 않았거나, 기존 비밀번호를 잘못 입력했을 경우, 위와 같은 알림창이 뜨며 비밀번호 수정에 실패합니다.
localstorage에 key값을 ‘cartId-회원별이메일’로 하고, value 값에 ‘상품의 id 값’을 배열로 저장해두어 회원별로 다른 장바구니 상품을 등록할 수 있도록 만들었으며, 장바구니 상품 삭제 기능을 구현했습니다.
장바구니에 담긴 상품이 없을 경우, 주문하기 버튼의 클릭 이벤트가 비활성화되도록 만들었습니다.