프로젝트

로그인 페이지 레이아웃 구성 들어가며 이전 포스팅까지는 회원가입을 하는기능을 개발해봤습니다. 이제부터는 회원가입한 데이터값을 이용해서 로그인 기능을 개발해볼 예정입니다. 이번 포스팅에서는 로그인 페이지의 레이아웃 부터 구성해보겠습니다. 예상 로그인 페이지 간단한 기능이 있는 로그인 페이지 HTML 기존에 만들었던 header.html 에서 href 부분에 "/login"을 추가한다. | 로그인 templates/ 하위에 login폴더 생성후 loginPage.html 생성 bootstrap을 사용할 예정이라 css파일에다가 bootstrap다운받은후에 bootstrap.min.css 파일을 넣어줘야합니다. loginPage.html 책방 Id Password Remember Id Sign in 아이디 찾..

회원가입 주소등록 (카카오 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..

JPA 회원가입 구현하기 들어가며 이번에는 JpaRepository를 이용하요 쉽게 사용할수있지만 사용하지 못하는 분들도 있을수 있어서 직접 메소드를 생성하여 DB에서 데이터를 저장하고 수정하고 조회를 할수 있게끔 작성하려고한다. 나중에는 JpaRepository를 사용할예정이다. 그리고.. .CSS를 잘 다루지 못해서... 회원가입 페이지는 꾸미지 못했습니다..ㅜ 예상 화면 아이디 중복검사 버튼 비밀번호 중복검사 메일 인증을 통해 본인 인증 카카오 주소찾기 API를 이용한 우편번호 찾기 등을 사용하여서 회원가입 페이지를 작성할 예정입니다! 앤티티 구성 회원가입을 하기위해서는 일단 Member앤티티를 구성할것이다 아이디를 구별할수있는 id를 만들고 그아래는 회원가입시 필요한 인적정보등을 나타낸다 role..