Spring boot kim's Shop 56

Springboot 결제시스템!(1) with 아임포트 결제 성공시

이제 예약에 들어가기 전에 결제시스템을 연동해보자 이전 프로젝트에 처음으로 연동했었다 https://cordingmonster.tistory.com/76?category=1032073 Springboot 결제 시스템 만들기! (1) 토큰 발급받기 with 아임포트, HttpHeaders ,RestTemplate,Response 진짜 죽는 줄 알았다 결제만 몇 번 한 건지 모르겠다 오후 2시 부터 했는데 현재 8시이다 일단 결제 시스템을 만든 이유는 사실 예약 변경/수정/삭제는 이제 db에서 delete/update/insert 하는 일만 남았 cordingmonster.tistory.com 이제 더 멋지게 코드를 써보자 시나리오는 같다 결제->결제정보아임포트전송->결제정보 백엔드 전송 프런트 서버 코드는..

Springboot 예약시스템 만들기!(1) 연/월/일/요일 뿌리기!

이전에 kimscafe에서는 '당일' 예약만 가능한 시스템이었다 이번엔 언제든 가능한 예약시스템을 사용해보자! 시나리오 자리 선택->년/월/날짜 표시-> 날짜 선택-> 시간표시-> 예약 프런트 서버 html 서버에 정보가 오면 뿌려줄 자리를 만들어 놓는다 js 같은 코드가 겹치는데 나중에 리팩토링 해주고 지금은 백엔드에 최대한 집중하자! 자리를 선택하면 function showDate(seat,month,year)함수가 작동한다 서버와 통신을 하고 성공시 년/월 다음/이전 버튼 $('#nextButton').append(""); $('#beforeButton').append(""); $('#nextButton2').append(""); $('#beforeButton2').append(""); 날짜들을 뿌..

Springboot 마이페이지!(3) 비밀번호 변경!

이제 비밀번호 변경을 해주자 프런트 서버는 현재 비밀번호/새 비밀번호/새 비밀번호 확인 이렇게 던져주면 된다 백엔드 서버 restController service 현재 비밀번호/새 비밀번호가 if(!passwordEncoder.matches(pwdDto.getNowPwd(), userDto.getPwd())) if(!pwdDto.getNewPwd().equals(pwdDto.getNewPwd2())) 일치하는지 검증해주고 시큐리티 비밀번호 인코더를 사용해서 새 비밀번호를 입력해주자! userDto.setPwd(passwordEncoder.encode(pwdDto.getNewPwd())); 테스트 변경 전 현재 비밀번호 불일치 유효성 4~10자 사이 3개 중 하나라도 유효성 검사를 통과하지 못하면 새 비밀..

Springboot 마이페이지!(2) 휴대폰변경하기

이제 휴대폰 변경 구현을 해보자 역시나 기존 로직을 끌어다가 사용하면 된다 https://cordingmonster.tistory.com/131?category=1041862 Springboot 인증 시스템 리팩토링!(1) with interface 이전 글 https://cordingmonster.tistory.com/108?category=1038496 Springboot Jwt+휴대폰인증!(2) 인증번호 확인 이제 인증번호가 맞는지 안 맞는지 판별해보자 프런트 js json형태로 번호/입력 전송 let dat.. cordingmonster.tistory.com https://cordingmonster.tistory.com/132?category=1041862

Springboot 마이페이지 (1) 주소변경하기!

마이페이지에서는 주소/전화/이메일 인증/비밀번호 변경이 가능하게 만들것이다 주소부터 봐 보자! 프런트 서버 그냥 회원가입 때 썼던 카카오 우편번호 서비스를 한 번 더 넣어 놓으면 된다 다시 한번 카카오에게 감사를 전합니다! restController 빨리 리액트 공부하고 싶다 백엔드+백엔드 서버통신도 아니고 참 백엔드 서버 restController service 테스트 서울대병원으로 해보자 변경 완료! 재밌다 아주

Springboot 인증 시스템 리팩토링!(2) with interface

이전소스 https://cordingmonster.tistory.com/107?category=1038496 Spring boot Jwt+휴대폰인증!(1) with Coolsms 이제 전화인증을 구현할 건데 아임 포트를 사용하려 했으나... 다날 서비스를 신청해야 하고 다날 서비스 신청에는 사업자등록증이 필요해서 허접하지만 직접 구현했다! 1. 세션 인증을 요청-> cordingmonster.tistory.com 검증 로직을 리팩터링 했으니 이제 보내는 로직도 리팩터링 해보자! 트랜잭셔널 어노테이션을 다시 사용하였다! https://cordingmonster.tistory.com/133 Spring boot 예외처리! with Transactional kim's cafe에이어 kim's shop을 만드는..

Springboot 인증 시스템 리팩토링!(1) with interface

이전 글 https://cordingmonster.tistory.com/108?category=1038496 Springboot Jwt+휴대폰인증!(2) 인증번호 확인 이제 인증번호가 맞는지 안 맞는지 판별해보자 프런트 js json형태로 번호/입력 전송 let data=JSON.stringify({ "phoneNum":""+document.getElementById('phoneNum').value+"", "tempNum":""+document.ge.. cordingmonster.tistory.com 고민이 있었다 너무 비슷한 로직이었다 문자인증/전화인증 로직인데 둘 다 인증번호를 받아서 검사해주면 됐었다 그래서 떠오른 아이디어 아 이럴 때 인터페이스를 써볼까..? 하고 만들었다 interface ema..

잠깐 토이프로젝트를 쉰다!

이유 1. 국비지원 학원에서 javafx로 팀플로 조를 짜서 어제부터 진행 중이다 팀원들이 예약시스템을 골라서 경험자가 나봤게 없어서 내가 들어갔다... 2. 프런트에 대한 불만족 현재 프런트엔드도 스프링이어서 사실상 통신을 서버 서버가 한느거같다 이런 고민이 있다 1.httponly쿠키를 리액트는 어떻게 주는 거지..? 서버에서 더 뭘 해줘야 하나?? 2. 액세스 토큰은 서버에서 httponly를 빼고 줘야 하나..? 아마 2번처럼 하면 될 거 같은데... 3. 그러면 '베리어'는..? 베리어 형식은 어떡하지 그냥 리액트에서 던질 때 쿠키에서 꺼내서 베리어+token 이렇게 주나..? 4. 이게 혼자 프로젝트를 해서 하는 고민인가..? 이런 고민들 때문에 머리가 복잡하다 물론 현재 리액트가 아니지만 리..

Springboot Jwt+마이페이지!(1) with 정보 표시하기

마이페이지를 만들어 보자 프런트 서버 html 오스 로그인 사용 자시 비밀번호변경 링크를 표시하지 않는다 비밀번호 변경 controller userService json->dto 만들어 주는 함수이다 백엔드 서버 userService 비밀번호는 주면 안 되니 null로 해서 보내주자 restcontroller 테스트 일반 로그인 소셜 로그인 구현할게 많아졌다 주소변경부터 해보자!

Springboot Jwt+로그아웃! with 쿠키 지워주기

이제 로그아웃을 구현해 보자 프런트는 쿠키를 비워주고 백엔드는 db에서 삭제해주자 프런트 서버 js controller jwtService 자주 사용할 거 같아서 토큰 getter를 하나 만들었다 userService 서버에 db 토큰 삭제 요청 jwtService.getTOServer(request, response,token, refreshToken, url); 프런트에서 들고 있는 쿠키 null값으로 값 변경 cookieService.cookieFactory(response, cookiesNames, cookiesValues); cookieService 백엔드 서버 restcontroller userService jwtService 이전에 만들었던 함수를 조금 바꿨다 존재하지 않는 토큰이 와도 진행..