[구디아카데미 IT국비지원] 동일한 name의 값을 받을 수 있는 request.getParameterValues()와 이 값을 이용하여 동적쿼리(where절)를 작성해보았다.

💡 동일한 name의 값 받기

<input type="text" name="x"> <!-- 이렇게 동일한 name이 두개 넘어오면..? 위에 디버깅 코드 확인해보기..! -->
<input type="text" name="x">
<!-- 체크박스도 마찬가지! -->
<input type="checkbox" name="y" value="구" id="y1"><label for="y1">구</label>
<input type="checkbox" name="y" value="디" id="y2"><label for="y2">디</label>

이렇게 name이 동일한 경우 request.getParameter로 값을 받아오면 첫번째 값만 불러오게 된다.

// 꼭 input라고 해서 name을 다르게 지을 필요는 없다..! 왜냐면
System.out.println(request.getParameter("x"));
// 이렇게 받으면 첫번째 값밖에 못받아오지만!
System.out.println(request.getParameterValues("x"));
// 이렇게 받으면 String 타입의 배열로 받게 된다

if(request.getParameterValues("x") != null) { // 반복문을 작성했기 때문에 null값이면 에러가 발생하므로 if문 추가
	for(String s : request.getParameterValues("x")) { // 그래서 이렇게 foreach문으로 받아서 출력하면 값들을 다 불러올 수 있다!
		System.out.println(s);
	}
}

// checkbox도 마찬가지!
System.out.println(request.getParameter("y"));
System.out.println(request.getParameterValues("y"));
if(request.getParameterValues("y") != null) { // 반복문을 작성했기 때문에 null값이면 에러가 발생하므로 if문 추가
	for(String s : request.getParameterValues("y")) {
		System.out.println(s);
	}
}

그래서 이럴 때에는 request.getParameterValues를 이용하면 선택한 하나 이상의 동일한 name의 값을 다 받아올 수 있다. 이때 여러개의 값들은 String타입의 배열로 받게 되므로, 출력할 때에는 반복문을 사용해야할 것이다!

💡 lastEmpList.jsp

오늘 배운 request.getParameterValues을 이용하여 입사월 검색 기능을 구현하고, 저번 시간에 배운 이름 검색 기능도 한페이지에 추가해보았다.

• 구현해야할 점
  • 입사월 검색 기능
  • 이름 검색 기능
  • 검색 후 검색한 값 표시 유지
  • 페이징해도 검색결과, 검색한 값 표시 유지
  • 첫페이지, 마지막페이지에 이전/다음 표시되지 않게
    
    

📍 작성

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "vo.*" %>
<%@ page import = "java.util.*" %>
<%
	//콘솔창 출력 색상 지정 // final이 붙은 변수는 밑에서 수정할 수 없다
	final String RED = "\u001B[31m";
	final String BG_RED = "\u001B[41m";
	final String GREEN = "\u001B[32m";
	final String BG_GREEN = "\u001B[42m";
	final String RESET = "\u001B[0m";
	
	// 요청처리해야할 파라미터값
	// currentPage, rowPerPage, ckMonth, searchWord
	System.out.println(RED + request.getParameter("currentPage") + " <-- lastEmpList param currentPage");
	System.out.println(request.getParameter("rowPerPage") + " <-- lastEmpList param rowPerPage");
	if(request.getParameterValues("ckMonth") != null) {
		for(String s : request.getParameterValues("ckMonth")) {
			System.out.println(s + "월" + " <-- lastEmpList param ckMonth");
		}
	}
	System.out.println(request.getParameter("searchWord") + " <-- lastEmpList param searchWord" + RESET);
	
	// 파라미터값 유효성 검사 (null이어도 되는지, 안되면 null이면 어떻게 처리할지)
	// currentPage
	int currentPage = 1;
	if(request.getParameter("currentPage") != null) {
		currentPage = Integer.parseInt(request.getParameter("currentPage"));
	}
	// rowPerPage
	int rowPerPage = 10;
	if(request.getParameter("rowPerPage") != null) {
		rowPerPage = Integer.parseInt(request.getParameter("rowPerPage"));
	}
	// ckMonth
	// ckMonth의 값을 받아올 배열 생성
	String[] ckMonth = request.getParameterValues("ckMonth"); // 체크박스에서 선택한 값(request.getParameterValues로 받음)을 우선 배열로 가져온다 // 하나이상의 값일 수 있기 때문에
	// checkbox 체크 유무에 쓸 배열 생성
	boolean[] ckBoolean = new boolean[13]; // 인덱스가 0부터 생성되기 때문에 총 13개를 생성해야한다 // 인덱스0은 버린다고 보면 된다
	// ckMonth의 값들을 int타입으로 바꿔서 담을 배열 생성
	int[] intCkMonth = null; // int[] 대신에 ArrayList<Integer>도 가능
	// 생성한 배열들로 값 받기
	if(ckMonth != null) {
		intCkMonth = new int[ckMonth.length]; // ckMonth의 length와 같은 수만큼(선택한 값의 수만큼) 우선 배열의 공간 확보
		for(int i=0; i<intCkMonth.length; i+=1) {
			intCkMonth[i] = Integer.parseInt(ckMonth[i]); // intCkMonth 배열에 ckMonth 배열의 값을 순서대로 넣는다 (int타입의 배열로 바꾸기 위해)
			ckBoolean[intCkMonth[i]] = true; // intCkMonth[i]에 들어있는 ?월에 해당하는 인덱스에 ture값을 넣어준다
		}
	}
	// searchWord
	String searchWord = ""; // 공백과 null 둘다 실행할 쿼리는 같으므로 동적쿼리 분기를 줄이기위해 공백으로 통일
	if(request.getParameter("searchWord") != null) {
		searchWord = request.getParameter("searchWord");
	}
	
	// 파라미터값 유효성 검사 후 결과변수 디버깅
	System.out.println(GREEN + "현재 " + currentPage + "페이지 <-- lastEmpList currentPage");
	System.out.println(rowPerPage + "개씩 출력됩니다 <-- lastEmpList rowPerPage");
	if(intCkMonth != null) {
		for(int m : intCkMonth) {
			System.out.println(m + "월 <-- lastEmpList intCkMonth");
		}
		System.out.println("요청한 월은 총" + intCkMonth.length + "개 입니다 <-- lastEmpList intCkMonth.length");
	}
	System.out.println("요청한 검색단어는 " + searchWord + " 입니다 <-- lastEmpList searchWord");
	
	// 첫번째 모델값 구하기
	// DB 호출 // 호출에 필요한 변수 생성
	String driver = "org.mariadb.jdbc.Driver";
	String dbUrl = "jdbc:mariadb://127.0.0.1:3306/employees";
	String dbUser = "****";
	String dbPw = "****";
	Class.forName(driver);
	Connection conn = DriverManager.getConnection(dbUrl, dbUser, dbPw);
	
	// 모델값을 구하기 위한 변수 추가
	int startRow = (currentPage - 1) * rowPerPage;
	System.out.println(startRow + " <-- lastEmpList startRow" + RESET);
	
	// 첫번째 동적쿼리 만들기
	// 경우의 수
	// 1) 둘다 null 2) checkbox만 값이 있을때 3) searchWord만 값이 있을때 4) 둘다 값이 있을때
	// 1) SELECT * FROM employees LIMIT ?, ?
	// 2) SELECT * FROM employees WHERE MONTH(hire_date) IN (?) LIMIT ?, ?
	// 3) SELECT * FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ? LIMIT ?, ?
	// 4) SELECT * FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ? AND MONTH(hire_date) IN (?) LIMIT ?, ?
	String sql = null;
	PreparedStatement stmt = null;
	// 1) 둘다 null일때
	if(intCkMonth == null && searchWord.equals("")) { 
		sql = "SELECT emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate FROM employees LIMIT ?, ?";
		stmt = conn.prepareStatement(sql);
		stmt.setInt(1, startRow);
		stmt.setInt(2, rowPerPage);
	// 2) checkbox만 값이 있을때
	} else if(intCkMonth != null && searchWord.equals("")) { 
		sql = "SELECT emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate FROM employees WHERE MONTH(hire_date) IN (?";
		// ? 한개를 넣고 시작
		// 쿼리에 물음표가 몇개가 들어갈지 셋팅
		for(int i=1; i<intCkMonth.length; i+=1) { // ?을 넣었으니까 i는 1부터 시작
			sql += ",?";
		}
		sql += ") LIMIT ?, ?"; // length만큼 ?가 출력되고 마지막에
		stmt = conn.prepareStatement(sql);
		// 쿼리 물음표에 무엇이 들어갈지 셋팅
		for(int i=0; i<intCkMonth.length; i+=1) { // 배열은 0부터.. 시작하니까 i는 0부터 시작
			stmt.setInt(i+1, intCkMonth[i]); // 해당 배열 위치(0부터..)에 있는 값을 ?에 셋팅
		}
		stmt.setInt(intCkMonth.length+1, startRow); // LIMIT 뒤에 들어갈 물음표는 length의 수만큼 물음표가 나온 뒤에 시작하기때문에 length+1
		stmt.setInt(intCkMonth.length+2, rowPerPage);
	// 3) searchWord만 값이 있을때
	} else if(intCkMonth == null & !searchWord.equals("")) { 
		sql = "SELECT emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ? LIMIT ?, ?";
		stmt = conn.prepareStatement(sql);
		stmt.setString(1, "%"+searchWord+"%");
		stmt.setInt(2, startRow);
		stmt.setInt(3, rowPerPage);
	// 4) 둘다 값이 있을때
	} else { 
		sql = "SELECT emp_no empNo, birth_date birthDate, first_name firstName, last_name lastName, gender gender, hire_date hireDate FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ? AND MONTH(hire_date) IN (?";
		for(int i=1; i<intCkMonth.length; i+=1) { 
			sql += ",?";
		}
		sql += ") LIMIT ?, ?";
		stmt = conn.prepareStatement(sql); // 물음표가 몇개 들어갈지 먼저 셋팅 완료
		// searchWord 값 ?에 셋팅
		stmt.setString(1, "%"+searchWord+"%");
		// checkbox 값 ?에 셋팅 
		for(int i=0; i<intCkMonth.length; i+=1) {
			stmt.setInt(i+2, intCkMonth[i]); // 무조건 두번째 물음표부터 값이 들어가기 때문에 i+2
		}
		stmt.setInt(intCkMonth.length+2, startRow); // LIMIT 뒤에 들어갈 물음표는 searchWord의 물음표 1개 + length의 수만큼 물음표가 나온 뒤에 시작하기때문에 length+2
		stmt.setInt(intCkMonth.length+3, rowPerPage);
	} 
	// 완성된 동적쿼리 디버깅 해보기
	System.out.println(BG_GREEN+ stmt + " <-- lastEmpList 첫번째 동적쿼리 완성" + RESET);
	
	ResultSet rs = stmt.executeQuery();
	// 일반적인 자료구조로 바꾸기 // 여러행을 출력해야하기 때문에 ArrayList로 변경
	ArrayList<Emp> empList = new ArrayList<Emp>(); 
	while(rs.next()) { // 변수이름을 단일문자로 짓는건 좋지 않지만, 지금같은 경우는 while문의 블록 안에서 쓰는 임시개념이기 때문에
		Emp e = new Emp(); 
		e.empNo = rs.getInt("empNo"); // 컬럼명 대신에 숫자(1)써도 가능하지만, 가독성이 떨어진다
		e.birthDate = rs.getString("birthDate");
		e.firstName = rs.getString("firstName");
		e.lastName = rs.getString("lastName");
		e.gender = rs.getString("gender");
		e.hireDate = rs.getString("hireDate");
		empList.add(e); 
	}
	
	// 두번째 모델값 구하기
	// 모델값을 구하기 위한 변수 추가
	int totalCount = 0; // count(*)로 구할 수 있다
	int lastPage = 0; // totalCount / rowPerPage로 구할 수 있다
	
	// 첫번째 동적쿼리에 따라 totalCount를 구할 count(*)의 값이 다르므로 분기해야 한다
	// 두번째 동적쿼리 작성
	// totalCount를 구하는 기본쿼리: SELECT count(*) FROM employees
	String sql2 = null;
	PreparedStatement stmt2 = null;
	// 1) 둘다 null일때
	if(intCkMonth == null && searchWord.equals("")) {
		sql2 = "SELECT count(*) FROM employees";
		stmt2 = conn.prepareStatement(sql2);
	// 2) checkbox만 값이 있을때
	} else if(intCkMonth != null && searchWord.equals("")) { 
		sql2 = "SELECT count(*) FROM employees WHERE MONTH(hire_date) IN (?";
		// 첫번째 동적쿼리와 동일한 조건에서(where절이 동일한) 값을 카운트한다
		for(int i=1; i<intCkMonth.length; i+=1) {
			sql2 += ",?";
		}
		sql2 += ")"; // count는 limit이 필요 없다
		stmt2 = conn.prepareStatement(sql2);
		// 물음표에 들어갈 값 셋팅
		for(int i=0; i<intCkMonth.length; i+=1) { 
			stmt2.setInt(i+1, intCkMonth[i]);
		}
	// 3) searchWord만 값이 있을때
	} else if(intCkMonth == null & !searchWord.equals("")) {
		sql2 = "SELECT count(*) FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ?";
		stmt2 = conn.prepareStatement(sql2);
		stmt2.setString(1, "%"+searchWord+"%");
	// 4) 둘다 값이 있을때
	} else { 
		sql2 = "SELECT count(*) FROM employees WHERE CONCAT(first_name,' ',last_name) LIKE ? AND MONTH(hire_date) IN (?";
		for(int i=1; i<intCkMonth.length; i+=1) { 
			sql2 += ",?";
		}
		sql2 += ")";
		stmt2 = conn.prepareStatement(sql2); // 물음표가 몇개 들어갈지 먼저 셋팅 완료
		// searchWord 값 ?에 셋팅
		stmt2.setString(1, "%"+searchWord+"%");
		// checkbox 값 ?에 셋팅 
		for(int i=0; i<intCkMonth.length; i+=1) {
			stmt2.setInt(i+2, intCkMonth[i]); // 무조건 두번째 물음표부터 값이 들어가기 때문에 i+2
		}
	} 
	// 완성된 동적쿼리 디버깅 해보기
	System.out.println(BG_RED+ stmt2 + " <-- lastEmpList 두번째 동적쿼리 완성" + RESET);
	
	ResultSet rs2 = stmt2.executeQuery();
	// 쿼리 실행 결과값을 변수에 저장
	if(rs2.next()) {
		totalCount = rs2.getInt("count(*)");
	}
	System.out.println(GREEN + totalCount + " <-- lastEmpList 분기에 따른 데이터 총 갯수");
	
	// lastPage 구하기
	lastPage = totalCount / rowPerPage;
	if(totalCount % rowPerPage != 0) { // 페이지가 딱 나누어떨어지지 않으면 나머지가 출력될 한페이지가 더 필요하므로
		lastPage = lastPage + 1; 
	}
	System.out.println(lastPage + " <-- lastEmpList 분기에 따른 마지막 페이지 넘버" + RESET);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>lastEmpList.jsp</title>
	<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>
</head>
<body>
<div class="container mt-3">
	<div class="p-5 bg-primary text-white text-center">
		<h1>사원목록</h1>
	</div>
	<table class="table text-center">
		<thead class="table-primary">
			<tr>
				<th>사원번호</th>
				<th>생년월일</th>
				<th>이름</th>
				<th>성</th>
				<th>성별</th>
				<th>입사일</th>
			</tr>
		</thead>
		<tbody>
			<%
				for(Emp e : empList) { 
			%>
					<tr>
						<td><%=e.empNo%></td>
						<td><%=e.birthDate%></td>
						<td><%=e.firstName%></td>
						<td><%=e.lastName%></td>
						<td><%=e.gender%></td>
						<td><%=e.hireDate%></td>
					</tr>
			<%
				}
			%>
		</tbody>
	</table>
	<!-- 요청폼 -->
	<div class="text-center">
		<form action="./lastEmpList.jsp" method="get">
			<label for="hireMonth">입사월 검색 : </label>
			<%
				int[] months = {1,2,3,4,5,6,7,8,9,10,11,12};
				for(int m : months) {
			%>
					<!-- 위에서 만든 ckBoolean 배열을 사용한다 -->
					<input type="checkbox" name="ckMonth" value="<%=m%>" <% if(ckBoolean[m]) { %> checked <% } %> id="hireMonth">
					<%=m%>월
			<%
				}
			%>
			<br>
			<label for="name">이름 검색 : </label>
				<input type="text" name="searchWord" value="<%=searchWord%>" id="name"> <!-- 검색한 값을 표시해주기 위해 -->
			<button type="submit">검색</button>
		</form>
	</div>
	<!-- 페이징 -->
	<div class="mt-5 p-4 bg-secondary text-white text-center">
		<%
			// ckMonth의 값을 넘기기 위해 문자열 변수를 생성한다
			String ckMstring = "";
			if(ckMonth != null) {
				for(String m : ckMonth) {
					ckMstring += "&ckMonth=" + m;
				}
			}
			
			if(currentPage > 1) { // 현재페이지가 1보다 크면 "이전"을 출력
		%>
				<a href="./lastEmpList.jsp?currentPage=<%=currentPage - 1%>&rowPerPage=<%=rowPerPage%>&searchWord=<%=searchWord%><%=ckMstring%>" class="btn btn-primary btn-sm">이전</a>
		<%
			}
		%>
			<%=currentPage%>페이지
		<%
			if(lastPage > currentPage) { // 현재페이지가 마지막 페이지 넘버보다 작으면 "다음"을 출력
		%>
				<a href="./lastEmpList.jsp?currentPage=<%=currentPage + 1%>&rowPerPage=<%=rowPerPage%>&searchWord=<%=searchWord%><%=ckMstring%>" class="btn btn-primary btn-sm">다음</a>
		<%
			}
		%>
	</div>
</div>
</body>
</html>

• boolean[] ckBoolean = new boolean[13]; : text타입의 input 태그는 value에 해당 값을 넣으면 구현 가능하지만, checkbox타입은 checked를 입력해야하므로 boolean 타입의 배열을 생성하고, 해당월과 일치하는 인덱스에 true값을 넣는다.

• 쿼리 작성시 입사월 검색은 IN 연산자를 사용하게 되는데, 입사월을 몇개 선택하는지에 따라 물음표(?) 갯수가 달라지게 된다. 때문에 length을 이용하여 해당 배열의 길이만큼 물음표를 셋팅한다.

• 1~12월을 출력 시에 input태그를 12개 작성하는 것보단 반복문을 작성하는 것이 당연히 효율적일 것이다. 이때 for문을 사용해도 되지만 1~12월이라는 군집에서 출력하는 개념이기 때문에 foreach문을 이용하는 것이 더 쓰임에 맞다.

• 선택한 값을 유지시키기 위해서는 이전/다음으로 페이징시 a태그에 해당 값들을 같이 넘겨주어야 하는데, 하나 이상의 값이 넘어가는 ckMonth의 경우 배열이므로 url에 특수문자가 표시되게 된다. 그래서 값을 정상적으로 넘기기 위한 문자열 변수를 추가로 생성하여 반복문을 이용해 배열의 값을 추출하여 저장한다.

📍 결과

🧐 하루를 마치며

이번 코드는 동적쿼리도 복잡하고, 쿼리 작성 시에 고려해야할 여러가지 디테일이 많았다. 또한 값을 정상적으로 넘기거나 표시하기 위해 새로운 변수나 배열도 추가했다.(boolean타입 배열, ckMonth의 값을 넘기기 위한 문자열 변수 등) 이번 코드는 여러번 들여다 보면서 조건문과 반복문, 배열의 개념을 다시 숙지하고 동적쿼리를 작성하는 것에 익숙해지도록 해야할 것 같다!