Springboot+Vue.js 회원서비스를 만들자!(4) 마이페이지

마이페이지

http://localhost:3030/myPage

회원정보 서비스는 주로 팝업으로 열리게 할 계획이다

마이페이지/로그인/회원가입/비밀번호 찾기/이메일 찾기 등

 

프런트 서버

html

js

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>

우편번호를 이제 팝업으로 띄울 것이다

이전 프로젝트처럼 만들어주자

js

js

이 함수를 사용하려면

페이지가 열리자마자 스크립트 태그를 넣어줘야 한다

내가 찾은 방법은 이것이다

js

페이지가 열리자마자 created가 실행된다

그러면 난 head에 자바스크립트 src를 경로로 넣어줄 것이다!

http://localhost:3030/myPage

이렇게 전화번호/주소/비밀번호를 바꿀 수 있다

 

백엔드 서버

 

service

phoneService.java

phoneService.java

수정이 필요했다

예를 들어 번호가 같더라도

인증/변경/이메일 찾기

이렇게 세 개의 기능이 있었다

이걸 합 처서 관리하는 게 말이 안 돼서

분리시켰다

update/핸드폰 수정 시에만 다른 쿼리를 던진다

이유는 이미 회원가입되어있는 핸드폰이면 안돼서이다

쿼리 문도 바꿔 줘야 한다

 

그러면 같은 번호여도 이렇게 나눠져서 들어간다

크게 달라진 건 없고 

요청을 받을 때 confrim/update/find인지 나눠서 

저장하고 쿼리문만 좀 바꿔줬다

근데 이거 하는데 머리 터질 뻔...

 

휴대폰 번호 변경

222222222222로

 

7810679745 입력 위에 번호

0207201530 입력 제대로

우편번호 변경

롯데월드=> 서울대공원

비밀번호 변경

1111=>2222

 

조건이 다 맞아야 변경이 된다!

아회원탈퇴는 마지막에 만든다!