🌱[구디아카데미 IT국비지원] - 다이어리 프로젝트 완성

김희진·2023년 4월 25일

프로젝트

목록 보기

1/2

[구디아카데미 IT국비지원] 15일차만에 다이어리 프로젝트를 완성했다.

✔ home.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%@ page import = "java.sql.ResultSet" %>
<%@ page import = "java.util.*" %>
<%@ page import = "vo.*" %>
<%
	// select notice_no, notice_title, createdate from notice
	// notice_no는 출력되지는 않아도 필요하므로 같이 불러온다!
	// order by createdate desc
	// limit 0, 5
		
	// 1) 드라이버 로딩 // mariadb를 사용가능하게 하는 드라이버 클래스 위치의 풀네임을 적는다 (굳이 외우려고 할 필요x)
	Class.forName("org.mariadb.jdbc.Driver"); 
		
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection(
			"jdbc:mariadb://127.0.0.1:3306/diary","****","****"); // 매개변수 3개 (주소,계정,암호)
		
	// 3) 쿼리 생성 후 실행
	// String sql 만들어서 미리 작성하고 하는 게 더 편함
	// 날짜순 최근 공지 5개 (내림차순)
	String sql1 = "SELECT notice_no noticeNo, notice_title noticeTitle, createdate FROM notice ORDER BY createdate DESC limit 0, 5";
	PreparedStatement stmt1 = conn.prepareStatement(sql1);
	System.out.println("home stmt1: " + stmt1); // 디버깅
	
	ResultSet rs1 = stmt1.executeQuery();
	// ResultSet -> ArrayList<Notice>
	ArrayList<Notice> noticeList = new ArrayList<Notice>();
	while(rs1.next()) {
		Notice n = new Notice();
		n.noticeNo = rs1.getInt("noticeNo"); // 이름이 불일치 // sql 작성시 별명으로 받아서 통일시켜주는 것이 좋음
		n.noticeTitle = rs1.getString("noticeTitle");
		n.createdate = rs1.getString("createdate");
		noticeList.add(n);
	}
	
	// 오늘 일정 (오름차순)
	String sql2 = "SELECT schedule_no scheduleNo, schedule_date scheduleDate, schedule_time scheduleTime, substr(schedule_memo,1,5) scheduleMemo, schedule_color scheduleColor FROM schedule WHERE schedule_date = CURDATE() ORDER BY schedule_time ASC";
	PreparedStatement stmt2 = conn.prepareStatement(sql2);
	System.out.println("home stmt2: " + stmt2); // 디버깅
	
	ResultSet rs2 = stmt2.executeQuery();
	// ResultSet -> ArrayList<Schedule>
	ArrayList<Schedule> scheduleList = new ArrayList<Schedule>();
	while(rs2.next()) {
		Schedule s = new Schedule();
		s.scheduleNo = rs2.getInt("scheduleNo"); // 이름이 불일치 // sql 작성시 별명으로 받아서 통일시켜주는 것이 좋음
		s.scheduleDate = rs2.getString("scheduleDate"); 
		s.scheduleTime = rs2.getString("scheduleTime");
		s.scheduleMemo = rs2.getString("scheduleMemo"); // 메모 전체가 아닌 일부(5글자)만 가져옴
		s.scheduleColor = rs2.getString("scheduleColor");
		scheduleList.add(s);
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>home.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div class="center"><!-- 메인메뉴 -->
		<a class="btn btn-warning krFont" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning krFont" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning krFont" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1> 프로젝트 내용 &#128187; </h1>
	<h4>
		1. mariadb를 이용하여 데이터 테이블 만들기<br>
		2. DML(Select, Insert, Delete, Update)을 이용하여 공지사항 또는 일정을 <br> 조회, 입력, 삭제, 수정할 수 있는 Form 페이지와 Action 페이지 만들기<br>
		3. Calendar 기본API를 이용하여 달력 만들기<br>
		4. 달력에 데이터 테이블을 연결시켜 일정 미리보기<br>
		4. Bootstrap5를 이용하여 CSS하기<br>
	</h4>
	<br><br>
	<h1> &#x1F49B; 최근 공지 &#x1F33B; </h1>
	<table class="table">
		<thead class="table-warning h5 krFont">
			<tr>
				<th>공지 제목</th>
				<th>작성일자</th>
			</tr>
		</thead>
		<tbody>
			<%
				for(Notice n : noticeList) {
			%>
				<tr>
					<td>
						<a class="text-dark" href="./noticeOne.jsp?noticeNo=<%=n.noticeNo%>">
						<!-- notice_title의 값은 중복될 수 있기 때문에 값은 notice_no의 값을 넘긴다 -->
						<!-- 주소?키=값 -->
							<%=n.noticeTitle%>
						</a>
					</td>
					<td><%=n.createdate.substring(0, 10) %></td>
					<!-- 자바의 날짜타입과 똑같지 않기 때문에 String타입으로 받는다 (참조타입끼리는 자동형변환이 가능하기 때문에)-->
					<!-- 시간이 제대로 출력되지 않기 때문에 substring 메서드를 이용하여 날짜부분만 출력 -->
					<!-- (시작 인덱스, 끝 인덱스) 시작 인덱스부터 ~ 끝 인덱스 앞까지 출력, 인덱스의 시작은 0 -->
				</tr>
			<%
				}
			%>
		</tbody>
	</table>
	<br><br>
	<h1> &#x1F49B; 오늘의 일정 &#x1F33B; </h1>
	<table class="table">
		<thead class="table-warning h5 krFont">
			<tr>
				<th>날짜</th>
				<th>시간</th>
				<th>일정메모</th>
			</tr>
		</thead>
		<tbody>
			<%
				for(Schedule s : scheduleList) {
			%>
				<tr>
					<td>
						<%
							// scheduleDate에서 y,m,d 값 받기
							String y = s.scheduleDate.substring(0,4);
							int m = Integer.parseInt(s.scheduleDate.substring(5,7)) - 1; // 자바 API는 0월부터 시작
							String d = s.scheduleDate.substring(8);
						%>
						<a class="text-dark" href="./scheduleListByDate.jsp?y=<%=y%>&m=<%=m%>&d=<%=d%>">
							<%=s.scheduleDate%>
						</a>
					</td>
					<td><%=s.scheduleTime.substring(0, 5)%></td>
					<td>
						<!-- 별명 사용 -->
						<div style="color: <%=s.scheduleColor%>">
							<%=s.scheduleMemo%>
						</div>
					</td>
				</tr>
			<%
				}
			%>
		</tbody>
	</table>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ noticeList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%@ page import = "java.sql.ResultSet" %> <!-- 조회할 때만 사용 -->
<%@ page import = "java.util.*" %> <!-- arraylist 사용하기 위해 -->
<%@ page import = "vo.*" %> <!-- 만든 클래스 가져오기 -->
<%
	// 요청분석
	// 현재페이지
	int currentPage = 1; // 현재 페이지는 1페이지부터 시작
	if(request.getParameter("currentPage") != null) { // 즉, 이전 or 다음을 눌렀을 경우
		currentPage = Integer.parseInt(request.getParameter("currentPage"));
	}
	System.out.println("currentPage: " + currentPage); // 디버깅
	
	// 페이지당 출력할 행의 수
	int rowPerPage = 10; // 공지를 몇개씩 출력할지
	
	// 시작 행 번호
	int startRow = (currentPage-1)*rowPerPage; 
	/*
	currentPage		startRow(rowPerPage 10일때)	
	1				0	<-- (currentPage-1)*rowPerPage
	2				10
	3				20
	4				30
	*/
	// int startRow = 0; // 1페이지 일때는 0으로 시작
	
	
	// DB연결 설정
	// select notice_no, notice_title, createdate from notice
	// order by createdate desc
	// limit ?, ?
	// 값은 페이지마다 계속 바뀔 것이므로 ?로 둔다
				
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 생성 후 실행
	String sql = "SELECT notice_no noticeNo, notice_title noticeTitle, createdate FROM notice ORDER BY createdate DESC limit ?, ?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 2개
	stmt.setInt(1, startRow);
	stmt.setInt(2, rowPerPage); 
	System.out.println("noticeList sql: " + stmt); // 디버깅
	
	// 공지 리스트 출력하기
	ResultSet rs = stmt.executeQuery();
	// ResultSet타입(집합 자료구조타입)을 일반적인 타입(자바 배열 또는 기본API안에 있는 자료구조 타입인 List, Set, Map 등..)으로 바꾸기
	// ResultSet -> ArrayList<Notice>
	ArrayList<Notice> noticeList = new ArrayList<Notice>();
	while(rs.next()) {
		Notice n = new Notice();
		n.noticeNo = rs.getInt("noticeNo"); // 이름이 불일치 // sql 작성시 별명으로 받아서 통일시켜주는 것이 좋음
		n.noticeTitle = rs.getString("noticeTitle");
		n.createdate = rs.getString("createdate");
		noticeList.add(n);
	}
	
	// 데이터 총 갯수
	// select count(*) from notice
	PreparedStatement stmt2 = conn.prepareStatement("select count(*) from notice");
	ResultSet rs2 = stmt2.executeQuery();
	int totalRow = 0;
	if(rs2.next()) {
		totalRow = rs2.getInt("count(*)"); // 이 ResultSet은 굳이 바꿀 필요 없음 // 이미 int타입인 totalRow라는 변수로 바뀌었기 때문
	}
	
	// 마지막 페이지
	int lastPage = totalRow / rowPerPage;
	if(totalRow % rowPerPage != 0) { // 페이지가 딱 나누어떨어지지 않으면 한페이지가 더 필요하다
		lastPage = lastPage + 1;
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>noticeList.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning krFont" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning krFont" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning krFont" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<table class="container">
		<tr>
			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td>
				<h1 class="enFont"> &#x1F49B notice list &#x1F33B </h1> <!-- 출력할 땐 month +1 -->
			</td>
			<td>
				<a class="btn btn-outline-secondary btn-sm krFont" href="./insertNoticeForm.jsp">공지입력</a>
			</td>
		</tr>
	</table>	
	<table class="table">
		<thead class="table-warning h5 krFont">
		<tr>
			<th>공지 제목</th>
			<th>작성일자</th>
		</tr>
		</thead>
		<tbody>
		<%
			// while(rs.next()) {
			for(Notice n : noticeList) {
		%>
			<tr>
				<td>
					<a class="krFont text-dark" href="./noticeOne.jsp?noticeNo=<%=n.noticeNo%>">
						<%=n.noticeTitle %>
					</a>
				</td>
				<td class="krFont"><%=n.createdate.substring(0, 10) %></td>
			</tr>
		<%
			}
		%>
		</tbody>
	</table>
	
	<%
		if(currentPage > 1) { // 이전은 1페이지에서는 출력되면 안된다
	%>
			<a class="krFont text-dark" href="./noticeList.jsp?currentPage=<%=currentPage-1%>">이전</a>
	<%
		}
 	%>
		<span class="enFont"> <%=currentPage%> </span> <!-- 현재페이지 -->
	<%
		if(currentPage < lastPage) { // 마지막 페이지에서는 다음이 촐력되면 안된다
	%>
			<a class="krFont text-dark" href="./noticeList.jsp?currentPage=<%=currentPage+1%>">다음</a>
	<%
		}
	%>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ insertNoticeForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>insertNoticeForm.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1 class="krFont"> 공지 작성하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./insertNoticeAction.jsp" method="post">
		<table class="table container">
			<tr>
				<th class="table-warning">공지 제목</th>
				<td>
					<input type="text" name="noticeTitle">
				</td>
			</tr>
			<tr>
				<th class="table-warning">공지 내용</th>
				<td>
					<textarea rows="5" cols="80" name="noticeContent"></textarea>
				</td>
			</tr>
			<tr>
				<th class="table-warning">작성자</th>
				<td>
					<input type="text" name="noticeWriter">
				</td>
			</tr>
			<tr>
				<th class="table-warning">비밀번호</th>
				<td>
					<input type="password" name="noticePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
			<div>
			<a class="btn btn-outline-secondary" href="./noticeList.jsp">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">작성</button>
		</div>
	</form>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ insertNoticeAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%
	// post방식 인코딩 처리 (한글 깨지지 않게)
	request.setCharacterEncoding("utf-8");

	// validation (요청 파라미터값 유효성 검사)
	// 공백도 잊지 말기! 공백은 equals로
	String msg = null;
	if(request.getParameter("noticeTitle") == null
			|| request.getParameter("noticeTitle").equals("")) {
		msg = "Title is required!";
	} else if(request.getParameter("noticeContent") == null
			|| request.getParameter("noticeContent").equals("")) {
		msg = "Content is required!";
	} else if(request.getParameter("noticeWriter") == null
			|| request.getParameter("noticeWriter").equals("")) {
		msg = "Writer is required!";
	} else if(request.getParameter("noticePw") == null
			|| request.getParameter("noticePw").equals("")) {
		msg = "Password is required!";
	}
	System.out.println("insertNoticeAction msg: " + msg); // 디버깅
	
	if(msg != null) {
		response.sendRedirect("./insertNoticeForm.jsp?msg=" + msg);
		return;
	}

	// 값 변수로 받아놓기
	String noticeTitle = request.getParameter("noticeTitle");
	String noticeContent = request.getParameter("noticeContent");
	String noticeWriter = request.getParameter("noticeWriter");
	String noticePw = request.getParameter("noticePw");
	
	// 값들을 데이터 테이블에 입력(insert)
	/*
		insert into notice(
				notice_title, notice_content, notice_writer, notice_pw, createdate, updatedate
		) values(?,?,?,?,now(),now())
	*/
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
			
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	
	// 3) 쿼리 생성 후 실행
	String sql = "INSERT INTO notice(notice_title, notice_content, notice_writer, notice_pw, createdate, updatedate) values(?,?,?,?,now(),now())";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 4개 (1~4)
	stmt.setString(1, noticeTitle);
	stmt.setString(2, noticeContent);
	stmt.setString(3, noticeWriter);
	stmt.setString(4, noticePw);
	System.out.println("insertNoticeAction sql: " + stmt); // 디버깅
	
	// 4) 쿼리가 잘 실행되었는지 확인
	int row = stmt.executeUpdate(); // 디버깅용도, 1이면 1행 insert성공/ 2면 2행 insert성공 / 0이면 insert된 행이 없음
	// conn.commit(); // conn.setAutoCommit의 디폴트값이 ture이므로 자동 commit되기 때문에 생략
	if(row == 1) {
		System.out.println("insertNoticeAction 쿼리 실행 성공");
	} else {
		System.out.println("insertNoticeAction 쿼리 실행 실패");
	}
	
	// view가 없으므로 redirection
	response.sendRedirect("./noticeList.jsp");
%>

✔ noticeOne.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%@ page import = "java.sql.ResultSet" %>
<%@ page import = "vo.*" %>
<%
	// 유효성 검사
	if(request.getParameter("noticeNo") == null){
		response.sendRedirect("./noticeList.jsp");
		// 다시 돌아가야할 주소를 알려줌
		// 페이지 단위의 프로그램이므로 내가 설정한 루트대로 넘어오지 않을수도(=noticeNo의 값이 null일수도) 있기 때문에
		return;
		// 1) 코드진행종료 2) 반환값을 넘겨줌
	}

	int noticeNo = Integer.parseInt(request.getParameter("noticeNo"));
	// noticeNo의 값 가져와서 int타입으로 바꾸기
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver");
	// 2) db 서버 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성 후 실행
	// 쿼리는 해당 페이지에 사용하는 정보에 맞게 다시 작성
	String sql = "SELECT notice_no noticeNo, notice_title noticeTitle, notice_content noticeContent, notice_writer noticeWriter, createdate, updatedate FROM notice WHERE notice_no = ?";
	// String sql = "select * from notice where notice_no = ?";
	// 넘어오는 notice_no의 값이 계속 달라지므로 ?로 입력
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setInt(1, noticeNo);
	// ?로 입력된 notice_no의 값을 set메서드를 이용하여 noticeNo로 바꾸기
	// 첫번째 ? = 1 // 1부터 센다
	System.out.println("noticeOne sql: " + stmt); // 디버깅
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> 데이터 타입(Notice)의 클래스로 바꾸기
	Notice notice = null;
	// 한번에 쓰면 Notice notice = new Notice();
	if(rs.next()) {
		notice = new Notice();
		notice.noticeNo = rs.getInt("noticeNo");
		notice.noticeTitle = rs.getString("noticeTitle");
		notice.noticeContent = rs.getString("noticeContent");
		notice.noticeWriter = rs.getString("noticeWriter");
		notice.createdate = rs.getString("createdate");
		notice.updatedate = rs.getString("updatedate");
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>noticeOne.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning krFont" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning krFont" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning krFont" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1 class="krFont">공지 상세보기 &#x1F4DD </h1>
		<table class="table container">
				<tr>
					<th class="table-warning">글번호</th>
					<td><%=notice.noticeNo%></td>
				</tr>
				<tr>
					<th class="table-warning">공지 제목</th>
					<td><%=notice.noticeTitle%></td>
				</tr>
				<tr>
					<th class="table-warning">공지 내용</th>
					<td><%=notice.noticeContent%></td>
				</tr>
				<tr>
					<th class="table-warning">작성자</th>
					<td><%=notice.noticeWriter%></td>
				</tr>
				<tr>
					<th class="table-warning">작성일자</th>
					<td><%=notice.createdate.substring(0, 10)%></td>
				</tr>
				<tr>
					<th class="table-warning">수정일자</th>
					<td><%=notice.updatedate.substring(0, 10)%></td>
				</tr>
		</table>
	<div class="center">
		<a class="btn btn-outline-secondary" href="./noticeList.jsp">뒤로</a>
		<!-- 어떤 게시글을(noticeNo로 구분) 삭제/수정할지 -->
		<a class="btn btn-outline-secondary" href="./updateNoticeForm.jsp?noticeNo=<%=noticeNo%>">수정</a>
		<a class="btn btn-outline-secondary" href="./deleteNoticeForm.jsp?noticeNo=<%=noticeNo%>">삭제</a>
	</div>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ updateNoticeForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%@ page import = "java.sql.ResultSet" %> <!-- 수정폼도 select 해야하므로 rs 이용 -->
<%@ page import = "vo.*" %>
<%
	// 유효성 검사
	// null일 경우 리다이렉션
	// 리턴 // 코드진행종료 // 반환값을 넘길때
	if(request.getParameter("noticeNo") == null) {
		response.sendRedirect("./noticeList.jsp");
		return;
	}
	
	// null이 아닐경우
	// 변수에 값 받기 // int 타입으로 변환
	int noticeNo = Integer.parseInt(request.getParameter("noticeNo"));
	System.out.println("updateNoticeForm noticeNo: " + noticeNo); // 디버깅
	
	// 1) 드라이버로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db서버에 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성
	// 해당 no에 맞는 페이지 출력 == noticeOne 페이지와 같은 sql
	String sql = "SELECT notice_no noticeNo, notice_title noticeTitle, notice_content noticeContent, notice_writer noticeWriter, createdate, updatedate FROM notice WHERE notice_no = ?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// 첫번째 ?에 noticeNo 값을 set
	stmt.setInt(1, noticeNo);
	System.out.println("updateNoticeForm sql: " + stmt); // 디버깅
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> 데이터 타입(Notice)의 클래스로 바꾸기
	Notice notice = null;
	// 한번에 쓰면 Notice notice = new Notice();
	if(rs.next()) {
		notice = new Notice();
		notice.noticeNo = rs.getInt("noticeNo");
		notice.noticeTitle = rs.getString("noticeTitle");
		notice.noticeContent = rs.getString("noticeContent");
		notice.noticeWriter = rs.getString("noticeWriter");
		notice.createdate = rs.getString("createdate");
		notice.updatedate = rs.getString("updatedate");
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>updateNoticeForm.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1 class="krFont"> 공지 수정하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./updateNoticeAction.jsp" method="post">
		<table class="table container">
			<tr>
				<!-- 수정불가지만, action페이지에서 where절에 들어가야하므로 (값을 넘겨야하므로) input type은 hidden으로 숨기기 -->
				<th class="table-warning">글번호</th>
				<td>
					<%=notice.noticeNo%> <!-- 단순 출력 -->
					<input type="hidden" name="noticeNo" value="<%=notice.noticeNo%>">
				</td>
			</tr>
			<tr>
				<!-- 수정가능란, input태그 -->
				<th class="table-warning">공지 제목</th>
				<td>
					<input type="text" name="noticeTitle" value="<%=notice.noticeTitle%>">
				</td>
			</tr>
			<tr>
				<!-- 수정가능란, input태그 -->
				<th class="table-warning">공지 내용</th>
				<td>
					<textarea rows="5" cols="80" name="noticeContent"><%=notice.noticeContent%></textarea>
				</td>
			</tr>
			<tr>
				<!-- 수정불가란, 출력만 하기 -->
				<th class="table-warning">작성자</th>
				<td>
					<%=notice.noticeWriter%>
				</td>
			</tr>
			<tr>
				<!-- 수정불가란, 출력만 하기 -->
				<th class="table-warning">생성일자</th>
				<td>
					<%=notice.createdate.substring(0, 10)%>
				</td>
			</tr>
			<tr>
				<!-- 수정불가란, 출력만 하기 -->
				<th class="table-warning">수정일자</th>
				<td>
					<%=notice.updatedate.substring(0, 10)%>
				</td>
			</tr>
			<tr>
				<!-- 패스워드입력란, action페이지에서 where절에 들어가야하므로 (값을 넘겨야하므로) input태그 -->
				<th class="table-warning">비밀번호</th>
				<td>
					<input type="password" name="noticePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
		<div>
			<a class="btn btn-outline-secondary" href="./noticeOne.jsp?noticeNo=<%=noticeNo%>">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">수정</button>
		</div>
	</form>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ updateNoticeAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%
	// post방식 인코딩처리 // 한글 깨지지 않게
	request.setCharacterEncoding("utf-8");
	
	//유효성 검사 (1)
	// noticNo가 null이면 form페이지로 갈 수 없으므로 list페이지로 리다이렉션
	if(request.getParameter("noticeNo") == null) {
		response.sendRedirect("./noticeList.jsp");
		return; // 코드진행종료
	}

	// 유효성 검사 (2)
	// null 이거나 공백인 것에따라 에러메세지(msg) 분기
	String msg = null;
	if(request.getParameter("noticeTitle") == null
			|| request.getParameter("noticeTitle").equals("")) {
			msg = "Title is required!";
	} else if(request.getParameter("noticeContent") == null
			|| request.getParameter("noticeContent").equals("")) {
			msg = "Content is required!";
	} else if(request.getParameter("noticePw") == null
			|| request.getParameter("noticePw").equals("")) {
			msg = "Password is required!";
	}
	System.out.println("updateNoticeAction msg: " + msg); // 디버깅
	
	// msg 발생 시 수정폼 페이지로 리다이렉션 // msg도 출력되게 하기 위해 같이 넘겨준다
	if(msg != null) {
		response.sendRedirect("./updateNoticeForm.jsp?noticeNo=" + request.getParameter("noticeNo") + "&msg=" + msg);
		return; // 코드진행종료
	}
	
	// null 이거나 공백이 아닐 경우
	// 값 변수에 받기 (형변환)
	int noticeNo = Integer.parseInt(request.getParameter("noticeNo")); // int타입으로 변환
	String noticePw = request.getParameter("noticePw");
	String noticeTitle = request.getParameter("noticeTitle");
	String noticeContent = request.getParameter("noticeContent");
	
	// 디버깅
	// 어느 페이지의 어떤 디버깅인지도 잘 적어주기
	System.out.println("updateNoticeAction noticeNo: " + noticeNo);
	System.out.println("updateNoticeAction noticePw: " + noticePw);
	System.out.println("updateNoticeAction noticeTitle: " + noticeTitle);
	System.out.println("updateNoticeAction noticeContent: " + noticeContent);
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
				
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
		
	// 3) 쿼리 생성 후 실행
	// UPDATE notice SET notice_title=? , notice_content=? , updatedate=now() WHERE notice_no=? AND notice_pw=?
	String sql = "UPDATE notice SET notice_title=? , notice_content=? , updatedate=now() WHERE notice_no=? AND notice_pw=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 4개
	stmt.setString(1, noticeTitle);
	stmt.setString(2, noticeContent);
	stmt.setInt(3, noticeNo); // noticeNo는 int타입
	stmt.setString(4, noticePw);
	System.out.println("updateNoticeAction sql: " + stmt); // 디버깅
	
	// 쿼리가 잘 실행되었는지 확인
	int row = stmt.executeUpdate(); // 수정 성공시 1, 실패시 0
	System.out.println("updateNoticeAction row: " + row);
	
	// 수정 성공 유무에 따라 리다이렉션
	// = 쿼리 실행 결과에 따라 페이지(View)를 분기한다
	if(row == 0) { // 패스워드가 일치하지 않는 경우
		msg = "incorrect Password!";
		response.sendRedirect("./updateNoticeForm.jsp?noticeNo=" + noticeNo + "&msg=" + msg);
		// form페이지로 // msg 발생
   	} else if(row == 1) { // 쿼리 실행 성공
      response.sendRedirect("./noticeOne.jsp?noticeNo="+noticeNo);
   		// 확인을 위해 상세페이지(noticeOne)로
  	} else { // 그 외 경우의 에러 발생은 update문 실행을 취소(rollback)해야 한다
      System.out.println("error 발생 row값 : "+row);
 	}

%>

✔ deleteNoticeForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "vo.*" %>
<%
	// 요청값 유효성 검사
	if(request.getParameter("noticeNo") == null
			|| request.getParameter("noticeNo").equals("")) {
		response.sendRedirect("./noticeList.jsp");
		return; // 1) 코드진행종료 2) 반환값을 넘길때
	}
	
	// 값 변수에 받기
	// int 타입이므로 Integer.parseInt
	int noticeNo = Integer.parseInt(request.getParameter("noticeNo"));
	System.out.println("deleteNoticeForm noticeNo: " + noticeNo); // 디버깅할 때 옆에 설명도 잘 넣기
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db 서버 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성 및 실행
	// 쿼리는 해당 페이지에 사용하는 정보에 맞게 다시 작성
	String sql = "SELECT notice_no noticeNo, notice_title noticeTitle, notice_content noticeContent, notice_writer noticeWriter, createdate, updatedate FROM notice WHERE notice_no = ?";
	// String sql = "select * from notice where notice_no = ?";
	// 넘어오는 notice_no의 값이 계속 달라지므로 ?로 입력
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setInt(1, noticeNo);
	// ?로 입력된 notice_no의 값을 set메서드를 이용하여 noticeNo로 바꾸기
	// 첫번째 ? = 1 // 1부터 센다
	System.out.println("deleteNoticeForm sql: " + stmt); // 디버깅
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> 데이터 타입(Notice)의 클래스로 바꾸기
	Notice notice = null;
	// 한번에 쓰면 Notice notice = new Notice();
	if(rs.next()) {
		notice = new Notice();
		notice.noticeNo = rs.getInt("noticeNo");
		notice.noticeTitle = rs.getString("noticeTitle");
		notice.noticeContent = rs.getString("noticeContent");
		notice.noticeWriter = rs.getString("noticeWriter");
		notice.createdate = rs.getString("createdate");
		notice.updatedate = rs.getString("updatedate");
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>deleteNoticeForm.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1 class="krFont"> 공지 삭제하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./deleteNoticeAction.jsp" method="post">
		<table class="table container">
			<tr>
				<!-- noticeNo는 action페이지로 값을 넘기고 hidden으로 숨기기 -->
				<th class="table-warning">글번호</th>
				<td>
					<%=notice.noticeNo%> <!-- 단순 출력 -->
					<input type="hidden" name="noticeNo" value="<%=noticeNo%>">
				</td>
			</tr>
			<tr>
				<th class="table-warning">공지 제목</th>
				<td><%=notice.noticeTitle%></td>
			</tr>
			<tr>
				<th class="table-warning">공지 내용</th>
				<td><%=notice.noticeContent%></td>
			</tr>
			<tr>
				<th class="table-warning">작성자</th>
				<td><%=notice.noticeWriter%></td>
			</tr>
			<tr>
				<th class="table-warning">작성일자</th>
				<td><%=notice.createdate.substring(0, 10)%></td>
			</tr>
			<tr>
				<th class="table-warning">수정일자</th>
				<td><%=notice.updatedate.substring(0, 10)%></td>
			</tr>
			<tr>
				<th class="table-warning">비밀번호</th>
				<td>
					<!-- action 페이지에서 pw가 일치하는지 확인 -->
					<input type="password" name="noticePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
		<div>
			<a class="btn btn-outline-secondary" href="./noticeOne.jsp?noticeNo=<%=noticeNo%>">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">삭제</button>
		</div>
	</form>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ deleteNoticeAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.Connection" %>
<%@ page import = "java.sql.DriverManager" %>
<%@ page import = "java.sql.PreparedStatement" %>
<%
	// 요청값 유효성 검사
	String msg = null;
	if(request.getParameter("noticeNo") == null
			|| request.getParameter("noticeNo").equals("")) {
		response.sendRedirect("./noticeList.jsp");
		// 비정상적인 접근(noticeNo가 null이거나 공백)은 list페이지로
		return;
	} else if(request.getParameter("noticePw") == null
			|| request.getParameter("noticePw").equals("")) {
		msg = "Password is required!"; // 비밀번호가 null이거나 공백일 경우 msg 발생
	}
	System.out.println("deleteNoticeAction msg: " + msg); // 디버깅
	
	// msg 발생 시 해당 form 페이지로 리다이렉션 // msg도 출력되게 하기 위해 같이 넘겨준다
	if(msg != null) {
		response.sendRedirect("./deleteNoticeForm.jsp?noticeNo=" + request.getParameter("noticeNo") + "&msg=" + msg);
		return;
	}

	// 유효성 검사에 걸리지 않았을 경우 값 변수에 받기
	int noticeNo = Integer.parseInt(request.getParameter("noticeNo"));
	String noticePw = request.getParameter("noticePw");
	
	// 디버깅 // 어디에서 출력하는 건지도 같이 적어주기
	System.out.println("deleteNoticeAction noticeNo: " + noticeNo);
	System.out.println("deleteNoticeAction noticePw: " + noticePw);
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver");
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 삭제 쿼리 생성
	// storeNo와 storepw가 모두 일치해야하므로 and절 사용
	String sql = "DELETE FROM notice WHERE notice_no=? AND notice_pw=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 2개 (1~2)
	stmt.setInt(1, noticeNo);
	stmt.setString(2, noticePw);
	System.out.println("deleteNoticeAction sql: " + stmt); // 디버깅
	
	// 삭제 쿼리가 잘 실행되었는지 확인
	int row = stmt.executeUpdate(); // 정상 실행시 1, 실패시 0
	System.out.println("deleteNoticeAction row: " + row);
	
	if(row == 0) { // 0일경우 패스워드 오류
		msg = "incorrect Password!";
		response.sendRedirect("./deleteNoticeForm.jsp?noticeNo=" + noticeNo + "&msg=" + msg);
	} else { // 1일경우 쿼리 실행 성공
		response.sendRedirect("./noticeList.jsp");
	}
%>

✔ scheduleList.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.util.*" %> <!-- *로 모든 명령어를 import 가능 -->
<%@ page import = "java.sql.*" %>
<%@ page import = "vo.*" %>
<%
	// if문보다 먼저 선언
	int targetYear = 0;
	int targetMonth = 0;
	
	// 유효성 검사 // null이면 오늘 날짜의 년월값 주기
	if (request.getParameter("targetYear") == null
			|| request.getParameter("targetMonth") == null) {
		Calendar c =  Calendar.getInstance();
		targetYear = c.get(Calendar.YEAR);
		targetMonth = c.get(Calendar.MONTH); // 0~11월이지만 여기서 +1을 하면 알고리즘이 깨짐
	} else { // null이 아닐 경우 형변환
		targetYear = Integer.parseInt(request.getParameter("targetYear"));
		targetMonth = Integer.parseInt(request.getParameter("targetMonth"));
	}
	// 디버깅
	System.out.println("scheduleList targetYear: " + targetYear + "년");
	System.out.println("scheduleList targetMonth: " + targetMonth + "월");
	
	// 본격적으로 날짜 구하기
	// 오늘 날짜 (오늘 날짜를 표시해주기 위해!)
	Calendar today = Calendar.getInstance();
	int todayYear = today.get(Calendar.YEAR);
	int todayMonth = today.get(Calendar.MONTH);
	int todayDate = today.get(Calendar.DATE);
	System.out.println("today: " + todayYear + "-" + todayMonth + "-" + todayDate);
	
	// targetMonth(출력할 월)의 1일로 셋팅
	Calendar targetDay = Calendar.getInstance();
	targetDay.set(Calendar.YEAR, targetYear);
	targetDay.set(Calendar.MONTH, targetMonth);
	targetDay.set(Calendar.DATE, 1);
	
	// 셋팅한 뒤, api 내부에서 자동으로 변경된 값 다시 변수에 넣기
	/*
		년23월12 입력 Calendar API내부에서 년24 월1변경
		년23월-1 입력 Calendar API내부에서 년22 월12 변경
	*/
	targetYear = targetDay.get(Calendar.YEAR);
	targetMonth = targetDay.get(Calendar.MONTH);
	System.out.println("scheduleList api 실행 후 targetYear: " + targetYear + "년");
	System.out.println("scheduleList api 실행 후 targetMonth: " + targetMonth + "월");
	
	// targetMonth(출력할 월)의 1일의 요일 구하기
	// DAY_OF_WEEK (일요일부터 토요일까지 1,2,3,4,5,6,7)			
	int firstYoil = targetDay.get(Calendar.DAY_OF_WEEK);
	System.out.println("firstYoil: " + firstYoil);
	// 1일 앞의 공백칸 수 구하기
	int startBlank = firstYoil - 1;
	System.out.println("startBlank: " + startBlank + "개");
	
	// targetMonth(출력할 월)의 마지막일 구하기
	// ActualMaximum 가지고 있는 날짜 중에 가장 큰 날짜 즉, 마지막 날짜
	int lastDate = targetDay.getActualMaximum(Calendar.DATE);
	System.out.println("lastDate: " + lastDate + "일");
	// 마지막일 뒤의 공백칸 수 구하기
	int endBlank = 0;
	if((startBlank + lastDate) % 7 != 0 ) {
		endBlank = 7 - ((startBlank + lastDate) % 7);
		// 나머지는 마지막 줄에서 출력된 칸 수이므로 7에서 빼주면 공백칸 수를 구할 수 있다
	}
	System.out.println("endBlank: " + endBlank + "개");
	
	// targetMonth(출력할 월)의 총 td의 갯수
	int totalTd = startBlank + lastDate + endBlank;
	System.out.println("totalTd: 총 " + totalTd + "개");
	
	// 전월 마지막날짜 구하기
	Calendar preDate = Calendar.getInstance();
 	preDate.set(Calendar.YEAR, targetYear);
	preDate.set(Calendar.MONTH, targetMonth-1);
	int preEndDate = preDate.getActualMaximum(Calendar.DATE);
	
	// DB date를 가져오는 알고리즘
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 	
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 생성 후 실행
	String sql = "SELECT schedule_no scheduleNo, DAY(schedule_date) scheduleDate, substr(schedule_memo, 1, 5) scheduleMemo, schedule_color scheduleColor FROM schedule WHERE YEAR(schedule_date)=? AND MONTH(schedule_date)=? ORDER BY MONTH(schedule_date) ASC;";
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setInt(1, targetYear);
	stmt.setInt(2, targetMonth + 1); // 자바API와 마리아DB의 시작월이 0과 1로 다르기 때문에 +1을 해준다
	System.out.println("scheduleList sql: " + stmt);
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> ArrayList<Schedule>
	ArrayList<Schedule> scheduleList = new ArrayList<Schedule>();
	while(rs.next()) {
		Schedule s = new Schedule(); // rs의 갯수만큼 만들어짐
		s.scheduleNo = rs.getInt("scheduleNo");
		s.scheduleDate = rs.getString("scheduleDate"); // 실제로는 day(일)만 가져옴
		s.scheduleMemo = rs.getString("scheduleMemo"); // 메모 전체가 아닌 일부(5글자)만 가져옴
		s.scheduleColor = rs.getString("scheduleColor");
		scheduleList.add(s);
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>scheduleList.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning krFont" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning krFont" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning krFont" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<table class="container">
		<tr>
			<td>
				<a class="btn btn-outline-secondary btn-sm krFont" href="./scheduleList.jsp?targetYear=<%=targetYear%>&targetMonth=<%=targetMonth - 1%>">이전달</a>
			</td>
			<td>
				<h1 class="enFont"> &#x1F49B <%=targetYear%>.<%=targetMonth + 1%> calendar &#x1F33B </h1> <!-- 출력할 땐 month +1 -->
			</td>
			<td>
				<a class="btn btn-outline-secondary btn-sm krFont" href="./scheduleList.jsp?targetYear=<%=targetYear%>&targetMonth=<%=targetMonth + 1%>">다음달</a>
			</td>
		</tr>
	</table>
	<table class="table">
		<thead class="table-warning h5 krFont">
			<tr>
				<th>일</th>
				<th>월</th>
				<th>화</th>
				<th>수</th>
				<th>목</th>
				<th>금</th>
				<th>토</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<%
					for(int i=0; i<totalTd; i+=1) { // totalTd만큼 출력
						if(i != 0 && i % 7 == 0) { // 7칸마다 줄바꿈(tr)
				%>
							</tr><tr>
					<%
						}
						String tdStyle = "";
						int num = i - startBlank + 1; // td에 출력되는 일
						if(num > 0 && num <= lastDate) { // 출력되는 일은 1일~마지막일
							// 오늘 날짜 표시해주기 // tdStyle 변수 이용
							if(todayYear == targetYear
								&& todayMonth == targetMonth
								&& todayDate == num) {
								tdStyle ="background-color: #FFE08C;";
							}
							if(i % 7 == 0) { // 일요일
					%>
							<td style = "<%=tdStyle%>">
								<div class="h5 enFont"> <!-- num일 -->
									<a class="text-danger" href="./scheduleListByDate.jsp?y=<%=targetYear%>&m=<%=targetMonth%>&d=<%=num%>"><%=num%></a>
								</div>
								<div> <!-- 일정 memo 잘라서(5글자만) 보여주기 -->
									<%
										for(Schedule s : scheduleList) { // 이렇게 하면 일마다 모든 값이 출력됨
											if(num == Integer.parseInt(s.scheduleDate)) { // num일과 일치하는 값만 출력됨 // num은 int타입이므로 맞춰주기
									%>
												<div class="krFont" style="color: <%=s.scheduleColor%>"><%=s.scheduleMemo%></div>
												<!-- style에 color값 넣어주기 -->
									<%
											}
										}
									%>
								</div>
							</td>
					<%
							} else if(i % 7 == 6) { // 토요일
					%>
							<td style = "<%=tdStyle%>">
								<div class="h5 enFont"> <!-- num일 -->
									<a class="text-primary" href="./scheduleListByDate.jsp?y=<%=targetYear%>&m=<%=targetMonth%>&d=<%=num%>"><%=num%></a>
								</div>
								<div> <!-- 일정 memo 잘라서(5글자만) 보여주기 -->
									<%
										for(Schedule s : scheduleList) { // 이렇게 하면 일마다 모든 값이 출력됨
											if(num == Integer.parseInt(s.scheduleDate)) { // num일과 일치하는 값만 출력됨 // num은 int타입이므로 맞춰주기
									%>
												<div class="krFont" style="color: <%=s.scheduleColor%>"><%=s.scheduleMemo%></div>
												<!-- style에 color값 넣어주기 -->
									<%
											}
										}
									%>
								</div>
							</td>
					<%
							} else { // 그 밖 평일
					%>
							<td style = "<%=tdStyle%>">
								<div class="h5 enFont"> <!-- num일 -->
									<a class="text-dark" href="./scheduleListByDate.jsp?y=<%=targetYear%>&m=<%=targetMonth%>&d=<%=num%>"><%=num%></a>
								</div>
								<div> <!-- 일정 memo 잘라서(5글자만) 보여주기 -->
									<%
										for(Schedule s : scheduleList) { // 이렇게 하면 일마다 모든 값이 출력됨
											if(num == Integer.parseInt(s.scheduleDate)) { // num일과 일치하는 값만 출력됨 // num은 int타입이므로 맞춰주기
									%>
												<div class="krFont" style="color: <%=s.scheduleColor%>"><%=s.scheduleMemo%></div>
												<!-- style에 color값 넣어주기 -->
									<%
											}
										}
									%>
								</div>
							</td>
				<%
							}	
						} else if(num < 1){ // 1일 전
				%>
							<td class="text-black-50 h5 enFont">
								<%=preEndDate + num%>
							</td>
				<%			
						} else { // 마지막날 이후
				%>
							<td class="text-black-50 h5 enFont">
								<%=num - lastDate%>
							</td>
				<%
						}
					}
				%>
			</tr>
		</tbody>
	</table>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ scheduleListByDate.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %> <!-- *로 모든 명령어를 import 가능 -->
<%@ page import = "java.util.*" %>
<%@ page import = "vo.*" %>
<%
	// 유효성 검사
	// y, m, d의 값이 null 이거나 공백일 경우
	if(request.getParameter("y") == null
			|| request.getParameter("y").equals("")
			|| request.getParameter("m") == null
			|| request.getParameter("m").equals("")
			|| request.getParameter("d") == null
			|| request.getParameter("d").equals("")) {
		response.sendRedirect("./scheduleList.jsp");
		return;
	}
	
	//  y, m, d의 값이 null 이거나 공백이 아닐경우 형변환
	int y = Integer.parseInt(request.getParameter("y"));
	int m = Integer.parseInt(request.getParameter("m")) + 1; // 자바API에서는 0월부터 시작하므로 +1을 해준다
	int d = Integer.parseInt(request.getParameter("d"));
	
	// 디버깅
	System.out.println("scheduleListByDate y: " + y);
	System.out.println("scheduleListByDate m: " + m);
	System.out.println("scheduleListByDate d: " + d);
	
	// yyyy-mm-dd 형식에 맞추기 위해
	String strM = m+""; // 공백 붙여서 간단하게 String타입으로 바꾸기
	if(m<10) { // 일의 자리 수면 앞에 0 붙여주기
		strM = "0" + strM;
	}
	String strD = d+"";
	if(d<10) {
		strD = "0" + strD;
	}
	
	// 스케줄 목록 공간에 출력 (일별 스케줄 리스트)
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 	
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 생성 후 실행
	String sql = "SELECT schedule_no scheduleNo, schedule_date scheduleDate, schedule_time scheduleTime, schedule_memo scheduleMemo, schedule_color scheduleColor, createdate, updatedate FROM schedule WHERE schedule_date=? ORDER BY schedule_time DESC";
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setString(1, y + "-" + strM + "-" + strD); // yyyy-mm-dd 형식에 맞추기
	System.out.println("scheduleListByDate sql: " + stmt);
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> ArrayList<Schedule>
	ArrayList<Schedule> scheduleList = new ArrayList<Schedule>();
	while(rs.next()) {
		Schedule s = new Schedule(); // rs의 갯수만큼 만들어짐
		s.scheduleNo = rs.getInt("scheduleNo");
		s.scheduleDate = rs.getString("scheduleDate"); // 실제로는 day(일)만 가져옴
		s.scheduleTime = rs.getString("scheduleTime");
		s.scheduleMemo = rs.getString("scheduleMemo"); // 메모 전체가 아닌 일부(5글자)만 가져옴
		s.scheduleColor = rs.getString("scheduleColor");
		s.createdate = rs.getString("createdate");
		s.updatedate = rs.getString("updatedate");
		scheduleList.add(s);
	}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>scheduleListByDate.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning krFont" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning krFont" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning krFont" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<!-- 스케줄 입력 공간 -->
	<h1> 일정 추가하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./insertScheduleAction.jsp" method="post">
		<table class="table container">
			<tr>
				<th class="table-warning">날짜</th>
				<td>
					<input type="date" name="scheduleDate" value="<%=y%>-<%=strM%>-<%=strD%>" readonly="readonly">
					<!-- 선택된 날짜는 수정 안되게 readonly -->
				</td>
			</tr>
			<tr>
				<th class="table-warning">시간</th>
				<td>
					<input type="time" name="scheduleTime">
				</td>
			</tr>
			<tr>
				<th class="table-warning">색상</th>
				<td>
					<input type="color" name="scheduleColor" value="#000000">
				</td>
			</tr>
			<tr>
				<th class="table-warning">일정메모</th>
				<td>
					<textarea cols="80" rows="3" name="scheduleMemo"></textarea>
				</td>
			</tr>
			<tr>
				<th class="table-warning">비밀번호</th>
				<td>
					<input type="password" name="schedulePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
		<div>
			<a class="btn btn-outline-secondary" href="./scheduleList.jsp">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">추가</button>
		</div>
	</form>
	<br><br>
	<!-- 스케줄 목록 공간(일별 스케줄 리스트) -->
	<h1 class="krFont"> &#x1F49B <%=y%>.<%=m%>.<%=d%> 일정 목록 &#x1F33B</h1>
	<table class="table">
		<thead class="table-warning h5 krFont">
			<tr>
				<th>시간</th>
				<th>일정 메모</th>
				<th>생성일자</th>
				<th>수정일자</th>
				<th>수정</th>
				<th>삭제</th>
			</tr>
		</thead>
		<tbody>
			<%
				for(Schedule s : scheduleList) {
			%>
					<tr>
						<td><%=s.scheduleTime.substring(0, 5)%></td>
						<td>
							<div style="color: <%=s.scheduleColor%>">
								<%=s.scheduleMemo%>
							</div>
						</td>
						<td><%=s.createdate.substring(0, 10)%></td>
						<td><%=s.updatedate.substring(0, 10)%></td>
						<td>
							<a class="btn btn-outline-secondary" href="./updateScheduleForm.jsp?scheduleNo=<%=s.scheduleNo%>">수정</a>
						</td>
						<td>
							<a class="btn btn-outline-secondary" href="./deleteScheduleForm.jsp?scheduleNo=<%=s.scheduleNo%>">삭제</a>
						</td>
					</tr>
			<%
				}
			%>
		</tbody>
	</table>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ insertScheduleAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %> <!-- *로 모든 명령어를 import 가능 -->
<%
	// 한글 깨지지 않게 인코딩
	request.setCharacterEncoding("utf-8");

	// 유효성 검사(1) scheduleDate가 null이거나 공백일 경우
	if(request.getParameter("scheduleDate") == null
			|| request.getParameter("scheduleDate").equals("")) {
		response.sendRedirect("./scheduleList.jsp"); // 리스트페이지로
		return;
	}
	
	// scheduleDate가 null이거나 공백이 아닐 경우
	// 선택한 날짜 값 변수에 넣기
	String scheduleDate = request.getParameter("scheduleDate");
	System.out.println("insertScheduleAction scheduleDate: " + scheduleDate);
	// scheduleDate의 데이터를 y,m,d 변수에 넣기
	String y = scheduleDate.substring(0, 4);
	int m = Integer.parseInt(scheduleDate.substring(5,7)) - 1; // 넘어온 m의 값은 +1한 상태이기 때문에!
	String d = scheduleDate.substring(8);
	// 디버깅
	System.out.println("insertScheduleAction y: " + y);
	System.out.println("insertScheduleAction m: " + m);
	System.out.println("insertScheduleAction d: " + d);

	// 유효성 검사(2) null이거나 공백일 경우
	String msg = null;
	if(request.getParameter("scheduleTime") == null
			|| request.getParameter("scheduleTime").equals("")) {
		msg = "Time is required!";
	} else if(request.getParameter("scheduleColor") == null
			|| request.getParameter("scheduleColor").equals("")) {
		msg = "Color is required!";
	} else if(request.getParameter("scheduleMemo") == null
			|| request.getParameter("scheduleMemo").equals("")) {
		msg = "Memo is required!";
	} else if(request.getParameter("schedulePw") == null
			|| request.getParameter("schedulePw").equals("")) {
		msg = "Password is required!";
	}
	System.out.println("insertScheduleAction msg: " + msg); // 디버깅
	
	if(msg != null) {
		response.sendRedirect("./scheduleListByDate.jsp?y=" + y + "&m=" + m + "&d=" + d + "&msg=" + msg);
		// 스케줄입력페이지로
		return;
	}
	
	// null이거나 공백이 아닐경우
	// 값 변수에 받기
	String scheduleTime = request.getParameter("scheduleTime");
	String scheduleColor = request.getParameter("scheduleColor");
	String scheduleMemo = request.getParameter("scheduleMemo");
	String schedulePw = request.getParameter("schedulePw");
	// 디버깅
	System.out.println("insertScheduleAction scheduleTime: " + scheduleTime);
	System.out.println("insertScheduleAction scheduleColor: " + scheduleColor);
	System.out.println("insertScheduleAction scheduleMemo: " + scheduleMemo);
	System.out.println("insertScheduleAction schedulePw: " + schedulePw);
	
	// 1) 드라이버 로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
				
	// 2) mariadb 서버에 접속, 접속 유지
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
		
	// 3) 쿼리 생성 후 실행
	String sql = "INSERT into schedule(schedule_date, schedule_time, schedule_color, schedule_memo, schedule_pw, createdate, updatedate) values(?,?,?,?,?,now(),now())";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 4개 (1~4)
	stmt.setString(1, scheduleDate);
	stmt.setString(2, scheduleTime);
	stmt.setString(3, scheduleColor);
	stmt.setString(4, scheduleMemo);
	stmt.setString(5, schedulePw);
	System.out.println("insertScheduleAction sql: " + stmt); // 디버깅
	
	// 4) 쿼리가 잘 실행되었는지 확인
	int row = stmt.executeUpdate(); // 성공시 1, 실패시 0
	if(row == 1) {
		System.out.println("insertScheduleAction 쿼리 실행 성공");
	} else {
		System.out.println("insertScheduleAction 쿼리 실행 실패");
	}
	
	// view가 없으므로 insert 후 리다이렉션
	response.sendRedirect("./scheduleListByDate.jsp?y=" + y + "&m=" + m + "&d=" + d);
%>

✔ updateScheduleForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %> <!-- *로 모든 명령어를 import 가능 -->
<%@ page import = "vo.*" %>
<%
	// 유효성 검사
	if(request.getParameter("scheduleNo") == null
			|| request.getParameter("scheduleNo").equals("")) {
		response.sendRedirect("./scheduleList.jsp"); // 리스트페이지로 리다이렉션
		return;
	}

	// null이거나 공백이 아닐 경우 값 변수에 넣기(형변환)
	int scheduleNo = Integer.parseInt(request.getParameter("scheduleNo"));
	System.out.println("updateScheduleForm scheduleNo: " + scheduleNo);
	
	// 1) 드라이버로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db서버에 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성 (수정할 페이지를 '조회'해야하므로 select문 작성)
	// 받아온 no의 값과 일치하는(where) 내용 불러오기
	String sql = "SELECT schedule_no scheduleNo, schedule_date scheduleDate, schedule_time scheduleTime, schedule_memo scheduleMemo, schedule_color scheduleColor, createdate, updatedate FROM schedule WHERE schedule_no=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setInt(1, scheduleNo);
	System.out.println("updateScheduleForm sql: " + stmt); // 디버깅
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> 데이터 타입(Schedule)의 클래스로 바꾸기
	Schedule schedule = null;
	if(rs.next()) {
		schedule = new Schedule();
		schedule.scheduleNo = rs.getInt("scheduleNo");
		schedule.scheduleDate = rs.getString("scheduleDate");
		schedule.scheduleTime = rs.getString("scheduleTime");
		schedule.scheduleMemo = rs.getString("scheduleMemo");
		schedule.scheduleColor = rs.getString("scheduleColor");
		schedule.createdate = rs.getString("createdate");
		schedule.updatedate = rs.getString("updatedate");
	}
	
	// scheduleDate에서 y,m,d 값 받기
	String y = schedule.scheduleDate.substring(0,4);
	int m = Integer.parseInt(schedule.scheduleDate.substring(5,7)) - 1; // 자바 API는 0월부터 시작
	String d = schedule.scheduleDate.substring(8);
	System.out.println("home y: " + y);
	System.out.println("home m: " + m);
	System.out.println("home d: " + d);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>updateScheduleForm.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1> 일정 수정하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./updateScheduleAction.jsp" method="post">
	<!-- scheduleNo는 action 페이지에서만 사용되므로 hidden으로 숨기기 -->
	<input type="hidden" name="scheduleNo" value="<%=schedule.scheduleNo%>">
		<table class="table container">
			<tr>
				<th class="table-warning">날짜</th>
				<td>
					<!-- 수정가능란, input태그-->
					<input type="date" name="scheduleDate" value="<%=schedule.scheduleDate%>">
				</td>
			</tr>
			<tr>
				<!-- 수정가능란, input태그 -->
				<th class="table-warning">시간</th>
				<td>
					<input type="time" name="scheduleTime" value="<%=schedule.scheduleTime%>">
				</td>
			</tr>
			<tr>
				<!-- 수정가능란, input태그 -->
				<th class="table-warning">색상</th>
				<td>
					<input type="color" name="scheduleColor" value="<%=schedule.scheduleColor%>">
				</td>
			</tr>
			<tr>
				<!-- 수정가능란, input태그 -->
				<th class="table-warning">일정메모</th>
				<td>
					<textarea cols="80" cols="3" name="scheduleMemo"><%=schedule.scheduleMemo%></textarea>
				</td>
			</tr>
			<tr>
				<!-- 수정불가란, 출력만 하기 -->
				<th class="table-warning">생성일자</th>
				<td>
					<%=schedule.createdate.substring(0, 10)%>
				</td>
			</tr>
			<tr>
				<!-- 수정불가란, 출력만 하기 -->
				<th class="table-warning">수정일자</th>
				<td>
					<%=schedule.updatedate.substring(0, 10)%>
				</td>
			</tr>
			<tr>
				<!-- 패스워드 입력란, action페이지에서 where절에 들어가야하므로 input태그 -->
				<th class="table-warning">비밀번호</th>
				<td>
					<input type="password" name="schedulePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
		<div>
			<a class="btn btn-outline-secondary" href="./scheduleListByDate.jsp?y=<%=y%>&m=<%=m%>&d=<%=d%>">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">수정</button>
		</div>
	</form>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ updateScheduleAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %> <!-- *로 모든 명령어를 import 가능 -->
<%
	//한글 깨지지 않게 인코딩
	request.setCharacterEncoding("utf-8");

	// 유효성 검사 (1) scheduleNo가 null일 경우
	if(request.getParameter("scheduleNo") == null) {
		response.sendRedirect("./scheduleList.jsp");
		return;
	}
	// scheduleNo가 null이 아닐경우 값 변수에 받기
	int scheduleNo = Integer.parseInt(request.getParameter("scheduleNo"));
	
	// 유효성 검사 (2)
	// form페이지에서 입력한 값이 null이거나 공백일 경우에 따라 msg 분기
	String msg = null;
	if(request.getParameter("scheduleDate") == null
			|| request.getParameter("scheduleDate").equals("")) {
		msg = "Date is required!";
	} else if(request.getParameter("scheduleTime") == null
			|| request.getParameter("scheduleTime").equals("")) {
		msg = "Time is required!";
	} else if(request.getParameter("scheduleColor") == null
			|| request.getParameter("scheduleColor").equals("")) {
		msg = "Color is required!";
	} else if(request.getParameter("scheduleMemo") == null
			|| request.getParameter("scheduleMemo").equals("")) {
		msg = "Memo is required!";
	} else if(request.getParameter("schedulePw") == null
			|| request.getParameter("schedulePw").equals("")) {
		msg = "Password is required!";
	}
	System.out.println("updateScheduleAction msg: " + msg); // 디버깅
	
	// msg 발생시 리다이렉션
	if(msg != null) {
		response.sendRedirect("./updateScheduleForm.jsp?scheduleNo=" + scheduleNo + "&msg=" + msg);
		return;
	}
	
	// form페이지에서 입력한 값이 null이거나 공백이 아닐 경우 값 변수에 받기
	String scheduleDate = request.getParameter("scheduleDate");
	String scheduleTime = request.getParameter("scheduleTime");
	String scheduleColor = request.getParameter("scheduleColor");
	String scheduleMemo = request.getParameter("scheduleMemo");
	String schedulePw = request.getParameter("schedulePw");
	
	// 디버깅
	System.out.println("updateScheduleAction scheduleNo: " + scheduleNo);
	System.out.println("updateScheduleAction scheduleDate: " + scheduleDate);
	System.out.println("updateScheduleAction scheduleTime: " + scheduleTime);
	System.out.println("updateScheduleAction scheduleColor: " + scheduleColor);
	System.out.println("updateScheduleAction scheduleMemo: " + scheduleMemo);
	System.out.println("updateScheduleAction schedulePw: " + schedulePw);
	
	// scheduleDate에서 y,m,d 값 받기
	String y = scheduleDate.substring(0,4);
	int m = Integer.parseInt(scheduleDate.substring(5,7)) - 1; // 자바 API는 0월부터 시작
	String d = scheduleDate.substring(8);
	System.out.println("updateScheduleAction y: " + y);
	System.out.println("updateScheduleAction m: " + m);
	System.out.println("updateScheduleAction d: " + d);
	
	// 1) 드라이버로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db서버에 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성
	String sql = "UPDATE schedule SET schedule_date=?, schedule_time=?, schedule_color=?, schedule_memo=?, updatedate=now() WHERE schedule_no=? AND schedule_pw=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 5개
	stmt.setString(1, scheduleDate);
	stmt.setString(2, scheduleTime);
	stmt.setString(3, scheduleColor);
	stmt.setString(4, scheduleMemo);
	stmt.setInt(5, scheduleNo); // noticeNo는 int타입
	stmt.setString(6, schedulePw);
	System.out.println("updateScheduleAction sql: " + stmt); // 디버깅
	
	// 쿼리가 잘 실행되었는지 확인하기
	int row = stmt.executeUpdate(); // 성공시 1, 실패시 0
	System.out.println("updateScheduleAction row: " + row);
	
	// 쿼리 실행 결과(row값)에 따라 리다이렉션
	if(row == 0) { // 0일 경
    우 패스워드 오류
		msg = "incorrect Password!";
		response.sendRedirect("./updateScheduleForm.jsp?scheduleNo=" + scheduleNo + "&msg=" + msg);
		// msg와 함께 form페이지로
	} else if(row == 1) { // 1일 경우 쿼리 실행 성공
		response.sendRedirect("./scheduleListByDate.jsp?y=" + y + "&m=" + m + "&d=" + d);
		// 수정된 화면 확인을 위해 ListByDate페이지로
	}
%>

✔ deleteScheduleForm.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "vo.*" %>
<%
	//유효성 검사
	if(request.getParameter("scheduleNo") == null
			|| request.getParameter("scheduleNo").equals("")) {
		response.sendRedirect("./scheduleList.jsp"); // 리스트페이지로 리다이렉션
		return;
	}

	//null이거나 공백이 아닐 경우 값 변수에 넣기(형변환)
	int scheduleNo = Integer.parseInt(request.getParameter("scheduleNo")); // no는 int타입
	System.out.println("updateScheduleForm scheduleNo: " + scheduleNo);
	
	// 1) 드라이버로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db서버에 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성 (수정할 페이지를 '조회'해야하므로 select문 작성)
	// 받아온 no의 값과 일치하는(where) 내용 불러오기
	String sql = "SELECT schedule_no scheduleNo, schedule_date scheduleDate, schedule_time scheduleTime, schedule_memo scheduleMemo, schedule_color scheduleColor, createdate, updatedate FROM schedule WHERE schedule_no=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	stmt.setInt(1, scheduleNo);
	System.out.println("updateScheduleForm sql: " + stmt); // 디버깅
	
	ResultSet rs = stmt.executeQuery();
	// ResultSet -> 데이터 타입(Schedule)의 클래스로 바꾸기
	Schedule schedule = null;
	if(rs.next()) {
		schedule = new Schedule();
		schedule.scheduleNo = rs.getInt("scheduleNo");
		schedule.scheduleDate = rs.getString("scheduleDate");
		schedule.scheduleTime = rs.getString("scheduleTime");
		schedule.scheduleMemo = rs.getString("scheduleMemo");
		schedule.scheduleColor = rs.getString("scheduleColor");
		schedule.createdate = rs.getString("createdate");
		schedule.updatedate = rs.getString("updatedate");
	}
	
	// scheduleDate에서 y,m,d 값 받기
	String y = schedule.scheduleDate.substring(0,4);
	int m = Integer.parseInt(schedule.scheduleDate.substring(5,7)) - 1; // 자바 API는 0월부터 시작
	String d = schedule.scheduleDate.substring(8);
	System.out.println("home y: " + y);
	System.out.println("home m: " + m);
	System.out.println("home d: " + d);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>deleteScheduleForm.jsp</title>
<!-- 폰트변경 -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap" rel="stylesheet">
<!-- 부트스트랩5 -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
	a {text-decoration: none;}
	a:hover {text-decoration: underline;}
	.center {text-align: center;}
	.enFont {
		font-family: 'Comfortaa', cursive;
	}
	.krFont {
		font-family: 'Gowun Dodum', sans-serif;
	}
</style>
</head>
<body>
<div class="p-5 bg-warning text-white text-center">
  <h1 class="enFont">Diary Project</h1>
  <p class="krFont">개발환경: Eclipse(2022-12), JDK(17.0.6), Mariadb(10.5.19), Apache Tomcat(10.1.7), HeidiSQL<br>사용언어: java, sql, html, css, bootstrap5</p> 
</div>
<div class="container mt-3 center krFont">
	<div><!-- 메인메뉴 -->
		<a class="btn btn-warning" href="./home.jsp">홈으로</a>
		<a class="btn btn-outline-warning" href="./noticeList.jsp">공지 리스트</a> <!-- 최근 10개씩 -->
		<a class="btn btn-outline-warning" href="./scheduleList.jsp">일정 리스트</a> <!-- 이번달 전체 -->
	</div>
	<br>
	<h1> 일정 삭제하기 &#x1F4DD </h1>
	<div class="text-bg-danger" >
		<!-- 에러문구 발생시 -->
		<%
			if(request.getParameter("msg") != null) {
		%>
				<%=request.getParameter("msg") %>
		<%
			}
		%>
	</div>
	<form action="./deleteScheduleAction.jsp" method="post">
	<!-- scheduleNo는 action 페이지로 값을 넘기고 hidden으로 숨기기 -->
	<input type="hidden" name="scheduleNo" value="<%=scheduleNo%>">
		<table class="table container">
			<tr>
				<th class="table-warning">날짜</th>
				<td>
					<input type="date" name="scheduleDate" value="<%=schedule.scheduleDate%>" readonly="readonly">
				</td>
			</tr>
			<tr>
				<th class="table-warning">시간</th>
				<td>
					<input type="time" value="<%=schedule.scheduleTime%>" readonly="readonly">
				</td>
			</tr>
			<tr>
				<th class="table-warning">색상</th>
				<td>
					<input type="color" value="<%=schedule.scheduleColor%>" disabled="disabled">
				</td>
			</tr>
			<tr>
				<th class="table-warning">일정메모</th>
				<td><%=schedule.scheduleMemo%></td>
			</tr>
			<tr>
				<th class="table-warning">생성일자</th>
				<td><%=schedule.createdate.substring(0, 10)%></td>
			</tr>
			<tr>
				<th class="table-warning">수정일자</th>
				<td><%=schedule.updatedate.substring(0, 10)%></td>
			</tr>
			<tr>
				<!-- 패스워드 입력란 -->
				<th class="table-warning">비밀번호</th>
				<td>
					<input type="password" name="schedulePw" placeholder="비밀번호를 입력해주세요">
				</td>
			</tr>
		</table>
		<div>
			<a class="btn btn-outline-secondary" href="./scheduleListByDate.jsp?y=<%=y%>&m=<%=m%>&d=<%=d%>">뒤로</a>
			<button type="submit" class="btn btn-outline-secondary">삭제</button>
		</div>
	</form>
</div>
<div class="mt-5 p-4 bg-secondary text-white text-center krFont">
  <p>구디아카데미 GDJ 66기 김희진</p>
</div>
</body>
</html>

✔ deleteScheduleAction.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%
	// 유효성 검사
	String msg = null;
	if(request.getParameter("scheduleNo") == null
			|| request.getParameter("scheduleNo").equals("")
			|| request.getParameter("scheduleDate") == null
			|| request.getParameter("scheduleDate").equals("")) {
		response.sendRedirect("./scheduleList.jsp");
		// null이거나 공백일 경우 리스트페이지로
		return;
	} else if(request.getParameter("schedulePw") == null
			|| request.getParameter("schedulePw").equals("")) {
		msg = "Password is required!";
		// 비밀번호가 null이거나 공백일 경우 msg 발생
	}
	System.out.println("deleteScheduleAction msg: " + msg); // 디버깅
	
	// 비밀번호가 null이거나 공백일 경우 (msg 발생) 리다이렉션 // msg도 출력되게 하기 위해 같이 넘겨준다
	if(msg != null) {
		response.sendRedirect("./deleteScheduleForm.jsp?scheduleNo=" + request.getParameter("scheduleNo") + "&scheduleDate=" + request.getParameter("scheduleDate") + "&msg=" + msg);
		return;
	}
	
	// 값 변수에 받기
	int scheduleNo = Integer.parseInt(request.getParameter("scheduleNo")); // no는 int타입
	String scheduleDate = request.getParameter("scheduleDate");
	String schedulePw = request.getParameter("schedulePw");
	System.out.println("deleteScheduleAction scheduleNo: " + scheduleNo);
	System.out.println("deleteScheduleAction scheduleDate: " + scheduleDate);
	System.out.println("deleteScheduleAction schedulePw: " + schedulePw);
	
	// scheduleDate에서 y,m,d 값 받기
	String y = scheduleDate.substring(0,4);
	int m = Integer.parseInt(scheduleDate.substring(5,7)) - 1; // 자바 API는 0월부터 시작
	String d = scheduleDate.substring(8);
	System.out.println("deleteScheduleAction y: " + y);
	System.out.println("deleteScheduleAction m: " + m);
	System.out.println("deleteScheduleAction d: " + d);
	
	// 1) 드라이버로딩
	Class.forName("org.mariadb.jdbc.Driver"); 
	// 2) db서버에 접속
	Connection conn = DriverManager.getConnection("jdbc:mariadb://127.0.0.1:3306/diary","****","****");
	// 3) 쿼리 작성
	String sql = "DELETE FROM schedule WHERE schedule_no=? AND schedule_pw=?";
	PreparedStatement stmt = conn.prepareStatement(sql);
	// ? 총 2개
	stmt.setInt(1, scheduleNo);
	stmt.setString(2, schedulePw);
	System.out.println("deleteScheduleAction sql: " + stmt);
	
	// 쿼리가 잘 실행되었는지 확인하기
	int row = stmt.executeUpdate(); // 성공시 1, 실패시 0
	System.out.println("deleteScheduleAction row: " + row);
		
	// 쿼리 실행 결과(row값)에 따라 리다이렉션
	if(row == 0) { // 0일 경우 패스워드 오류
		msg = "incorrect schedulePw!";
		response.sendRedirect("./deleteScheduleForm.jsp?scheduleNo=" + scheduleNo + "&scheduleDate=" + scheduleDate + "&msg=" + msg);
		// msg와 함께 form페이지로
	} else if(row == 1) { // 1일 경우 쿼리 실행 성공
		response.sendRedirect("./scheduleListByDate.jsp?y=" + y + "&m=" + m + "&d=" + d);
		// 삭제 성공시 확인을 위해 해당 ListByDate페이지로
	}
%>

😎 프로젝트를 마치며

처음으로 어떠한 결과물을 만들어낸 것 같아서 정말 뿌듯했다. 시간과 노력을 들여서 내가 원하는대로 구현해가는 과정을 제대로 경험해보면서, 개발자라는 직종이 어떤 직종인지에 대해서도 많이 느끼게된 기간이었다. 비슷하거나 같은 기능이어도 주변 사람들의 코드를 보면 모두 각양각색이었다. 코드에 정답은 없다는 생각이 들었다. 나는 왜 이럴까하며 조급해하거나 불안해하지 말고 천천히 나만의 스타일을 만들어가는 것이 중요하다고 다시 한번 다짐했다. 물론 그러기 위해서는 꾸준한 공부와 연습이 필수일 것이다! 👍

김희진

하루 한걸음씩💪 초보 개발자 도전기 🌱💻

다음 포스트