
public void updateMember(MemberVO member)throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
String sql = null;
try {
//컨넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql = "UPDATE zmember_detail SET name=?,phone=?,"
+ "email=?,zipcode=?,address1=?,address2=?,"
+ "modify_date=SYSDATE WHERE mem_num=?";
//PreparedStatement 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터 바인딩
pstmt.setString(1, member.getName());
pstmt.setString(2, member.getPhone());
pstmt.setString(3, member.getEmail());
pstmt.setString(4, member.getZipcode());
pstmt.setString(5, member.getAddress1());
pstmt.setString(6, member.getAddress2());
pstmt.setInt(7, member.getMem_num());
//SQL문 실행
pstmt.executeUpdate();
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt, conn);
}
}
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.member.dao.MemberDAO;
import kr.member.vo.MemberVO;
public class ModifyUserFormAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인이 되지 않은 경우
return "redirect:/member/loginForm.do";
}
//로그인이 된 경우
MemberDAO dao = MemberDAO.getInstance();
MemberVO member = dao.getMember(user_num);
request.setAttribute("member", member);
//JSP 경로 반환
return "/WEB-INF/views/member/modifyUserForm.jsp";
}
}
daum 우편번호 API 사용하기
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원정보 수정</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
//회원정보 수정 유효성 체크
$('#modify_form').submit(function(){
const items = document.querySelectorAll('.input-check');
for(let i=0;i<items.length;i++){
if(items[i].value.trim()==''){
const label = document.querySelector(
'label[for="'+items[i].id+'"]');
alert(label.textContent + ' 항목은 필수 입력');
items[i].value = '';
items[i].focus();
return false;
}
if(items[i].id == 'zipcode'
&& !/^[0-9]{5}$/.test($('#zipcode').val())){
alert('우편번호를 입력하세요(숫자5자리)');
$('#zipcode').val('').focus();
return false;
}
}
});
});
</script>
</head>
<body>
<div class="page-main">
<jsp:include page="/WEB-INF/views/common/header.jsp"/>
<div class="content-main">
<h2>회원정보 수정</h2>
<form id="modify_form" action="modifyUser.do"
method="post">
<ul>
<li>
<label for="name">이름</label>
<input type="text" name="name" id="name"
value="${member.name}" maxlength="10" class="input-check">
</li>
<li>
<label for="phone">전화번호</label>
<input type="text" name="phone" id="phone"
value="${member.phone}" maxlength="15" class="input-check">
</li>
<li>
<label for="email">이메일</label>
<input type="email" name="email" id="email"
value="${member.email}" maxlength="50" class="input-check">
</li>
<li>
<label for="zipcode">우편번호</label>
<input type="text" name="zipcode" id="zipcode"
maxlength="5" autocomplete="off"
value="${member.zipcode}" class="input-check">
<input type="button" value="우편번호 찾기"
onclick="execDaumPostcode()">
</li>
<li>
<label for="address1">주소</label>
<input type="text" name="address1" id="address1"
value="${member.address1}" maxlength="30" class="input-check">
</li>
<li>
<label for="address2">나머지 주소</label>
<input type="text" name="address2" id="address2"
value="${member.address2}" maxlength="30" class="input-check">
</li>
</ul>
<div class="align-center">
<input type="submit" value="수정">
<input type="button" value="My페이지"
onclick="location.href='myPage.do'">
</div>
</form>
<!-- 다음 우편번호 API 시작 -->
<!-- iOS에서는 position:fixed 버그가 있음, 적용하는 사이트에 맞게 position:absolute 등을 이용하여 top,left값 조정 필요 -->
<div id="layer" style="display:none;position:fixed;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;">
<img src="//t1.daumcdn.net/postcode/resource/images/close.png" id="btnCloseLayer" style="cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1" onclick="closeDaumPostcode()" alt="닫기 버튼">
</div>
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
// 우편번호 찾기 화면을 넣을 element
var element_layer = document.getElementById('layer');
function closeDaumPostcode() {
// iframe을 넣은 element를 안보이게 한다.
element_layer.style.display = 'none';
}
function execDaumPostcode() {
new daum.Postcode({
oncomplete: function(data) {
// 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분.
// 각 주소의 노출 규칙에 따라 주소를 조합한다.
// 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
var addr = ''; // 주소 변수
var extraAddr = ''; // 참고항목 변수
//사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.
if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우
addr = data.roadAddress;
} else { // 사용자가 지번 주소를 선택했을 경우(J)
addr = data.jibunAddress;
}
// 사용자가 선택한 주소가 도로명 타입일때 참고항목을 조합한다.
if(data.userSelectedType === 'R'){
// 법정동명이 있을 경우 추가한다. (법정리는 제외)
// 법정동의 경우 마지막 문자가 "동/로/가"로 끝난다.
if(data.bname !== '' && /[동|로|가]$/g.test(data.bname)){
extraAddr += data.bname;
}
// 건물명이 있고, 공동주택일 경우 추가한다.
if(data.buildingName !== '' && data.apartment === 'Y'){
extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
}
// 표시할 참고항목이 있을 경우, 괄호까지 추가한 최종 문자열을 만든다.
if(extraAddr !== ''){
extraAddr = ' (' + extraAddr + ')';
}
//(주의)address1에 참고항목이 보여지도록 수정
// 조합된 참고항목을 해당 필드에 넣는다.
//(수정) document.getElementById("address2").value = extraAddr;
}
//(수정) else {
//(수정) document.getElementById("address2").value = '';
//(수정) }
// 우편번호와 주소 정보를 해당 필드에 넣는다.
document.getElementById('zipcode').value = data.zonecode;
//(수정) + extraAddr를 추가해서 address1에 참고항목이 보여지도록 수정
document.getElementById("address1").value = addr + extraAddr;
// 커서를 상세주소 필드로 이동한다.
document.getElementById("address2").focus();
// iframe을 넣은 element를 안보이게 한다.
// (autoClose:false 기능을 이용한다면, 아래 코드를 제거해야 화면에서 사라지지 않는다.)
element_layer.style.display = 'none';
},
width : '100%',
height : '100%',
maxSuggestItems : 5
}).embed(element_layer);
// iframe을 넣은 element를 보이게 한다.
element_layer.style.display = 'block';
// iframe을 넣은 element의 위치를 화면의 가운데로 이동시킨다.
initLayerPosition();
}
// 브라우저의 크기 변경에 따라 레이어를 가운데로 이동시키고자 하실때에는
// resize이벤트나, orientationchange이벤트를 이용하여 값이 변경될때마다 아래 함수를 실행 시켜 주시거나,
// 직접 element_layer의 top,left값을 수정해 주시면 됩니다.
function initLayerPosition(){
var width = 300; //우편번호서비스가 들어갈 element의 width
var height = 400; //우편번호서비스가 들어갈 element의 height
var borderWidth = 5; //샘플에서 사용하는 border의 두께
// 위에서 선언한 값들을 실제 element에 넣는다.
element_layer.style.width = width + 'px';
element_layer.style.height = height + 'px';
element_layer.style.border = borderWidth + 'px solid';
// 실행되는 순간의 화면 너비와 높이 값을 가져와서 중앙에 뜰 수 있도록 위치를 계산한다.
element_layer.style.left = (((window.innerWidth || document.documentElement.clientWidth) - width)/2 - borderWidth) + 'px';
element_layer.style.top = (((window.innerHeight || document.documentElement.clientHeight) - height)/2 - borderWidth) + 'px';
}
</script>
<!-- 다음 우편번호 API 끝 -->
</div>
</div>
</body>
</html>
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.member.dao.MemberDAO;
import kr.member.vo.MemberVO;
public class ModifyUserAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인이 안 된 경우
return "redirect:/member/loginForm.do";
}
//로그인 된 경우
//전송된 데이터 인코딩 타입 지정
request.setCharacterEncoding("utf-8");
MemberVO member = new MemberVO();
member.setMem_num(user_num);//회원번호
member.setName(request.getParameter("name"));
member.setPhone(request.getParameter("phone"));
member.setEmail(request.getParameter("email"));
member.setZipcode(request.getParameter("zipcode"));
member.setAddress1(request.getParameter("address1"));
member.setAddress2(request.getParameter("address2"));
MemberDAO dao = MemberDAO.getInstance();
dao.updateMember(member);
request.setAttribute("notice_msg", "회원정보 수정 완료");
request.setAttribute("notice_url",
request.getContextPath()+"/member/myPage.do");
//JSP 경로 반환
return "/WEB-INF/views/common/alert_view.jsp";
}
}
//비밀번호 수정
public void updatePassword(String passwd,int mem_num)
throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
String sql = null;
try {
//커넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//SQL문 작성
sql = "UPDATE zmember_detail SET passwd=? WHERE mem_num=?";
//PreparedStatement 객체 생성
pstmt = conn.prepareStatement(sql);
//?에 데이터 바인딩
pstmt.setString(1, passwd);
pstmt.setInt(2, mem_num);
//SQL문 실행
pstmt.executeUpdate();
}catch(Exception e) {
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt, conn);
}
}
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
public class ModifyPasswordFormAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인이 되지 않은 경우
return "redirect:/member/loginForm.do";
}
//로그인 된 경우
return "/WEB-INF/views/member/modifyPasswordForm.jsp";
}
}
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>비밀번호 수정</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
//아이디,비밀번호 유효성 체크
$('#password_form').submit(function(){
const items = document.querySelectorAll('.input-check');
for(let i=0;i<items.length;i++){
if(items[i].value.trim()==''){
const label = document.querySelector(
'label[for="'+items[i].id+'"]');
alert(label.textContent + ' 항목은 필수 입력');
items[i].value = '';
items[i].focus();
return false;
}
}//end of for
if($('#passwd').val()!=$('#cpasswd').val()){
alert('새비밀번호와 새비밀번호 확인이 불일치');
$('#passwd').val('').focus();
$('#cpasswd').val('');
return false;
}
});//end of submit
//새비밀번호 확인까지 한 후 다시 새비밀번호를 수정하려고 하면 새비밀번호 확인을
//초기화
$('#passwd').keyup(function(){
$('#cpasswd').val('');
$('#message_cpasswd').text('');
});
//새비밀번호와 새비밀번호 확인 일치 여부 체크
$('#cpasswd').keyup(function(){
if($('#passwd').val()==$('#cpasswd').val()){
$('#message_cpasswd').text('새비밀번호 일치');
}else{
$('#message_cpasswd').text('');
}
});
});
</script>
</head>
<body>
<div class="page-main">
<jsp:include page="/WEB-INF/views/common/header.jsp"/>
<div class="content-main">
<h2>비밀번호 수정</h2>
<form id="password_form" action="modifyPassword.do"
method="post">
<ul>
<li>
<label for="id">아이디</label>
<input type="text" name="id" id="id"
maxlength="12" autocomplete="off"
class="input-check">
</li>
<li>
<label for="origin_passwd">현재 비밀번호</label>
<input type="password" name="origin_passwd"
id="origin_passwd"
maxlength="12" class="input-check">
</li>
<li>
<label for="passwd">새비밀번호</label>
<input type="password" name="passwd" id="passwd"
maxlength="12" class="input-check">
</li>
<li>
<label for="cpasswd">새비밀번호 확인</label>
<input type="password" id="cpasswd"
maxlength="12" class="input-check">
<span id="message_cpasswd"></span>
</li>
</ul>
<div class="align-center">
<input type="submit" value="비밀번호 수정">
<input type="button" value="My페이지"
onclick="location.href='myPage.do'">
</div>
</form>
</div>
</div>
</body>
</html>
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.member.dao.MemberDAO;
import kr.member.vo.MemberVO;
public class ModifyPasswordAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인 되지 않은 경우
return "redirect:/member/loginForm.do";
}
//로그인 된 경우
//전송된 데이터 인코딩 타입 지정
request.setCharacterEncoding("utf-8");
//전송된 데이터 반환
String id = request.getParameter("id");
//현재 비밀번호
String origin_passwd =
request.getParameter("origin_passwd");
String passwd = request.getParameter("passwd");
//현재 로그인 한 아이디
String user_id =
(String)session.getAttribute("user_id");
MemberDAO dao = MemberDAO.getInstance();
MemberVO member = dao.checkMember(id);
boolean check =false;
//사용자가 입력한 아이디가 존재하고 로그인한 아이디와 일치하는지 체크
if(member!=null && id.equals(user_id)) {
//비밀번호 일치 여부 체크
check = member.isCheckedPassword(origin_passwd);
}
if(check) {//인증 성공
//비밀번호 변경
dao.updatePassword(passwd,user_num);
}
request.setAttribute("check", check);
//JSP 경로 반환
return "/WEB-INF/views/member/modifyPassword.jsp";
}
}
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:if test="${check}">
<script>
alert('비밀번호를 수정했습니다.');
location.href='myPage.do'
</script>
</c:if>
<c:if test="${!check}">
<script>
alert('아이디 또는 비밀번호 불일치');
history.go(-1);
</script>
</c:if>
//회원 탈퇴(회원정보 삭제)
public void deleteMember(int mem_num)throws Exception{
Connection conn = null;
PreparedStatement pstmt = null;
PreparedStatement pstmt2 = null;
String sql = null;
try {
//커넥션풀로부터 커넥션 할당
conn = DBUtil.getConnection();
//auto commit 해제
conn.setAutoCommit(false);
//zmember의 auth 값 변경
sql = "UPDATE zmember SET auth=0 WHERE mem_num=?";
pstmt = conn.prepareStatement(sql);
pstmt.setInt(1, mem_num);
pstmt.executeUpdate();
//zmember_detail의 레코드 삭제
sql = "DELETE FROM zmember_detail WHERE mem_num=?";
pstmt2 = conn.prepareCall(sql);
pstmt2.setInt(1, mem_num);
pstmt2.executeUpdate();
//모든 SQL문의 실행이 성공하면 커밋
conn.commit();
}catch(Exception e) {
//SQL문이 하나라도 실패하면 롤백
conn.rollback();
throw new Exception(e);
}finally {
DBUtil.executeClose(null, pstmt2, null);
DBUtil.executeClose(null, pstmt, conn);
}
}
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
public class DeleteUserFormAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인이 되지 않은 경우
return "redirect:/member/loginForm.do";
}
return "/WEB-INF/views/member/deleteUserForm.jsp";
}
}
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원탈퇴</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
//아이디,비밀번호 유효성 체크
$('#delete_form').submit(function(){
const items = document.querySelectorAll('.input-check');
for(let i=0;i<items.length;i++){
if(items[i].value.trim()==''){
const label = document.querySelector(
'label[for="'+items[i].id+'"]');
alert(label.textContent + ' 항목은 필수 입력');
items[i].value = '';
items[i].focus();
return false;
}
}//end of for
if($('#passwd').val()!=$('#cpasswd').val()){
alert('새비밀번호와 새비밀번호 확인이 불일치');
$('#passwd').val('').focus();
$('#cpasswd').val('');
return false;
}
});//end of submit
//비밀번호 확인까지 한 후 다시 비밀번호를 수정하려고 하면 새비밀번호 확인을
//초기화
$('#passwd').keyup(function(){
$('#cpasswd').val('');
$('#message_cpasswd').text('');
});
//비밀번호와 비밀번호 확인 일치 여부 체크
$('#cpasswd').keyup(function(){
if($('#passwd').val()==$('#cpasswd').val()){
$('#message_cpasswd').text('비밀번호 일치');
}else{
$('#message_cpasswd').text('');
}
});
});
</script>
</head>
<body>
<div class="page-main">
<jsp:include page="/WEB-INF/views/common/header.jsp"/>
<div class="content-main">
<h2>회원탈퇴</h2>
<form id="delete_form" action="deleteUser.do"
method="post">
<ul>
<li>
<label for="id">아이디</label>
<input type="text" name="id" id="id"
maxlength="12" autocomplete="off"
class="input-check">
</li>
<li>
<label for="email">이메일</label>
<input type="email" name="email" id="email"
maxlength="50" autocomplete="off"
class="input-check">
</li>
<li>
<label for="passwd">비밀번호</label>
<input type="password" name="passwd" id="passwd"
maxlength="12" class="input-check">
</li>
<li>
<label for="cpasswd">비밀번호 확인</label>
<input type="password" id="cpasswd"
maxlength="12" class="input-check">
<span id="message_cpasswd"></span>
</li>
</ul>
<div class="align-center">
<input type="submit" value="회원탈퇴">
<input type="button" value="My페이지"
onclick="location.href='myPage.do'">
</div>
</form>
</div>
</div>
</body>
</html>
package kr.member.action;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import kr.controller.Action;
import kr.member.dao.MemberDAO;
import kr.member.vo.MemberVO;
import kr.util.FileUtil;
public class DeleteUserAction implements Action{
@Override
public String execute(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpSession session = request.getSession();
Integer user_num =
(Integer)session.getAttribute("user_num");
if(user_num == null) {//로그인이 되지 않은 경우
return "redirect:/member/loginForm.do";
}
//로그인 된 경우
//전송된 데이터 인코딩 타입 지정
request.setCharacterEncoding("utf-8");
//전송된 데이터 반환
String id = request.getParameter("id");
String email = request.getParameter("email");
String passwd = request.getParameter("passwd");
//로그인한 아이디
String user_id = (String)session.getAttribute("user_id");
MemberDAO dao = MemberDAO.getInstance();
MemberVO db_member = dao.checkMember(id);
boolean check = false;
//사용자가 입력한 아이디가 존재하고 로그인한 아이디와 일치하는지 체크,
//입력한 이메일과 저장된 이메일 일치 여부 체크
if(db_member!=null && id.equals(user_id)
&& email.equals(db_member.getEmail())) {
//비밀번호 일치 여부 체크
check = db_member.isCheckedPassword(passwd);
}
if(check) {//인증 성공
//회원정보 삭제
dao.deleteMember(user_num);
//프로필 사진 삭제
FileUtil.removeFile(request, db_member.getPhoto());
//로그아웃
session.invalidate();
}
request.setAttribute("check", check);
//JSP 경로 반환
return "/WEB-INF/views/member/deleteUser.jsp";
}
}
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:if test="${check}">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>회원탈퇴</title>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css">
</head>
<body>
<div class="page-main">
<jsp:include page="/WEB-INF/views/common/header.jsp"/>
<div class="content-main">
<h2>회원탈퇴 완료</h2>
<div class="result-display">
<div class="align-center">
회원탈퇴가 완료되었습니다.
<p>
<input type="button" value="홈으로"
onclick="location.href='${pageContext.request.contextPath}/main/main.do'">
</div>
</div>
</div>
</div>
</body>
</html>
</c:if>
<c:if test="${!check}">
<script>
alert('입력한 정보가 정확하지 않습니다.');
history.go(-1);
</script>
</c:if>
/member/modifyUserForm.do=kr.member.action.ModifyUserFormAction
/member/modifyUser.do=kr.member.action.ModifyUserAction
/member/modifyPasswordForm.do=kr.member.action.ModifyPasswordFormAction
/member/modifyPassword.do=kr.member.action.ModifyPasswordAction
/member/deleteUserForm.do=kr.member.action.DeleteUserFormAction
/member/deleteUser.do=kr.member.action.DeleteUserAction
요구 사항 정의서 작성 완료함
ERD 만들기, UI 짜기 동시 진행!



