로그아웃 구현
·
Final Project
로그아웃은 스프링 시큐리티에서 제공하는 기능으로 구현 -> logout()메서드 : Spring Security의 기본 로그아웃 처리를 설정하는 메서드 @Beanpublic SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception { // 모든 페이지에 대한 접근권한 설정, 사이트 위변조 방지 해제 http //authorizeHttpRequests 어떤 요청에 대해 어떤 권한이 필요한지 설정 .authorizeHttpRequests(auth -> auth //.requestMatchers : 특정 URL 지정 // 인증 없..
Mypage-예약 내역, 쿠폰
·
Final Project
예약내역과 쿠폰을 불러오는 섹션은 같이 작성을 해보도록 하겠다. 모두 말그대로 사용자가 예약한 내역, 사용자가 내려받은 쿠폰을 조회하는 섹션이다.예약 내역 조회아래와 같이 javaScript로 서버에 요청을 하고/*-------------예약내역 조회-----------------*/function loadReservations() { $.ajax({ type: 'POST', url: '/reservation', success: function(response) { if (response.success) { const reservation = response.reservation || []; // 예약 내역 배열 ..
Mypage-로그인 관리(로그이력)
·
Final Project
로그인관리 섹션에서는 마지막 로그인날짜와 접속한 서버의 ip주소를 기록하여 내역을 나타내고,날짜 선택기를 사용하여 날짜별로 이력을 검색할 수 있게 구현했다.*** IP 주소가 127.0.0.1로 나타나는 이유로컬 개발 환경에서 애플리케이션을 실행하고 있기 때문에 IP 주소가 127.0.0.1로 나타난다.로컬호스트(127.0.0.1)는 자신의 컴퓨터를 가리키는 IP주소로, 이는 네트워크를 통해 컴퓨터 내부에서만 통신할 때 사용 된다. 로컬 개발 환경 : 애플리케이션을 localhost주소와 포트(8080)로 실행하면 모든 네트워크 요청은 자신의 컴퓨터 내에서만 이루어진다. 클라이언트가 요청하는 출발지 주소와 받는 곳도 자기 자신이 되어서 127.0.0.1로 기록이 된다!로그인 기록을 조회하기 전에! 로그인..
Mypage-회원 탈퇴
·
Final Project
회원 탈퇴 과정에서 즉시 삭제하지 않고, 회원 상태를 ACTIVE에서 DELETE로 업데이트한 후, 일주일 후에 삭제를 하는방식으로 개발을 진행했다.페이지는 아래와 같이 구현을 하였고 회원테이블에 회원상태와 탈퇴사유 컬럼을 추가했다./*-------회원 탈퇴 섹션------*/document.getElementById("withdrawalForm").addEventListener("submit", function(event) { event.preventDefault(); // 기본 제출 막음 // 동의 체크 박스 체크 여부 확인 const confirmationChecked = document.getElementById("confirmation").checked; if (!confi..
Mypage-내정보수정
·
Final Project
가장 먼저 mypage에 내정보수정 섹션을 먼저 구현하려고 하고, 그 중 비밀번호와 휴대폰 번호 수정이 가능하도록 설정 했다.내정보에서 아이디,비밀번호,이름,휴대폰 번호 이렇게 4가지의 정보를 나타냈고, 아래와 같이 작업을 진행 했다.내정보가져오기// 마이페이지로 이동 (사용자 정보 가져오기)@GetMapping("/mypage")public String mypage(Model model, @CookieValue(value = "Authorization", required = false) String token) { String userId = jwtUtil.getUserIdFromToken(token); // 현재 로그인한 유저 식별키 UserDTO userDTO = memberService..
Mypage페이지 개발 준비
·
Final Project
mypage페이지를 개발하기 앞서 일단 브랜치를 git flow 전략에 맞춰 나눠줄 예정이다.혼자 mypage 개발을 할 예정이다 보니 너무 상세하게 기능별로 나누진 않고 feature/mypage_reservation_history (예약내역)feature/mypage_coupons_list (쿠폰리스트)feature/mypage_edit_profile (내정보수정)feature/mypage_login_history (로그기록)feature/mypage_account_deletion (회원탈퇴)이런식으로 섹션별로 나눠줄 생각이다.아직 git이 능숙하지 않아서 너무 세세하게 나누면 지금의 나로서는 너무 부담이여서 이런식으로 시작을 해보도록 하겠다. 브랜치 생성 현재 브랜치 목록$ git branch d..
JWT로그인
·
Final Project
JWT를 진행하기 앞서 Spring Security에 대해 알고 가야한다.이전 블로그에서 작성했었는데 https://hmproject-1.tistory.com/48 이 블로그를 참고 하면 좋을것 같다.**인증( Authentication ): 사용자 신원을 확인하는 프로세스 (로그인)**인가 ( Authorization ): 특정 리소스에 접근하려는 회원의 권한을 확인하는 것 (인증 이후)**권한 : 인증된 사용자가 어떤 일을 할 수 있는지 관리하는 것인증,인가,권한이 무엇인지 정도는 알고 있어야 이해가 쉬울 것이다. (아직 나도 이해가 잘 되어 있는 상태는 아니다) 현재 내가 작성한 테이블">HTML 삽입미리보기할 수 없는 소스 아래 정리한 내용은 여러 블로그나 자료를 보고 진행되는 과정을 적은것이다...
회원가입 문자 인증
·
Final Project
문자인증 준비coolSMS휴대전화 인증 기능을 coolSMS라는 문자발송대행 서비스를 찾아서 구현하게 되었다.이미지를 클릭하면 coolSMS 페이지로 이동하게 되고," data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 회원가입 후 API Key 목록으로 이동 후 API KEY를 발급 받은 후마지막으로 허용 IP 관리에서 설정만 해주면 된다." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스build.gradle -> dependencies 의존성 주입// cool sms 의존성 추가implementation 'net.nurigo:sdk:4.3.0'application.properties 설정 #전화번호는 01012345678 형식으로 적어야 한다coolsm..
회원가입 백엔드 유효성검사
·
Final Project
MemberDTO 유효성 검사build.gradle -> dependencies에 Spring Validation 의존성 주입Validation : 클라이언트로부터 전달된 데이터를 서버에서 검증할 때 사용되는 라이브러리// 유효성 검사implementation 'org.springframework.boot:spring-boot-starter-validation'MemberDTO  @Getter@Setterpublic class MemberDTO { private Long userNo; //@NotBlank : null X, 공백이 아닌 문자 포함 @NotBlank(message = "아이디는 필수 입력값입니다") @Pattern(regexp = "^(?=.*[a-z])[a-z0-9..
프론트 회원가입 유효성 검사
·
Final Project
회원가입 화면 구현회원가입&로그인 페이지는 현재 final project에서 사용할 템플릿에는 페이지가 없어서 따로 다른 템플릿을 가져와 조금 수정을 해주었고, 프론트 작업으로 유효성 검사를 진행하였다 --> 아이디, 비밀번호, 이름, 휴대전화번호" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 아이디 중복확인 비밀번호 비밀번..
bomhyeming
'Final Project' 카테고리의 글 목록