🏃‍♀️ Do it !/TIL

💻 홈페이지 제작 💻 / 회원가입 페이지 / 회원정보 저장 / 우편번호 API / 아이디 중복 체크 / 메일 인증 작업

버터감자 2022. 11. 17. 15:54
728x90

2022 / 11 / 17 목

  • 회원가입 페이지 만들기
  • 회원정보 저장
  • 우편번호 API
  • 아이디 중복 체크
  • 메일 인증 작업

회원가입 페이지 만들기

+ 폼 작업 ( 로그인, 회원가입 등) 은 개인 프로젝트 시간에 만들자 !



✔ 회원정보 저장

1 ) MemberVO 코드 작성


2 ) MemberController 에 회원정보 저장 코드 입력


3 ) MemberVO 코드와 join.jsp 파일의 name이 동일한지 확인 !


✔ 우편번호 API 사용하기


1 ) 다음 우편번호 API
https://postcode.map.daum.net/guide

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net


2 ) 사용하고자 하는 테마의 예제 코드 사용


3 ) join.jsp 에 코드 넣기


✔ 아이디 중복 체크

 

1) 제이쿼리 코드 입력


2 ) join.jsp 에 제이쿼리 작업 진행


3 ) MemberController 아이디 중복 코드 작성


4 ) 하단 파일 생성하기


5 ) MemberMapper 코드 입력


6) MemberMapper 와 MemberMapper.xml 짝 맞추기


7 ) MemberService 코드 입력


8 ) MemberServiceimpl 의존성 주입 작업 진행 !


9 ) 제이쿼리 작업
- css에서의 display는 태그를 1. 보일 것인가 안보일 것인가 2. inline과 block 할 것인가 두 가지 성격을 갖는다.


✔ 메일 인증 작업

SMTP (Simple Mail Transfer Protocol)
- 간이 우편 전송 프로토콜
- 인터넷에서 이메일을 보내기 위해 이용되는 프로토콜. 사용하는 TCP 포트번호는 25번이다 !

1 ) 메일 관련 기능 코드 입력


2 ) EmailController / EmailService / EmailServiceImpl 파일 생성


3 ) EmailDTO 생성


4 ) EmailContoller 코드작성


5 ) 의존성 주입 작업 진행 !

EmailService

EmailServiceImpl

EmailController


6 ) 예외처리


7 ) 메일인증코드 요청 코드작성


8 ) 메일인증코드 요청 결과

9 ) 메일인증확인 코드 작성

 

10 ) 메일인증확인 코드 결과