세션을 사용하여 로그인(아이디 기억하기) 및 로그아웃하기 들어가며 이번 포스팅에서는 세션을 사용하여 로그인상태를 유지하고 사용자권한별로 접속하는 페이지가 다르게 하며 로그아웃하는 기능을 개발해 보겠습니다. Repository 이번 로그인에서도 JpaRepositroy를 사용하지 않고 직접 개발하여 사용하도록 하겠습니다 Reposiotry를 인터페이스로 만들어 오버라이딩하여 사용하도록 하겠습니다. LoginRepository public interface LoginRepository { List findById(String id); List findBPwd(String pwd); } findById(String id) : 객체에서 아이디값을 찾는 메서드 findByPwd(String pwd) : 객체에서 ..
스프링부트
로그인 페이지 레이아웃 구성 들어가며 이전 포스팅까지는 회원가입을 하는기능을 개발해봤습니다. 이제부터는 회원가입한 데이터값을 이용해서 로그인 기능을 개발해볼 예정입니다. 이번 포스팅에서는 로그인 페이지의 레이아웃 부터 구성해보겠습니다. 예상 로그인 페이지 간단한 기능이 있는 로그인 페이지 HTML 기존에 만들었던 header.html 에서 href 부분에 "/login"을 추가한다. | 로그인 templates/ 하위에 login폴더 생성후 loginPage.html 생성 bootstrap을 사용할 예정이라 css파일에다가 bootstrap다운받은후에 bootstrap.min.css 파일을 넣어줘야합니다. loginPage.html 책방 Id Password Remember Id Sign in 아이디 찾..
회원가입 실행 들어가며 그동안 간단하게 회원가입기능을 개발해보았습니다. 개발했던것을 작동이 정상적으로 되는지 확인해보겠습니다. 실행화면 입력했던 값들이 db에 정상적으로 들어가있는것을 볼수있다. 이렇게 간단하게 회원가입 기능을 개발해봤습니다. 아직 이러한 회원가입 기능에는 여러가지 미흡한점이 있습니다. 비밀번호가 그대로 노출되는것입니다. 이기능은 UUID로 변환하여 저장하는 방법이 있습니다. 비밀번호를 암호화 해보시고 싶으시면 한번 도전해보시길 바랍니다!!! 감사합니다!
회원가입 주소등록 (카카오 API 사용) 들어가며 이번에는 회원가입시에 회원의 주소를 입력하는것을 개발할것입니다. 직접 API를 만들어서 할수도있지만 잘만들어진 API를 사용해서 구현하는것도 좋은 서비스라고 생각하여 KAKAO의 주소 찾기 API를 통해서 개발해보도록 하겠습니다. 기본설정 카카오 우편번호 API 사이트에 접속하면 자세한 설명들이 나와있습니다. 그릭고 여러종류의 레이아웃이있지만 저는 사용자가 선택한 값 이용하기를 사용하겠습니다. join.html 카카오 API를 사용하기 위해서는 스크립트한줄을 추가해줘야합니다. 그리고 예제 코드에나와있는것처럼 자신이 맞는 주소찾기의 이름을 적절하게 변경하여 작성해주시면 됩니다. script function sample6_execDaumPostcode() {..
회원가입시 메일을 통한 보인 인증 구현 들어가며 일반적으로 회원가입을 하려면 본인 인증을 해야한다. 휴대폰을 통한 보인인증이 일반적이나, 토이프로젝트에서 사용하기에는 비용이 발생하는 만큼 이메일을 통한 본인인증을 구현할 예정입니다. 기본성정 메일을 보내기위해서는 smtp 설정을 해야한다. 저는 naver메일을 사용할 예정이기 때문에 google을 사용하려면 다른 글을 참고 해주시기 바랍니다. 네이버 메일로 들어가 환경설정부분에서 POP3/IMAP설정을 사용함으로 설정해야 이메일을 보낼수있다. build.gradle implementation 'org.springframework.boot:spring-boot-starter-mail' annotationProcessor "org.springframework..
아이디,비밀번호 중복검사 들어가며 이번에는 전에 구현했던 회원가입 페이지에서 아이디 및 비밀번호를 중복검사(중복체크)를 하는 구현해 보겠습니다. AJAX 통신을 위한 API 두 개를 간단하게 구현할 예정입니다. 수정사항 아 래와 같이 아이디 중복검사 버튼을 따로 만들지 않으며 바로 아이디 입력 시 실시간으로 아이디를 체크할 수 있게 수정. join.html 아이디 수정 아이디 onInput : 이벤트로, 입력요소의 값이 변경될때 발생하는 이벤트이다. API AJAX 통신을 하기 위해서 아이디 중복검사, 비밀번호 중복검사를 구현을 해보겠습니다. 아이디 중복검사와 비밀번호 일치 검증을 하기 위해서 MemberRepository, MmeberService 부분에 기능을 추가하여 MemberController에..
JPA 회원가입 구현하기 들어가며 이번에는 JpaRepository를 이용하요 쉽게 사용할수있지만 사용하지 못하는 분들도 있을수 있어서 직접 메소드를 생성하여 DB에서 데이터를 저장하고 수정하고 조회를 할수 있게끔 작성하려고한다. 나중에는 JpaRepository를 사용할예정이다. 그리고.. .CSS를 잘 다루지 못해서... 회원가입 페이지는 꾸미지 못했습니다..ㅜ 예상 화면 아이디 중복검사 버튼 비밀번호 중복검사 메일 인증을 통해 본인 인증 카카오 주소찾기 API를 이용한 우편번호 찾기 등을 사용하여서 회원가입 페이지를 작성할 예정입니다! 앤티티 구성 회원가입을 하기위해서는 일단 Member앤티티를 구성할것이다 아이디를 구별할수있는 id를 만들고 그아래는 회원가입시 필요한 인적정보등을 나타낸다 role..