💻 홈페이지 제작 💻 / 회원가입 페이지 / 회원정보 저장 / 우편번호 API / 아이디 중복 체크 / 메일 인증 작업
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 ) 메일인증확인 코드 결과
