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

2022 / 11 / 17 목

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

---

✔ 회원가입 페이지 만들기

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

---

---

✔ 회원정보 저장

1 ) MemberVO 코드 작성

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

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

---

✔ 우편번호 API 사용하기

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

Daum 우편번호 서비스

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 ) 메일인증확인 코드 결과