wonderLand/회원파트 4

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

마이페이지 회원정보 서비스는 주로 팝업으로 열리게 할 계획이다 마이페이지/로그인/회원가입/비밀번호 찾기/이메일 찾기 등 프런트 서버 우편번호를 이제 팝업으로 띄울 것이다 이전 프로젝트처럼 만들어주자 이 함수를 사용하려면 페이지가 열리자마자 스크립트 태그를 넣어줘야 한다 내가 찾은 방법은 이것이다 페이지가 열리자마자 created가 실행된다 그러면 난 head에 자바스크립트 src를 경로로 넣어줄 것이다! 이렇게 전화번호/주소/비밀번호를 바꿀 수 있다 백엔드 서버 service 수정이 필요했다 예를 들어 번호가 같더라도 인증/변경/이메일 찾기 이렇게 세 개의 기능이 있었다 이걸 합 처서 관리하는 게 말이 안 돼서 분리시켰다 update/핸드폰 수정 시에만 다른 쿼리를 던진다 이유는 이미 회원가입되어있는 핸..

Springboot+Vue.js 회원서비스를 만들자!(3) 로그인

이제 로그인을 만들자 크게 다를 건 없다 일반/네이버/카카오 로그인 로그인 페이지 프런트 서버 크게 특별한 건 없다! oauth로그인이라면 오게 되는 리다이렉트 페이지 oauth로그인이라면 회사별 처리 백엔드 서버 로그인 필터 https://cordingmonster.tistory.com/178 서버셋팅하기! 백엔드 서버 시큐리티 세팅 cors정책 세팅 로그인 필터 만들기 인증 필터 그외 uservo/dto/dao나 userdetail를 만들어주면된다 프론트서버 백엔드 통신을 위해 만들어놓은 함수들이다 cordingmonster.tistory.com 카카오/네이버 로그인도 크게 달라진 건 없다 카카오로 봐보자 reuqest부분을 따로 빼고 콜백 부분을 합쳤다 무슨 말이냐면 예전엔 pay/login 이렇게..

Springboot+Vue.js 회원서비스를 만들자!(2) 회원가입

1. 회원가입 프런트 서버 vue의 for문 한번 쓰고 싶어서 해봤다 npm으로 카카오우편번호서비스를 받은 후 연동 이분 글을 추천한다 https://github.com/wan2land/vue-daum-postcode/tree/0.x-vue2 GitHub - wan2land/vue-daum-postcode: ✉️ 다음 우편번호 서비스 Componet for Vue 2 & 3. ✉️ 다음 우편번호 서비스 Componet for Vue 2 & 3. Contribute to wan2land/vue-daum-postcode development by creating an account on GitHub. github.com 그 뒤 결과값을 어떻게 받아야 하나.. 고민하다가 이게 될까 하고 해 봤는데 됐다 놀랍게..

Springboot+Vue.js 네비바를 만들자!(1)

이전 사이트들에 비해 이제 설명을 좀 더 간결하게 쓰려고 한다 구현 목록 1. 메인화면(홈페이지와 다름) 2. 네비바 3. 회원가입 4. 로그인/아웃 5. 마이페이지 6. 이메일/패스워드 찾기 1. 메인화면 전체적으로 페이드인 효과를 넣었다 첫 입장 시 나오는 화면이고 그다음 홈페이지는 따로 만들 예정이다 2. 네비 바 부트스트랩에서 가져온 걸 사용하였고 true면 네비바를 표시한다 true일 때 로그인 여부에 따른 부분 페이징 해당 페이지들은 네비바 미사용 if(uri=='/joinPage'||uri=='/loginPage'||uri=='/myPage'||uri=='/findPwdPage'||uri=='/findEmailPage'||uri=='/changePhonePage'){ logincheck는 로..