정보처리기사 실기

8️⃣list.jsp 작성하기

윤서입니다롱 — Mon, 1 Jun 2026 14:55:48 +0900

list.jsp 작성하기

제과현황 조회 화면 만들기

앞에서 reg.jsp와 action.jsp를 작성하면서 판매정보를 등록하는 기능을 만들었습니다.

이번 단계에서는 메뉴 중 하나인:

제과현황

화면을 만들어보겠습니다.

제과현황은 DB에 저장된 제과 정보를 조회해서 화면에 표로 보여주는 페이지입니다.

1. 이번 문제에서 list.jsp가 필요한 이유

문제에서 제과현황 화면에는 다음 항목이 출력되어야 합니다.

제과코드
제과명
가격

이 데이터는 모두:

tbl_bread

테이블 안에 있습니다.

따라서 이 화면은 JOIN이 필요하지 않습니다.

즉:

tbl_bread 테이블 하나만 조회

하면 됩니다.

그 역할을 하는 파일이:

list.jsp

입니다.

2. list.jsp가 해야 하는 일

이번 문제에서 list.jsp는 다음 역할을 합니다.

1. tbl_bread 테이블 조회
2. 제과코드 출력
3. 제과명 출력
4. 가격 출력
5. 가격을 1,000원 형식으로 출력
6. 표 형태로 화면에 보여주기

즉 list.jsp는:

DB 데이터를 조회해서 화면에 출력하는 페이지

입니다.

3. list.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>제과현황</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");

Connection conn = Util.getConnection();
Statement stmt = conn.createStatement();

String sql = " SELECT pk_bread AS 제과코드 " +
             "      , name AS 제과명 " +
             "      , TO_CHAR(TO_NUMBER(price), '999,999') || '원' AS 가격 " +
             " FROM tbl_bread " +
             " ORDER BY pk_bread ";

ResultSet rs = stmt.executeQuery(sql);
%>

<H4>제과현황</H4>

<TABLE border="1">
	<TR>
		<TH width="100px">제과코드</TH>
		<TH width="100px">제과명</TH>
		<TH width="100px">가격</TH>
	</TR>

<% while(rs.next()){ %>
	<TR>
		<TD align="center"><%=rs.getString("제과코드") %></TD>
		<TD align="center"><%=rs.getString("제과명") %></TD>
		<TD align="right"><%=rs.getString("가격") %></TD>
	</TR>
<% } %>

</TABLE>

<%
rs.close();
stmt.close();
conn.close();
%>
</body>
</html>

4. DB를 사용하는 페이지이므로 import가 필요합니다

list.jsp는 DB에 저장된 제과 데이터를 조회해야 합니다.

그래서 아래 코드가 필요합니다.

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

각 코드의 역할은 다음과 같습니다.

코드역할

java.sql.*	DB 연결, SQL 실행 기능 사용
DBPKG.Util	우리가 만든 DB 연결 클래스 사용

5. 현재 페이지는 조회 페이지입니다

앞에서 만든 action.jsp는 데이터를 저장하는 페이지였습니다.

하지만 현재 list.jsp는 데이터를 입력하거나 저장하지 않습니다.

현재 페이지는:

tbl_bread에 저장된 데이터를 조회해서
사용자에게 보여주는 페이지

입니다.

6. DB 연결하기

Connection conn = Util.getConnection();
Statement stmt = conn.createStatement();

제과 데이터를 가져오기 위해 Oracle DB에 연결합니다.

코드의미

Connection conn	DB 연결
Statement stmt	SQL 실행 준비

7. 이번 문제에서 필요한 SQL 판단하기

제과현황 화면에서 필요한 데이터는 다음과 같습니다.

제과코드
제과명
가격

이 데이터들은 모두 tbl_bread 테이블에 있습니다.

따라서 사용하는 테이블은 하나입니다.

tbl_bread

즉 JOIN은 필요하지 않습니다.

8. SELECT 문 작성하기

SELECT pk_bread AS 제과코드,
       name AS 제과명,
       TO_CHAR(TO_NUMBER(price), '999,999') || '원' AS 가격
FROM tbl_bread
ORDER BY pk_bread

이 SQL문은:

tbl_bread 테이블에서
제과코드, 제과명, 가격을 조회

하는 코드입니다.

9. AS 별칭 사용하는 이유

pk_bread AS 제과코드
name AS 제과명

AS는 컬럼 이름을 보기 쉽게 바꾸는 역할입니다.

원래 DB 컬럼명은:

pk_bread
name
price

입니다.

하지만 화면에서는:

제과코드
제과명
가격

으로 보여주는 것이 더 자연스럽습니다.

그래서 AS를 사용합니다.

그리고 JSP에서도 이 별칭을 기준으로 값을 꺼냅니다.

rs.getString("제과코드")
rs.getString("제과명")
rs.getString("가격")

즉 SQL의 별칭과 JSP의 getString() 이름이 같아야 합니다.

10. 가격을 보기 좋게 출력하기

TO_CHAR(TO_NUMBER(price), '999,999') || '원' AS 가격

이번 문제에서는 가격을 그냥 1000처럼 출력하는 것이 아니라:

1,000원
1,500원
2,000원

처럼 보기 좋게 출력해야 합니다.

그래서 TO_CHAR()를 사용합니다.

TO_NUMBER(price)를 사용하는 이유

현재 tbl_bread에서 price가 문자형으로 만들어진 경우가 있습니다.

예를 들어:

'1000'

처럼 저장되어 있다면 숫자 포맷을 적용하기 어렵습니다.

그래서 먼저:

TO_NUMBER(price)

로 숫자 형태로 바꿔줍니다.

TO_CHAR()를 사용하는 이유

TO_CHAR(TO_NUMBER(price), '999,999')

숫자를 화면에 보여줄 문자 형식으로 바꿉니다.

이때 999,999 형식을 사용하면 천 단위 콤마가 붙습니다.

|| '원'을 붙이는 이유

|| '원'

Oracle에서 ||는 문자열을 이어 붙이는 연산자입니다.

즉 가격 뒤에 원이라는 글자를 붙여줍니다.

결과적으로:

1,000원

처럼 출력됩니다.

11. ORDER BY를 사용하는 이유

ORDER BY pk_bread

조회 결과를 제과코드 기준으로 정렬합니다.

문제 화면에서도 보통 코드 순서대로 출력하므로
ORDER BY를 사용해 정렬해줍니다.

12. SQL 실행하기

ResultSet rs = stmt.executeQuery(sql);

현재 SQL은 SELECT 조회문입니다.

따라서:

executeQuery()

를 사용합니다.

조회 결과는 ResultSet에 저장됩니다.

13. ResultSet이 중요한 이유

SQL 조회 결과는 여러 줄로 나옵니다.

예를 들어:

B0001 대보름빵 1,000원
B0002 자라빵 1,500원
B0003 코끼리빵 2,000원

이 결과를 저장하는 객체가:

ResultSet

입니다.

즉 ResultSet은:

조회 결과 저장 공간

이라고 생각하면 됩니다.

14. table 태그로 화면 만들기

<TABLE border="1">

조회 결과는 표 형태로 보여줘야 합니다.

그래서 TABLE 태그를 사용합니다.

15. TH 태그 : 제목칸 만들기

<TH width="100px">제과코드</TH>
<TH width="100px">제과명</TH>
<TH width="100px">가격</TH>

TH는 표 제목칸입니다.

현재 문제에서 요구한 출력 항목인:

제과코드
제과명
가격

을 제목으로 작성합니다.

16. while(rs.next())로 여러 줄 출력하기

<% while(rs.next()){ %>

제과 데이터는 여러 개입니다.

따라서 한 줄만 출력하면 안 됩니다.

while(rs.next())는:

조회 결과가 있는 동안 반복

하라는 의미입니다.

즉 제과 데이터가 7개라면 7번 반복해서 출력합니다.

17. ResultSet에서 값 꺼내기

<%=rs.getString("제과코드") %>
<%=rs.getString("제과명") %>
<%=rs.getString("가격") %>

이 코드는 현재 행의 값을 화면에 출력합니다.

여기서 사용하는 이름은 SQL에서 지정한 별칭과 같아야 합니다.

예를 들어 SQL에서:

AS 제과코드

라고 했기 때문에 JSP에서도:

rs.getString("제과코드")

라고 작성합니다.

18. align으로 표 정렬하기

<TD align="center">
<TD align="right">

표 안의 글자 정렬을 지정합니다.

현재 화면에서는:

제과코드 → 가운데 정렬
제과명 → 가운데 정렬
가격 → 오른쪽 정렬

로 출력합니다.

가격은 숫자이기 때문에 오른쪽 정렬하면 더 보기 좋습니다.

19. DB 연결 닫기

rs.close();
stmt.close();
conn.close();

조회가 끝났으므로 DB 연결을 닫아줍니다.

DB 관련 객체는 사용 후 닫아주는 습관을 들이는 것이 좋습니다.

20. 현재 페이지 실행 흐름

list.jsp는 다음 순서로 동작합니다.

list.jsp 실행
↓
Oracle DB 연결
↓
tbl_bread 조회
↓
조회 결과를 ResultSet에 저장
↓
while 반복문으로 한 줄씩 출력
↓
제과현황 화면 완성

21. 현재까지 완성된 기능

main.jsp
→ 프로그램 설명 화면

reg.jsp
→ 판매등록 입력 화면

action.jsp
→ DB 저장 처리

list.jsp
→ 제과현황 조회 화면

즉 이제:

입력 + 저장 + 단순 조회

기능까지 구현된 상태입니다.

22. 핵심 정리

현재 list.jsp에서 가장 중요한 것은:

tbl_bread 테이블 하나만 조회해서
제과현황을 출력하는 흐름

입니다.

정리하면:

SELECT 실행
→ ResultSet 저장
→ while 반복
→ table 출력

구조를 이해하는 것이 핵심입니다.

6️⃣reg.jsp 작성하기

윤서입니다롱 — Mon, 1 Jun 2026 14:46:22 +0900

05. reg.jsp 작성하기

판매등록 입력폼 만들기

앞에서 main.jsp까지 작성하면서 프로그램의 기본 화면을 만들었습니다.

이제부터는 실제 기능 화면을 만들어야 합니다.

이번 단계에서 작성할 파일은:

reg.jsp

입니다.

reg.jsp는 판매등록 화면입니다.

즉 사용자가 새로운 판매정보를 입력할 수 있도록:

판매번호
판매일자
제과점
제과
판매수량

입력 화면을 만들어주는 페이지입니다.

1. 이번 문제에서 reg.jsp가 필요한 이유

문제에는 다음 메뉴가 있습니다.

판매등록

사용자가 이 메뉴를 클릭하면
새로운 판매정보를 입력할 수 있는 화면이 나와야 합니다.

따라서 우리는:

입력 화면

이 필요합니다.

그 역할을 하는 파일이 바로:

reg.jsp

입니다.

2. reg.jsp가 해야 하는 일

이번 문제에서 reg.jsp는 다음 역할을 합니다.

1. 판매번호 자동 생성
2. 판매일자 자동 생성
3. 제과점 선택 목록 만들기
4. 제과 선택 목록 만들기
5. 판매수량 입력칸 만들기
6. 입력값이 비어 있는지 검사
7. 등록 버튼을 누르면 action.jsp로 이동
8. 조회 버튼을 누르면 판매현황 화면으로 이동

중요한 점은 reg.jsp가 직접 DB에 저장하는 파일은 아니라는 것입니다.

reg.jsp → 입력 화면
action.jsp → DB 저장 처리

이렇게 역할이 나누어져 있습니다.

3. reg.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>
<%@ page import = "java.util.Date" %>
<%@ page import = "java.text.SimpleDateFormat" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>판매등록</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script>
		function check_val(){
			var fk_bakery = document.fm.fk_bakery.value;
			if(fk_bakery==""){
				alert("제과점을 선택하지 않았습니다.");
				fm.fk_bakery.focus();
				return false;
			}

			var fk_bread = document.fm.fk_bread.value;
			if(fk_bread==""){
				alert("제과를 선택하지 않았습니다.");
				fm.fk_bread.focus();
				return false;
			}

			var deal_count = document.fm.deal_count.value;
			if(deal_count==""){
				alert("판매수량을 입력하지 않았습니다.");
				fm.deal_count.focus();
				return false;
			}

			return true;
		}
	</script>
</head>
<%
request.setCharacterEncoding("UTF-8");

Connection conn = Util.getConnection();
Statement stmt = conn.createStatement();

String sql = " SELECT TRIM(TO_CHAR(MAX(pk_sale)+1, '00000')) AS pk_sale " +
             " FROM tbl_sale ";

ResultSet rs = stmt.executeQuery(sql);
rs.next();

String pk_sale = rs.getString("pk_sale");

Date date = new Date();
SimpleDateFormat deal_date = new SimpleDateFormat("yyyyMMdd");
%>
<body>
	<H4>판매등록</H4>

	<FORM name="fm" action="action.jsp" onsubmit="return check_val()">
		<TABLE border="1">
			<TR>
				<TH align="center" width="300px">판매번호(자동발생)</TH>
				<TD align="left" width="400px">
					<INPUT type="text" name="pk_sale" value="<%=pk_sale %>" readonly>
				</TD>
			</TR>

			<TR>
				<TH align="center" width="300px">판매일자(자동발생)</TH>
				<TD align="left" width="400px">
					<INPUT type="text" name="deal_date" value="<%=deal_date.format(date) %>" readonly>
				</TD>
			</TR>

			<TR>
				<TH align="center">제과점</TH>
				<TD align="left" width="400px">
					<SELECT name="fk_bakery">
						<OPTION value="">선택</OPTION>
					<%
						sql = " SELECT pk_bakery, name FROM tbl_bakery ORDER BY pk_bakery ";
						rs = stmt.executeQuery(sql);

						while(rs.next()){
					%>
						<OPTION value="<%=rs.getString("pk_bakery") %>">
							<%=rs.getString("name") %>
						</OPTION>
					<%
						}
					%>
					</SELECT>
				</TD>
			</TR>

			<TR>
				<TH align="center">제과</TH>
				<TD align="left" width="400px">
					<SELECT name="fk_bread">
						<OPTION value="">선택</OPTION>
					<%
						sql = " SELECT pk_bread, name FROM tbl_bread ORDER BY pk_bread ";
						rs = stmt.executeQuery(sql);

						while(rs.next()){
					%>
						<OPTION value="<%=rs.getString("pk_bread") %>">
							<%=rs.getString("name") %>
						</OPTION>
					<%
						}
					%>
					</SELECT>
				</TD>
			</TR>

			<TR>
				<TH align="center">판매수량</TH>
				<TD align="left" width="400px">
					<INPUT type="text" name="deal_count">
				</TD>
			</TR>

			<TR>
				<TD align="center" colspan="2">
					<INPUT type="submit" value="등록">
					<INPUT type="button" value="조회" onclick="location.href='list_j.jsp'">
				</TD>
			</TR>
		</TABLE>
	</FORM>
<%
rs.close();
stmt.close();
conn.close();
%>
</body>
</html>

4. DB를 사용하는 페이지이므로 import가 필요합니다

reg.jsp에서는 판매번호를 자동으로 가져오고,
제과점 목록과 제과 목록을 DB에서 불러옵니다.

그래서 아래 코드가 필요합니다.

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

각 코드의 역할은 다음과 같습니다.

코드역할

java.sql.*	DB 연결, SQL 실행 기능 사용
DBPKG.Util	우리가 만든 DB 연결 클래스 사용

또한 현재 날짜를 자동으로 출력하기 위해 다음 import도 사용합니다.

<%@ page import = "java.util.Date" %>
<%@ page import = "java.text.SimpleDateFormat" %>

코드역할

java.util.Date	현재 날짜 가져오기
SimpleDateFormat	날짜 형식 지정

즉 이 페이지는 단순 입력폼만 있는 것이 아니라
DB에서 자동번호와 선택 목록을 가져오는 작업도 합니다.

5. 입력값 검사 함수 만들기

function check_val(){

이 함수는 사용자가 등록 버튼을 눌렀을 때
필수 항목이 비어 있는지 확인합니다.

이번 문제에서는 판매등록을 할 때 다음 값이 반드시 필요합니다.

제과점
제과
판매수량

따라서 이 값들이 비어 있으면 등록되지 않게 막아야 합니다.

제과점 선택 검사

var fk_bakery = document.fm.fk_bakery.value;
if(fk_bakery==""){
	alert("제과점을 선택하지 않았습니다.");
	fm.fk_bakery.focus();
	return false;
}

이 코드는 제과점 선택값이 비어 있는지 확인합니다.

비어 있다면:

제과점을 선택하지 않았습니다.

라는 경고창을 띄우고, 해당 선택칸으로 커서를 이동시킵니다.

제과 선택 검사

var fk_bread = document.fm.fk_bread.value;
if(fk_bread==""){
	alert("제과를 선택하지 않았습니다.");
	fm.fk_bread.focus();
	return false;
}

판매정보에는 어떤 제과를 판매했는지 반드시 들어가야 합니다.

따라서 제과를 선택하지 않으면 등록되지 않도록 막습니다.

판매수량 검사

var deal_count = document.fm.deal_count.value;
if(deal_count==""){
	alert("판매수량을 입력하지 않았습니다.");
	fm.deal_count.focus();
	return false;
}

판매수량도 반드시 입력해야 하는 값입니다.

비어 있으면 등록할 수 없으므로 입력 여부를 확인합니다.

6. 판매번호를 자동으로 가져와야 하는 이유

문제 화면에서는:

판매번호(자동발생)

이라고 되어 있습니다.

즉 사용자가 직접 판매번호를 입력하는 것이 아니라,
DB에서 다음 번호를 자동으로 계산해서 보여줘야 합니다.

그래서 다음 SQL문을 사용합니다.

SELECT TRIM(TO_CHAR(MAX(pk_sale)+1, '00000')) AS pk_sale
FROM tbl_sale

7. 자동번호 SQL 설명

현재 tbl_sale에는 이미 판매번호가 있습니다.

예를 들어 마지막 판매번호가:

라면 다음 번호는:

이 되어야 합니다.

그래서:

MAX(pk_sale)+1

을 사용합니다.

뜻은:

현재 가장 큰 판매번호를 찾고
거기에 1을 더한다

입니다.

TO_CHAR를 사용하는 이유

TO_CHAR(MAX(pk_sale)+1, '00000')

숫자 결과를 다섯 자리 문자 형태로 바꿉니다.

예를 들어:

이라는 숫자가 나오면:

처럼 출력되게 합니다.

TRIM을 사용하는 이유

TRIM(TO_CHAR(MAX(pk_sale)+1, '00000'))

문자 변환 과정에서 생길 수 있는 앞뒤 공백을 제거합니다.

즉 화면에 깔끔하게 판매번호만 출력되도록 처리합니다.

8. 판매일자를 자동으로 가져오는 이유

문제 화면에서는:

판매일자(자동발생)

이라고 되어 있습니다.

즉 사용자가 직접 날짜를 입력하는 것이 아니라
현재 날짜가 자동으로 입력되어야 합니다.

그래서 다음 코드를 사용합니다.

Date date = new Date();
SimpleDateFormat deal_date = new SimpleDateFormat("yyyyMMdd");

그리고 input 값에 넣습니다.

value="<%=deal_date.format(date) %>"

현재 날짜가 2025년 5월 9일이라면:

20250509

처럼 출력됩니다.

9. DB 연결 코드

Connection conn = Util.getConnection();
Statement stmt = conn.createStatement();

이 코드는 Oracle DB와 연결하고 SQL 실행 준비를 하는 코드입니다.

코드의미

Connection conn	DB 연결
Statement stmt	SQL 실행 준비

10. 판매번호 SELECT 실행하기

ResultSet rs = stmt.executeQuery(sql);
rs.next();

String pk_sale = rs.getString("pk_sale");

자동번호를 가져오는 SQL은 조회문입니다.

조회문은:

executeQuery()

를 사용합니다.

그리고 결과값을 읽기 위해:

rs.next();

를 실행합니다.

이후 결과값을 변수에 저장합니다.

String pk_sale = rs.getString("pk_sale");

11. form 태그 만들기

<FORM name="fm" action="action.jsp" onsubmit="return check_val()">

이 코드는 입력폼을 만드는 부분입니다.

여기서 중요한 속성은 세 가지입니다.

속성의미

name="fm"	JavaScript에서 폼을 찾기 위한 이름
action="action.jsp"	등록 버튼 클릭 시 이동할 페이지
onsubmit	전송 전 검사 함수 실행

즉 등록 버튼을 누르면 먼저 check_val()이 실행되고,
문제가 없으면 action.jsp로 이동합니다.

12. 판매번호 입력칸

<INPUT type="text" name="pk_sale" value="<%=pk_sale %>" readonly>

이 부분은 자동으로 계산된 판매번호를 화면에 보여주는 입력칸입니다.

여기서:

<%=pk_sale %>

는 JSP 변수 값을 화면에 출력하는 코드입니다.

즉 DB에서 가져온 다음 판매번호를 input에 넣어줍니다.

readonly는 사용자가 값을 수정하지 못하게 하는 속성입니다.

13. 판매일자 입력칸

<INPUT type="text" name="deal_date" value="<%=deal_date.format(date) %>" readonly>

현재 날짜를 자동으로 보여주는 입력칸입니다.

판매일자는 자동발생 값이므로 사용자가 직접 수정하지 못하도록 readonly를 사용합니다.

14. 제과점 선택 목록 만들기

sql = " SELECT pk_bakery, name FROM tbl_bakery ORDER BY pk_bakery ";
rs = stmt.executeQuery(sql);

제과점 목록은 사용자가 직접 입력하는 것이 아니라
DB에 저장된 제과점 데이터를 가져와 선택하도록 만듭니다.

즉 tbl_bakery 테이블에서 제과점 코드와 이름을 조회합니다.

SELECT 태그 사용

<SELECT name="fk_bakery">
	<OPTION value="">선택</OPTION>

SELECT는 드롭다운 목록을 만들 때 사용합니다.

첫 번째 옵션은 아무것도 선택하지 않은 상태를 의미합니다.

<OPTION value="">선택</OPTION>

while문으로 제과점 목록 출력

while(rs.next()){

DB에 저장된 제과점 수만큼 반복하여 option을 생성합니다.

<OPTION value="<%=rs.getString("pk_bakery") %>">
	<%=rs.getString("name") %>
</OPTION>

여기서 중요한 점은:

화면에는 제과점 이름이 보이고
실제로 전송되는 값은 제과점 코드

라는 점입니다.

예를 들어 화면에는:

정심당

이 보이지만 실제 action.jsp로 전송되는 값은:

A0001

입니다.

15. 제과 선택 목록 만들기

sql = " SELECT pk_bread, name FROM tbl_bread ORDER BY pk_bread ";
rs = stmt.executeQuery(sql);

제과 목록도 DB에서 가져옵니다.

tbl_bread 테이블에서 제과 코드와 제과명을 조회합니다.

<SELECT name="fk_bread">
	<OPTION value="">선택</OPTION>

그리고 while문으로 제과 목록을 option으로 출력합니다.

화면에는:

대보름빵
자라빵
코끼리빵

이 보이고, 실제로 전송되는 값은:

B0001
B0002
B0003

입니다.

16. 판매수량 입력칸

<INPUT type="text" name="deal_count">

사용자가 판매수량을 입력하는 칸입니다.

예를 들어:

10
15

처럼 입력합니다.

이 값은 action.jsp로 전달되어 tbl_sale 테이블에 저장됩니다.

17. 등록 버튼

<INPUT type="submit" value="등록">

등록 버튼입니다.

이 버튼을 누르면 form이 전송됩니다.

즉:

check_val() 실행
→ 입력값 검사
→ action.jsp로 이동

흐름으로 동작합니다.

18. 조회 버튼

<INPUT type="button" value="조회" onclick="location.href='list_j.jsp'">

조회 버튼입니다.

이 버튼을 누르면 판매현황 화면인 list_j.jsp로 이동합니다.

19. DB 연결 닫기

rs.close();
stmt.close();
conn.close();

DB 사용이 끝났기 때문에 연결을 닫아줍니다.

실습에서는 코드가 짧아도 DB 관련 객체는 사용 후 닫아주는 습관을 들이는 것이 좋습니다.

20. 현재까지의 작업 흐름

db.sql
→ 제과점, 제과, 판매정보 테이블 생성

Util.java
→ Oracle DB 연결

index.jsp
→ 전체 화면 틀 생성

style.css
→ 화면 디자인 적용

main.jsp
→ 프로그램 설명 화면

reg.jsp
→ 판매등록 입력폼 생성

21. 핵심 정리

이번 reg.jsp에서 중요한 것은 단순히 입력칸을 만드는 것이 아닙니다.

문제에서 요구한:

판매번호 자동발생
판매일자 자동발생
제과점 선택
제과 선택
판매수량 입력
등록 전 빈칸 검사

기능을 화면에 구현하는 것입니다.

즉 reg.jsp는:

사용자에게 판매정보를 입력받는 화면

이고, 실제 DB 저장은 다음 단계에서 작성할:

action.jsp

가 담당하게 됩니다.

5️⃣main.jsp 작성하기

윤서입니다롱 — Mon, 1 Jun 2026 14:42:18 +0900

04. main.jsp 작성하기

제과점 판매관리 프로그램 설명 화면 만들기

앞에서 index.jsp와 style.css를 작성하면서 웹사이트의 전체 틀과 디자인을 만들었습니다.

그리고 index.jsp에는 다음 코드가 있었습니다.

<iframe name="section_page" src="main.jsp"></iframe>

즉 현재 프로젝트는 처음 실행되면:

main.jsp

가 section 영역에 자동으로 출력되는 구조입니다.

따라서 이번 단계에서는 프로그램 실행 시 가장 먼저 보여줄 안내 화면을 만들어보겠습니다.

1. 왜 main.jsp가 필요한가?

현재 문제에서는 메뉴를 클릭하면 다음 화면으로 이동할 수 있습니다.

판매등록
제과현황
판매현황
매출현황

하지만 프로그램을 처음 실행했을 때는 아직 아무 메뉴도 클릭하지 않은 상태입니다.

즉 처음 접속한 사용자에게:

이 프로그램이 어떤 프로그램인지
어떤 순서로 작업하는지

를 설명해주는 기본 화면이 필요합니다.

그 역할을 하는 파일이:

main.jsp

입니다.

2. 현재 프로젝트에서 main.jsp 역할

현재 프로젝트에서 main.jsp는:

프로그램 소개 화면

역할을 합니다.

즉 실제 DB 저장이나 조회 기능은 없고, 사용자에게 현재 프로그램 설명을 보여주는 페이지입니다.

3. main.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h4>제과점 판매관리 프로그램</h4>
<pre>
제과점 판매관리를 위한 데이터베이스를 구축하고 제과점 판매관리 프로그램을 작성하는 프로그램이다.
프로그램 작성순서
1. 제과 테이블을 작성한다.
2. 제과점 테이블을 작성한다.
3. 판매정보 테이블에서 제시된 문제지의 참조데이터를 추가 생성한다.
4. 홈페이지 프로그램을 작성한다.
5. 판매등록 프로그램을 조건에 맞게 작성한다.
6. 제과현황, 판매현황, 매출현황 프로그램을 작성한다.
</pre>
</body>
</html>

4. main.jsp가 출력되는 위치

앞에서 작성한 index.jsp에는 다음 코드가 있었습니다.

<iframe name="section_page" src="main.jsp"></iframe>

즉 index.jsp가 실행되면:

section 영역 안에
main.jsp가 자동 출력

됩니다.

현재 구조를 다시 보면:

header → 유지
nav → 유지
section → main.jsp 출력
footer → 유지

입니다.

즉 main.jsp는 section 안에 들어가는 첫 화면입니다.

5. h4 태그 사용하는 이유

<h4>제과점 판매관리 프로그램</h4>

현재 화면에서는 프로그램 제목을 보여줘야 합니다.

그래서 제목 태그인:

<h4>

를 사용합니다.

index.jsp의 header에는 큰 프로그램 제목이 이미 있기 때문에,
section 안에서는 너무 큰 제목보다는 h4 정도로 설명 제목을 넣어주는 것이 자연스럽습니다.

6. pre 태그를 사용하는 이유

이번 코드에서 중요한 부분은 다음 태그입니다.

<pre>

pre 태그는 작성한 모양 그대로 화면에 출력해주는 태그입니다.

7. 왜 pre 태그를 사용할까?

현재 화면에서는 다음처럼 순서를 줄바꿈해서 보여줘야 합니다.

1. 제과 테이블을 작성한다.
2. 제과점 테이블을 작성한다.
3. 판매정보 테이블에서 제시된 문제지의 참조데이터를 추가 생성한다.

하지만 일반 HTML에서는 Enter를 쳐도 화면에서 줄바꿈이 그대로 유지되지 않을 수 있습니다.

예를 들어 코드에:

안녕하세요
반갑습니다

라고 작성해도 실제 화면에서는:

안녕하세요 반갑습니다

처럼 한 줄로 붙어서 출력될 수 있습니다.

그래서 작성한 줄바꿈과 띄어쓰기를 그대로 보여주기 위해 pre 태그를 사용합니다.

8. pre 태그 역할

<pre>

는 다음 역할을 합니다.

줄바꿈 유지
띄어쓰기 유지
작성 형태 유지

현재 문제처럼:

프로그램 설명
작업 순서
안내 문장

을 출력할 때 사용하면 편리합니다.

9. 현재 main.jsp가 하는 역할

현재 화면에서는 사용자가 처음 프로그램을 실행했을 때:

이 프로그램이 무엇인지
어떤 순서로 작업되는지

를 안내합니다.

즉 main.jsp는:

프로그램 설명서 화면

이라고 생각하면 됩니다.

10. 실제 실행 흐름

현재 프로젝트는 다음 순서로 동작합니다.

index.jsp 실행
↓
iframe 안에 main.jsp 출력
↓
사용자가 메뉴 클릭
↓
reg.jsp / list.jsp / list_j.jsp / list_jg.jsp 출력

즉 main.jsp는 프로그램 시작 시 가장 먼저 보여주는 기본 안내 화면입니다.

11. 현재까지 완성된 구조

현재까지 만든 파일은 다음과 같습니다.

db.sql
→ 데이터베이스 생성

Util.java
→ Oracle DB 연결

index.jsp
→ 전체 화면 구조 생성

style.css
→ 화면 디자인 적용

main.jsp
→ 프로그램 설명 화면 출력

이제 다음 단계에서는:

reg.jsp

를 작성해서 실제로 판매정보를 입력하는 판매등록 화면을 만들어보겠습니다.

4️⃣style.css 작성하기

윤서입니다롱 — Mon, 1 Jun 2026 14:38:00 +0900

제과점 매출관리 프로그램 화면 디자인 적용하기

앞에서 index.jsp를 작성하면서 웹사이트의 전체 틀을 만들었습니다.

index.jsp에서는 화면을 다음 4개 영역으로 나누었습니다.

header  → 제목 영역
nav     → 메뉴 영역
section → 실제 내용 출력 영역
footer  → 하단 영역

하지만 HTML만 작성하면 화면이 단순하게 출력됩니다.

그래서 이번 단계에서는 style.css를 작성하여
제과점 매출관리 프로그램에 맞는 화면 디자인을 적용해보겠습니다.

1. style.css가 필요한 이유

이번 문제에서는 다음과 같은 화면이 요구됩니다.

상단 프로그램 제목
메뉴 영역
본문 출력 영역
하단 저작권 영역

또한 문제 예시 화면을 보면

분홍색 제목 영역
연분홍색 메뉴 영역
흰색 본문 영역
분홍색 footer 영역

으로 구성되어 있습니다.

따라서 각 영역의

배경색
글자색
높이
정렬
여백

을 지정해야 합니다.

이 역할을 담당하는 파일이

style.css

입니다.

2. index.jsp와 style.css 연결 확인하기

index.jsp에는 다음 코드가 있습니다.

<link rel="stylesheet" type="text/css" href="style.css">

이 코드는

index.jsp에 style.css 디자인을 적용하겠다

는 의미입니다.

즉

index.jsp → 화면 구조
style.css → 화면 디자인

으로 역할을 분리하는 것입니다.

3. style.css 전체 코드

@charset "UTF-8";

BODY, HTML {
	text-align: center;
}

HEADER, NAV, SECTION, IFRAME, FOOTER {
	width: 100%;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

HEADER{
	height: 30px;
	background: rgb(224, 158, 160);
	color: #ffffff;
}

FOOTER{
	height: 70px;
	background: rgb(255, 128, 192);
	color: #ffffff;
}

NAV{
	height: 30px;
	background: rgb(254, 201, 215);
}

NAV UL{
	margin: 0;
	padding: 0;
}

NAV LI{
	display: inline-block;
	width: 170px;
}

NAV A{
	color: #ffffff;
	text-decoration: none;
}

SECTION{
	background: #ffffff;
	border: 0;
}

SECTION IFRAME{
	height: 400px;
	border: 0;
}

TABLE {
	margin: auto;
}

PRE {
	text-align: LEFT;
}

4. 한글 깨짐 방지 설정

@charset "UTF-8";

CSS 파일에서도 UTF-8 인코딩을 사용하도록 설정합니다.

현재 프로젝트는 한글 메뉴와 제목을 사용하므로
인코딩을 맞춰주는 것이 좋습니다.

5. 전체 글자 가운데 정렬

BODY, HTML {
	text-align: center;
}

이번 문제에서는

프로그램 제목
메뉴
표

등이 대부분 가운데 정렬되어야 합니다.

그래서 BODY와 HTML 전체를 가운데 정렬합니다.

6. 공통 영역 디자인 적용하기

HEADER, NAV, SECTION, IFRAME, FOOTER {
	width: 100%;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

현재 index.jsp에는

HEADER
NAV
SECTION
IFRAME
FOOTER

영역이 있습니다.

이 영역들은 모두

가로 전체 사용
안쪽 여백
가운데 정렬

이 필요합니다.

그래서 공통 속성을 한 번에 적용합니다.

7. HEADER 디자인하기

HEADER{
	height: 30px;
	background: rgb(224, 158, 160);
	color: #ffffff;
}

HEADER는 프로그램 제목이 출력되는 영역입니다.

제과점 매출관리 프로그램

이라는 제목이 표시됩니다.

현재 문제 예시 화면처럼

분홍색 배경
흰색 글자

가 되도록 설정합니다.

8. NAV 디자인하기

NAV{
	height: 30px;
	background: rgb(254, 201, 215);
}

NAV는 메뉴 영역입니다.

현재 메뉴는

판매등록
제과현황
판매현황
매출현황
홈으로

로 구성됩니다.

메뉴가 잘 보이도록 연분홍색 배경을 지정합니다.

9. 메뉴 기본 여백 제거하기

NAV UL{
	margin: 0;
	padding: 0;
}

ul 태그는 기본적으로 여백을 가지고 있습니다.

이 여백 때문에 메뉴 위치가 어긋날 수 있으므로
0으로 설정하여 제거합니다.

10. 메뉴를 가로로 배치하기

NAV LI{
	display: inline-block;
	width: 170px;
}

li 태그는 원래 세로로 출력됩니다.

하지만 현재 메뉴는

판매등록  제과현황  판매현황  매출현황  홈으로

처럼 가로로 나란히 배치되어야 합니다.

그래서

display: inline-block;

을 사용합니다.

또한 메뉴 간격을 일정하게 유지하기 위해

width: 170px;

를 지정합니다.

11. 메뉴 글자 꾸미기

NAV A{
	color: #ffffff;
	text-decoration: none;
}

a 태그는 기본적으로

파란색 글자
밑줄

이 표시됩니다.

하지만 메뉴에서는 보기 좋지 않기 때문에

color: #ffffff;

로 흰색 글자로 변경하고

text-decoration: none;

으로 밑줄을 제거합니다.

12. SECTION 디자인하기

SECTION{
	background: #ffffff;
	border: 0;
}

SECTION은 실제 화면이 출력되는 영역입니다.

여기에

판매등록
제과현황
판매현황
매출현황

화면이 표시됩니다.

배경은 흰색으로 하고
테두리는 제거합니다.

13. IFRAME 높이 설정하기

SECTION IFRAME{
	height: 400px;
	border: 0;
}

iframe은 다른 JSP 화면을 출력하는 공간입니다.

높이가 너무 작으면

판매현황 표
매출현황 표

가 잘릴 수 있습니다.

그래서 충분한 높이인

height: 400px;

를 지정합니다.

14. FOOTER 디자인하기

FOOTER{
	height: 70px;
	background: rgb(255, 128, 192);
	color: #ffffff;
}

footer는 화면 맨 아래 영역입니다.

여기에는

Copyright (c) 2025 ...

문구가 출력됩니다.

본문과 구분되도록 진한 분홍색 배경과 흰색 글자를 사용합니다.

15. TABLE 가운데 정렬하기

TABLE {
	margin: auto;
}

앞으로 만들

제과현황
판매현황
매출현황

화면은 모두 표(Table)를 사용합니다.

표를 화면 가운데 정렬하기 위해

margin: auto;

를 사용합니다.

16. PRE 태그 정렬하기

PRE {
	text-align: LEFT;
}

main.jsp에서는 프로그램 설명을 작성할 예정입니다.

설명 문장은 왼쪽 정렬이 읽기 편하므로

text-align: left;

를 적용합니다.

17. 현재까지의 작업 흐름

db.sql
→ 테이블 생성

Util.java
→ Oracle 연결

index.jsp
→ 전체 화면 틀

style.css
→ 화면 디자인 적용

이제 다음 단계에서는

main.jsp

를 작성하여 프로그램 설명 화면을 만들어 보겠습니다.

(다음 포스팅: 04. main.jsp 작성하기 - 제과점 매출관리 프로그램 설명 화면 만들기)

3️⃣index.jsp 작성하기

윤서입니다롱 — Mon, 1 Jun 2026 12:38:44 +0900

02. index.jsp 작성하기

제과점 매출관리 프로그램의 전체 화면 틀 만들기

앞에서 db.sql을 작성하면서 제과점 프로그램에 필요한 테이블을 만들었습니다.

이제부터는 실제 웹페이지 화면을 구성합니다.

이번 단계에서 작성할 파일은:

index.jsp

입니다.

index.jsp는 프로그램의 시작 페이지입니다.

즉, 판매등록이나 제과현황을 직접 처리하는 파일이 아니라
전체 화면의 틀을 잡아주는 파일입니다.

1. 이번 문제에서 index.jsp가 필요한 이유

문제에서 요구하는 메뉴는 다음과 같습니다.

판매등록
제과현황
판매현황
매출현황
홈으로

이 메뉴들이 한 화면 안에서 이동할 수 있어야 하므로
전체 화면 구조가 필요합니다.

그래서 index.jsp에서는 다음 영역을 만듭니다.

header  → 프로그램 제목
nav     → 메뉴
section → 실제 화면 출력
footer  → 하단 정보

2. index.jsp가 해야 할 일

이번 문제에서 index.jsp는 다음 역할을 합니다.

1. 상단에 “제과점 매출관리 프로그램” 제목 출력
2. 메뉴 만들기
   - 판매등록
   - 제과현황
   - 판매현황
   - 매출현황
   - 홈으로
3. section 영역에 main.jsp 출력
4. footer 출력

즉, index.jsp는 기능 처리 파일이 아니라
프로그램 전체 화면 구조를 만드는 파일입니다.

3. index.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" type="text/css" href="style.css">
</head>
<body>
	<HEADER><H2>제과점 매출관리 프로그램</H2></HEADER>
	<NAV>
		<UL>
			<LI><A href = "reg.jsp"			target = "section_page">판매등록</A></LI>
			<LI><A href = "list.jsp"		target = "section_page">제과현황</A></LI>
			<LI><A href = "list_j.jsp"		target = "section_page">판매현황</A></LI>
			<LI><A href = "list_jg.jsp"		target = "section_page">매출현황</A></LI>
			<LI><A href = "main.jsp"		target = "section_page">홈으로</A></LI>
		</UL>
	</NAV>
	<section>
		<iframe name="section_page" src="main.jsp"></iframe>
	</section>
	<footer>
		<H3>Copyright (c) 2025. 주식회사 OOOO Inc All Rights Reserved.</H3>
	</footer>
</body>
</html>

4. JSP 기본 설정

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

이 코드는 JSP 파일의 기본 설정입니다.

현재 프로그램은 한글을 사용하므로
한글이 깨지지 않게 UTF-8 설정을 해줍니다.

5. CSS 파일 연결하기

<link rel="stylesheet" type="text/css" href="style.css">

이 코드는 style.css 파일을 연결하는 코드입니다.

화면의 색상, 크기, 정렬은 style.css에서 처리합니다.

즉:

index.jsp → 화면 구조
style.css → 화면 디자인

으로 역할이 나뉩니다.

6. HEADER 영역 만들기

<HEADER><H2>제과점 매출관리 프로그램</H2></HEADER>

HEADER는 화면 맨 위 제목 영역입니다.

문제에서 프로그램 이름이
“제과점 매출관리 프로그램”이므로 이 제목을 출력합니다.

7. NAV 영역 만들기

<NAV>

NAV는 메뉴 영역입니다.

이번 문제에서는 다음 메뉴가 필요합니다.

판매등록
제과현황
판매현황
매출현황
홈으로

그래서 NAV 안에 메뉴들을 작성합니다.

8. 메뉴를 목록으로 만들기

<UL>
	<LI>메뉴</LI>
</UL>

UL은 목록 전체를 의미하고,
LI는 목록 안의 한 항목을 의미합니다.

즉 메뉴 하나하나를 LI로 작성합니다.

9. 메뉴 클릭 시 이동할 파일 연결하기

<A href = "reg.jsp" target = "section_page">판매등록</A>

A 태그는 클릭해서 다른 페이지로 이동할 때 사용합니다.

여기서 href는 이동할 파일입니다.

예를 들어:

판매등록 클릭 → reg.jsp 실행
제과현황 클릭 → list.jsp 실행
판매현황 클릭 → list_j.jsp 실행
매출현황 클릭 → list_jg.jsp 실행
홈으로 클릭 → main.jsp 실행

10. 메뉴별 파일 역할

메뉴연결 파일역할

판매등록	reg.jsp	판매 정보를 입력하는 화면
제과현황	list.jsp	제과 테이블 조회 화면
판매현황	list_j.jsp	판매정보와 제과 테이블 JOIN 조회
매출현황	list_jg.jsp	제과점별 매출 GROUP BY 조회
홈으로	main.jsp	프로그램 설명 화면

여기서 list_j.jsp의 j는 JOIN,
list_jg.jsp의 jg는 JOIN + GROUP BY로 생각하면 이해하기 쉽습니다.

11. target="section_page"가 중요한 이유

target = "section_page"

이 부분이 중요합니다.

보통 메뉴를 클릭하면 화면 전체가 바뀝니다.

하지만 이 프로젝트에서는:

header → 그대로 유지
nav → 그대로 유지
footer → 그대로 유지
section → 내용만 변경

되어야 합니다.

그래서 메뉴를 클릭했을 때
전체 페이지가 아니라 section 안의 iframe만 바뀌도록 설정합니다.

12. section과 iframe 만들기

<section>
	<iframe name="section_page" src="main.jsp"></iframe>
</section>

section은 실제 내용이 출력되는 본문 영역입니다.

iframe은 웹페이지 안에 다른 JSP 파일을 보여주는 공간입니다.

처음 실행할 때는:

main.jsp

가 출력됩니다.

그리고 메뉴를 누르면 target="section_page"에 의해
iframe 안의 내용만 바뀝니다.

13. footer 만들기

<footer>
	<H3>Copyright (c) 2025. 주식회사 OOOO Inc All Rights Reserved.</H3>
</footer>

footer는 화면 맨 아래 영역입니다.

주로 저작권 문구나 회사 정보를 작성합니다.

14. 실행 흐름 정리

현재 index.jsp는 다음과 같이 동작합니다.

index.jsp 실행
↓
header에 제목 출력
↓
nav에 메뉴 출력
↓
section 안 iframe에 main.jsp 출력
↓
메뉴 클릭 시 iframe 안의 내용만 변경

예를 들어:

판매등록 클릭
→ reg.jsp가 iframe 안에 출력

매출현황 클릭
→ list_jg.jsp가 iframe 안에 출력

15. 정리

이번 단계에서는 제과점 매출관리 프로그램의 전체 화면 틀을 만들었습니다.

정리하면:

index.jsp → 전체 구조 담당
style.css → 디자인 담당
main.jsp → 첫 화면 설명
reg.jsp → 판매등록
list.jsp → 제과현황
list_j.jsp → 판매현황
list_jg.jsp → 매출현황

즉, index.jsp는 프로그램의 중심 화면이고,
다른 JSP 파일들을 연결해주는 역할을 합니다.

2️⃣DB 생성 흐름

윤서입니다롱 — Mon, 1 Jun 2026 12:31:01 +0900

정보처리산업기사 실기에서는 화면을 만들기 전에 가장 먼저 데이터베이스를 설계해야 합니다.

왜냐하면 화면에서 출력하는 모든 정보는 결국 데이터베이스에서 가져오기 때문입니다.

예를 들어 이번 문제를 보면 다음과 같은 화면이 존재합니다.

판매등록
제과현황
판매현황
매출현황

즉,

제과점 정보
제과 정보
판매 정보

를 저장할 공간이 필요합니다.

그래서 이번 문제에서는 총 3개의 테이블을 생성하게 됩니다.

1. 어떤 테이블이 필요한지 먼저 확인하기

문제를 보면 다음과 같은 테이블 명세서가 제공됩니다.

제과점 테이블

tbl_bakery

제과 테이블

tbl_bread

판매정보 테이블

tbl_sale

여기서 중요한 것은

제과점 → 빵 판매

구조라는 점입니다.

즉 판매정보는

어느 제과점이
어떤 빵을
몇 개 판매했는지

저장하는 역할을 하게 됩니다.

2. 제과점 테이블은 왜 필요한가?

문제에는 제과현황 화면이 있습니다.

제과현황 화면을 보면

제과점 코드
제과점 이름
지역
비고

정보가 출력됩니다.

즉 이 데이터를 저장할 공간이 필요합니다.

그래서 생성하는 테이블이

tbl_bakery

입니다.

제과점 테이블 명세서 해석하기

컬럼의미

pk_bakery	제과점 코드
name	제과점 이름
address	지역
etc	비고

예를 들어

A0001
정심당
대전
정성을 다한 마음으로 빵을 만드는 빵집

같은 정보를 저장하게 됩니다.

CREATE TABLE 작성하기

CREATE TABLE tbl_bakery(
    pk_bakery VARCHAR2(5) PRIMARY KEY,
    name VARCHAR2(20) NOT NULL,
    address VARCHAR2(255),
    etc VARCHAR2(255)
);

왜 VARCHAR2를 사용할까?

제과점 코드를 보면

A0001
A0002
A0003

처럼 문자와 숫자가 섞여 있습니다.

따라서

NUMBER

가 아니라

VARCHAR2

를 사용해야 합니다.

PRIMARY KEY는 왜 사용하는가?

제과점 코드는

A0001
A0002
A0003

처럼 중복되면 안 됩니다.

그래서

PRIMARY KEY

로 지정합니다.

3. 제과 테이블은 왜 필요한가?

판매현황 화면에는

대보름빵
자라빵
코끼리빵

같은 빵 이름이 출력됩니다.

즉 빵 정보를 저장하는 공간도 필요합니다.

그래서

tbl_bread

테이블을 생성합니다.

제과 테이블 명세서 해석하기

컬럼의미

pk_bread	제과 코드
name	제과 이름
price	제과 가격

예시)

B0001 대보름빵 1000
B0002 자라빵 1500
B0003 코끼리빵 2000

CREATE TABLE 작성하기

CREATE TABLE tbl_bread(
    pk_bread VARCHAR2(5) PRIMARY KEY,
    name VARCHAR2(20) NOT NULL,
    price NUMBER(10) NOT NULL
);

가격은 왜 NUMBER를 사용할까?

가격은

1000
1500
2000

처럼 숫자입니다.

그래서

NUMBER

를 사용하는 것이 더 적절합니다.

4. 판매정보 테이블은 왜 필요한가?

이번 문제의 핵심 테이블입니다.

판매정보 화면을 보면

판매코드
판매일
판매수량
제과명

이 출력됩니다.

즉

언제
어떤 빵을
몇 개 판매했는지

기록해야 합니다.

판매정보 테이블 명세서 해석하기

컬럼의미

pk_sale	판매코드
deal_date	판매일
deal_count	판매수량
fk_bakery	제과점 코드
fk_bread	제과 코드

CREATE TABLE 작성하기

CREATE TABLE tbl_sale(
    pk_sale VARCHAR2(5) PRIMARY KEY,
    deal_date DATE NOT NULL,
    deal_count NUMBER(10) NOT NULL,
    fk_bakery VARCHAR2(5) NOT NULL,
    fk_bread VARCHAR2(5) NOT NULL,

    CONSTRAINT fk_sale_bakery
        FOREIGN KEY(fk_bakery)
        REFERENCES tbl_bakery(pk_bakery),

    CONSTRAINT fk_sale_bread
        FOREIGN KEY(fk_bread)
        REFERENCES tbl_bread(pk_bread)
);

5. FOREIGN KEY는 왜 사용하는가?

판매정보에는

A0001
B0001

같은 코드가 저장됩니다.

그런데

A9999

같은 존재하지 않는 제과점 코드가 들어가면 문제가 발생합니다.

그래서

FOREIGN KEY

를 사용합니다.

즉

판매정보는 반드시 존재하는 제과점과
존재하는 빵만 선택 가능

하도록 만드는 것입니다.

6. 제공 데이터 입력하기

문제에서는 테이블만 만들라고 하지 않습니다.

반드시 제공 데이터도 입력해야 합니다.

그래서

INSERT INTO tbl_bakery

INSERT INTO tbl_bread

INSERT INTO tbl_sale

를 이용해 제공 데이터를 모두 입력합니다.

7. 데이터가 잘 들어갔는지 확인하기

테이블 생성과 INSERT가 끝났다면 반드시 확인합니다.

SELECT * FROM tbl_bakery;
SELECT * FROM tbl_bread;
SELECT * FROM tbl_sale;

확인 결과

제과점 4건
제과 7건
판매정보 15건

이 출력되면 성공입니다.

정리

이번 단계의 목표는 화면을 만드는 것이 아닙니다.

먼저

제과점 정보 저장
→ 제과 정보 저장
→ 판매정보 저장

구조를 만드는 것입니다.

즉 이번 문제는

tbl_bakery 생성
tbl_bread 생성
tbl_sale 생성
INSERT 입력
SELECT 확인

순서로 진행하면 됩니다.

1️⃣ 제과점 프로그램 요구사항 분석

윤서입니다롱 — Mon, 1 Jun 2026 12:12:23 +0900

제과점 매출관리 프로그램 화면 요구사항 분석하기

이번 문제는 제과점 매출관리 프로그램입니다.

문제에서 요구하는 화면은 크게 5개입니다.

시작화면
판매등록 화면
제과현황 조회 화면
판매현황 조회 화면
매출현황 조회 화면

따라서 우리는 무작정 코드를 작성하는 것이 아니라,

먼저 문제를 보고

어떤 화면이 필요한지
어떤 파일이 필요한지

정리해야 합니다.

1. 시작화면 요구사항 확인

문제에서는 시작화면을 다음과 같이 구성하라고 제시합니다.

header  → 제목 영역
nav     → 메뉴 영역
section → 본문 영역
footer  → 하단 영역

즉,

이 화면은 프로그램 전체의 뼈대를 만드는 화면입니다.

그래서 가장 먼저 만들어야 할 파일은

index.jsp

입니다.

index.jsp가 해야 할 일

즉,

index.jsp는 데이터를 조회하는 파일이 아닙니다.

프로그램 전체 틀을 만드는 파일입니다.

2. 메뉴를 보고 필요한 JSP 파일 정하기

문제의 메뉴는 다음과 같습니다.

판매등록
제과현황
판매현황
매출현황
홈으로

이 메뉴를 보면

필요한 JSP 파일을 바로 알 수 있습니다.

메뉴필요한 파일역할

판매등록	reg.jsp	판매정보 입력
제과현황	list.jsp	제과 목록 조회
판매현황	list_j.jsp	판매 + 제과 JOIN 조회
매출현황	list_jg.jsp	매출 GROUP BY 조회
홈으로	main.jsp	프로그램 설명

따라서 이 문제에서 필요한 파일은 다음과 같습니다.

index.jsp   → 전체 화면 틀

main.jsp    → 프로그램 설명

reg.jsp     → 판매등록 입력 화면

action.jsp  → 판매등록 DB 저장

list.jsp    → 제과현황 조회

list_j.jsp  → 판매현황 JOIN 조회

list_jg.jsp → 매출현황 GROUP BY 조회

style.css   → 화면 디자인

Util.java   → DB 연결

메뉴에 보이는 파일은 화면용 JSP이고,

action.jsp
Util.java

는 사용자가 보지 못하는 기능 처리 파일입니다.

3. 판매등록 화면은 입력 화면입니다

문제에서 판매등록 메뉴를 클릭하면 다음 화면이 출력되어야 합니다.

입력해야 하는 항목은

판매번호
판매일자
제과점
제과
판매수량

입니다.

따라서 이 화면은

reg.jsp

에서 구현합니다.

reg.jsp가 해야 할 일

판매등록 입력폼 만들기

판매번호 자동 생성

판매일자 자동 생성

제과점 선택

제과 선택

판매수량 입력

등록 버튼

조회 버튼

여기서 중요한 점이 있습니다.

reg.jsp는

DB에 저장하는 파일이 아닙니다.

reg.jsp
↓
사용자 입력

action.jsp
↓
DB 저장

역할이 분리됩니다.

4. 제과현황 화면은 단순 조회입니다

문제에서는 다음 항목을 출력하라고 합니다.

제과코드
제과명
가격

이 데이터는 모두

tbl_bread

테이블 안에 있습니다.

따라서

JOIN이 필요 없습니다.

사용되는 SQL도 단순합니다.

SELECT *
FROM tbl_bread

따라서 이 화면은

list.jsp

에서 구현합니다.

list.jsp가 해야 할 일

tbl_bread 조회

제과코드 출력

제과명 출력

가격 출력

가격을 화폐형식으로 출력

제과코드 기준 정렬

5. 판매현황 화면은 JOIN 조회입니다

판매현황 화면에서는 다음 항목을 출력합니다.

판매코드
판매일
판매수량
제과명

여기서 중요한 점이 있습니다.

판매 테이블(tbl_sale)에는

제과코드

만 존재합니다.

제과명

은

tbl_bread

에 들어있습니다.

따라서

판매현황은

테이블 하나만 조회해서는 만들 수 없습니다.

tbl_sale
+
tbl_bread

를 연결해야 합니다.

즉,

JOIN이 필요합니다.

SELECT
    s.pk_sale,
    s.deal_date,
    s.deal_count,
    b.name
FROM tbl_sale s
JOIN tbl_bread b
ON s.fk_bread = b.pk_bread;

따라서 이 파일은

list_j.jsp

로 만듭니다.

여기서

j = JOIN

이라고 생각하면 기억하기 쉽습니다.

6. 매출현황 화면은 GROUP BY 조회입니다

이번 문제에서 가장 중요한 화면입니다.

문제에서는

제과점별 매출을 구하라고 합니다.

매출을 계산하려면

판매수량
×
제과가격

이 필요합니다.

그런데

판매수량은

tbl_sale

에 있고

제과가격은

tbl_bread

에 있습니다.

제과점 정보는

tbl_bakery

에 있습니다.

즉,

3개의 테이블을 모두 사용해야 합니다.

tbl_sale
+
tbl_bread
+
tbl_bakery

그리고

제과점별로 묶어야 하므로

GROUP BY

가 필요합니다.

따라서 이 화면은

list_jg.jsp

에서 구현합니다.

여기서

j = JOIN
g = GROUP BY

라고 생각하면 됩니다.

7. 홈으로 메뉴는 main.jsp로 이동합니다

홈으로 메뉴를 클릭하면

처음 프로그램 설명 화면으로 돌아가야 합니다.

이때 다시 index.jsp를 실행하는 것이 아니라

본문(section)에

main.jsp

를 보여주면 됩니다.

따라서

프로그램 설명 화면은

main.jsp

에서 작성합니다.

8. 이 문제의 실제 구현 순서

이번 문제는 아래 순서대로 진행하면 됩니다.

0. 환경구성
   - Oracle 연결
   - Tomcat 연결
   - Util.java 생성

1. db.sql 작성
   - tbl_bakery 생성
   - tbl_bread 생성
   - tbl_sale 생성
   - 제공 데이터 INSERT

2. index.jsp 작성
   - 전체 화면 틀
   - 메뉴 연결
   - iframe 설정

3. style.css 작성
   - header
   - nav
   - section
   - footer 디자인

4. main.jsp 작성
   - 프로그램 설명

5. reg.jsp 작성
   - 판매등록 입력폼

6. action.jsp 작성
   - 판매등록 INSERT

7. list.jsp 작성
   - 제과현황 조회

8. list_j.jsp 작성
   - 판매현황 JOIN 조회

9. list_jg.jsp 작성
   - 매출현황 GROUP BY 조회

10. 최종 테스트

9. 정리

이 문제는 화면을 보고 필요한 파일을 먼저 판단해야 합니다.

시작화면 → index.jsp

홈 화면 → main.jsp

판매등록 → reg.jsp

등록 처리 → action.jsp

제과현황 → list.jsp

판매현황 → list_j.jsp

매출현황 → list_jg.jsp

디자인 → style.css

DB 연결 → Util.java

즉,

문제를 받자마자 코드를 작성하는 것이 아니라

"이 화면은 어떤 파일이 필요하지?"

부터 판단해야 합니다.

정보처리산업기사 실기에서는 SQL 문법보다도

어떤 화면이 필요한지

어떤 JSP 파일이 필요한지

JOIN이 필요한지

GROUP BY가 필요한지

를 먼저 판단하는 습관이 훨씬 중요합니다.

️9️⃣list_j.jsp 작성하기

윤서입니다롱 — Tue, 26 May 2026 12:46:28 +0900

일정현황 JOIN 조회 화면 만들기

앞에서 list.jsp를 작성하면서 회원현황 화면을 만들었습니다.

list.jsp는 회원 테이블인 tbl_member 하나만 조회하면 되는 비교적 단순한 페이지였습니다.

이번에는:

일정현황

화면을 만들어보겠습니다.

일정현황 화면은 단순 조회가 아니라,
두 개의 테이블을 연결해서 보여줘야 합니다.

그래서 이번 파일 이름은:

list_j.jsp

입니다.

여기서 j는 JOIN을 의미한다고 생각하면 됩니다.

1. 이번 문제에서 list_j.jsp가 필요한 이유

문제에서 일정현황 화면에는 다음 정보가 출력되어야 합니다.

일정코드
일정일자
일정메모
회원코드
회원명

여기서 중요한 점이 있습니다.

tbl_schedule 테이블에는:

일정코드
일정일자
일정메모
회원코드

는 있지만,

회원명

은 없습니다.

회원명은 tbl_member 테이블에 있습니다.

따라서 일정현황 화면을 만들려면:

tbl_schedule + tbl_member

두 테이블을 연결해야 합니다.

이때 사용하는 SQL 문법이:

JOIN

입니다.

2. 현재 list_j.jsp가 해야 하는 일

이번 문제에서 list_j.jsp는 다음 역할을 합니다.

1. tbl_schedule 테이블에서 일정 정보 조회
2. tbl_member 테이블에서 회원명 조회
3. 회원코드를 기준으로 두 테이블 연결
4. 일정코드, 일정일자, 일정메모, 회원코드, 회원명 출력
5. 표 형태로 화면에 보여주기

즉:

여러 테이블의 데이터를 합쳐서 보여주는 조회 페이지

입니다.

3. list_j.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>일정 관리 프로그램</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<%
request.setCharacterEncoding("UTF-8");
Connection conn = Util.getConnection();
Statement stmt	= conn.createStatement();

String sql = 
" SELECT	 	tbl_s.pk_schedule 								AS 	 일정코드		"+
" ,			 	to_char(tbl_s.do_date,'yyyy-MM-dd')				AS	 일정일자		"+
" ,			 	tbl_s.do_memo									AS	 일정메모		"+
" ,			 	tbl_m.pk_member 								AS 	 회원코드		"+
" ,			 	tbl_m.name 										AS 	 회원명		"+
" FROM	 	 	tbl_member 		tbl_m											"+
" LEFT JOIN 	tbl_schedule 	tbl_s	 ON 	tbl_s.fk_member=tbl_m.pk_member "+
" WHERE		 	tbl_s.pk_schedule IS NOT NULL									";

ResultSet rs = stmt.executeQuery(sql);
%>

<H4>일정현황</H4>

<TABLE border='1'>
	<TR>
		<TH width='100px'>일정코드</TH>
		<TH width='100px'>일정일자</TH>
		<TH width='200px'>일정메모</TH>
		<TH width='100px'>회원코드</TH>
		<TH width='100px'>회원명</TH>
	</TR>

<% while(rs.next()){ %>
	<TR>
		<TD align='center'><%=rs.getString("일정코드") %></TD>
		<TD align='center'><%=rs.getString("일정일자") %></TD>
		<TD align='left'><%=rs.getString("일정메모") %></TD>
		<TD align='center'><%=rs.getString("회원코드") %></TD>
		<TD align='center'><%=rs.getString("회원명") %></TD>
	</TR>		
<% } %>

<%
rs.close();
conn.close();
stmt.close();
%>

</TABLE>
</body>
</html>

4. 현재 페이지는 JOIN 조회 페이지입니다

앞에서 만든 list.jsp는 회원 테이블 하나만 조회했습니다.

tbl_member

하지만 이번 list_j.jsp는 일정현황을 보여줘야 합니다.

일정현황에는 회원명이 필요합니다.

그런데 회원명은 일정 테이블에 없고 회원 테이블에 있습니다.

그래서:

tbl_schedule
tbl_member

두 테이블을 연결해야 합니다.

5. DB 연결 준비하기

DB에서 일정현황 데이터를 가져오기 위해 Oracle 연결이 필요합니다.

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

그리고 실제 연결은 다음 코드로 진행합니다.

Connection conn = Util.getConnection();
Statement stmt	= conn.createStatement();

6. 이번 문제에서 필요한 SQL 판단하기

일정현황 화면에서 필요한 컬럼은 다음과 같습니다.

일정코드
일정일자
일정메모
회원코드
회원명

각 데이터가 있는 위치를 보면 다음과 같습니다.

필요한 데이터들어있는 테이블

일정코드	tbl_schedule
일정일자	tbl_schedule
일정메모	tbl_schedule
회원코드	tbl_member 또는 tbl_schedule
회원명	tbl_member

즉 한 테이블만으로는 부족합니다.

그래서 JOIN을 사용해야 합니다.

7. SELECT 문 작성하기

SELECT
    tbl_s.pk_schedule AS 일정코드,
    to_char(tbl_s.do_date,'yyyy-MM-dd') AS 일정일자,
    tbl_s.do_memo AS 일정메모,
    tbl_m.pk_member AS 회원코드,
    tbl_m.name AS 회원명
FROM tbl_member tbl_m
LEFT JOIN tbl_schedule tbl_s
ON tbl_s.fk_member = tbl_m.pk_member
WHERE tbl_s.pk_schedule IS NOT NULL

이 SQL문은:

회원 테이블과 일정 테이블을 연결해서
일정현황에 필요한 데이터를 조회

하는 코드입니다.

8. 테이블 별칭을 사용하는 이유

SQL을 보면 테이블 이름 뒤에 다음과 같은 이름이 붙어 있습니다.

tbl_member tbl_m
tbl_schedule tbl_s

여기서:

tbl_m
tbl_s

는 테이블 별칭입니다.

테이블 이름을 매번 길게 쓰면 코드가 길어집니다.

그래서 짧은 별칭을 붙여 사용합니다.

예를 들어:

tbl_schedule.pk_schedule

대신:

tbl_s.pk_schedule

처럼 짧게 작성할 수 있습니다.

9. LEFT JOIN을 사용하는 이유

LEFT JOIN tbl_schedule tbl_s
ON tbl_s.fk_member = tbl_m.pk_member

이 코드는 두 테이블을 연결하는 부분입니다.

연결 기준은:

회원코드

입니다.

즉:

tbl_schedule의 fk_member
=
tbl_member의 pk_member

인 데이터끼리 연결합니다.

10. 현재 문제에서 JOIN이 필요한 이유

예를 들어 일정 테이블에 다음 데이터가 있다고 해보겠습니다.

일정코드일정메모회원코드

탐관오리 찾기

M0001

하지만 이 상태만 보면 M0001이 누구인지 알 수 없습니다.

그래서 회원 테이블을 확인해야 합니다.

회원코드회원명

M0001

홍길동

JOIN을 하면 다음처럼 보여줄 수 있습니다.

일정코드일정메모회원코드회원명

탐관오리 찾기

M0001

홍길동

즉 JOIN을 사용하는 이유는:

코드만 있는 데이터를 사람이 이해할 수 있는 이름까지 연결해서 보여주기 위해

입니다.

11. WHERE 조건을 사용하는 이유

WHERE tbl_s.pk_schedule IS NOT NULL

현재 SQL은 tbl_member를 기준으로 LEFT JOIN하고 있습니다.

그러면 일정이 없는 회원도 결과에 나올 수 있습니다.

하지만 일정현황 화면에서는 실제 일정이 있는 데이터만 보여주면 됩니다.

그래서:

일정코드가 NULL이 아닌 데이터만 출력

하도록 조건을 붙입니다.

12. 날짜 형식 바꾸기

to_char(tbl_s.do_date,'yyyy-MM-dd') AS 일정일자

DB에 저장된 날짜는 그대로 출력하면 보기 불편할 수 있습니다.

그래서 to_char()를 사용해서 날짜를 보기 좋은 형태로 바꿉니다.

20250101

형태의 날짜를:

2025-01-01

처럼 출력하기 위해 사용합니다.

13. AS 별칭 사용하는 이유

AS 일정코드
AS 일정일자
AS 일정메모
AS 회원코드
AS 회원명

AS는 출력 컬럼 이름을 보기 좋게 바꾸는 역할을 합니다.

이렇게 별칭을 주면 JSP에서 다음처럼 사용할 수 있습니다.

rs.getString("일정코드")
rs.getString("회원명")

즉 화면에 출력할 때 코드가 더 읽기 쉬워집니다.

14. SQL 실행하기

ResultSet rs = stmt.executeQuery(sql);

현재 SQL은 SELECT 조회문입니다.

따라서 executeQuery()를 사용합니다.

조회 결과는 ResultSet에 저장됩니다.

15. TABLE 제목 만들기

<H4>일정현황</H4>

현재 페이지가 일정현황 화면임을 보여줍니다.

16. 표 제목 작성하기

<TH>일정코드</TH>
<TH>일정일자</TH>
<TH>일정메모</TH>
<TH>회원코드</TH>
<TH>회원명</TH>

문제에서 요구한 출력 항목과 동일하게 표 제목을 작성합니다.

17. while(rs.next())로 여러 줄 출력하기

일정 데이터는 여러 건입니다.

그래서 조회 결과를 한 줄만 출력하면 안 됩니다.

<% while(rs.next()){ %>

이 코드는:

조회 결과가 있는 동안 반복

한다는 의미입니다.

즉 일정이 4건이면 4번 반복해서 출력합니다.

18. ResultSet에서 값 꺼내기

<%=rs.getString("일정코드") %>
<%=rs.getString("일정일자") %>
<%=rs.getString("일정메모") %>
<%=rs.getString("회원코드") %>
<%=rs.getString("회원명") %>

이 코드는 현재 행의 값을 화면에 출력합니다.

여기서 사용한 이름은 SQL에서 지정한 별칭과 같아야 합니다.

예를 들어 SQL에서:

AS 일정코드

라고 했기 때문에 JSP에서도:

rs.getString("일정코드")

라고 작성합니다.

19. DB 연결 닫기

rs.close();
conn.close();
stmt.close();

조회가 끝났으므로 DB 연결을 닫아줍니다.

DB를 사용하는 페이지에서는 마지막에 연결을 닫는 습관이 중요합니다.

20. 현재 페이지 실행 흐름

list_j.jsp는 다음 순서로 동작합니다.

list_j.jsp 실행
↓
Oracle DB 연결
↓
tbl_member와 tbl_schedule JOIN 조회
↓
조회 결과를 ResultSet에 저장
↓
while 반복문으로 한 줄씩 출력
↓
일정현황 화면 완성

21. 현재까지 완성된 기능

main.jsp
→ 프로그램 설명 화면

reg.jsp
→ 일정 입력 화면

action.jsp
→ DB 저장 처리

list.jsp
→ 회원현황 조회

list_j.jsp
→ 일정현황 JOIN 조회

즉 현재 프로젝트의 핵심 기능은 거의 완성되었습니다.

22. 핵심 정리

현재 list_j.jsp에서 가장 중요한 것은:

일정 테이블에는 회원명이 없기 때문에
회원 테이블과 JOIN해서 조회해야 한다

는 점입니다.

정리하면:

문제에서 회원명 출력 요구
→ tbl_schedule에는 회원명 없음
→ tbl_member와 연결 필요
→ JOIN 사용
→ ResultSet으로 출력

이 흐름을 이해하면 됩니다.

️8️⃣list.jsp 작성하기

윤서입니다롱 — Tue, 26 May 2026 12:30:59 +0900

회원 테이블 데이터를 화면에 출력하기

앞에서:

reg.jsp
→ 사용자 입력 화면

action.jsp
→ DB 저장 처리

까지 구현하면서
일정을 등록할 수 있는 기능을 만들었습니다.

이번 단계에서는:

회원현황 화면

을 만들어보겠습니다.

즉 Oracle DB 안의:

tbl_member

테이블 데이터를 조회해서
웹페이지에 표 형태로 출력하는 작업입니다.

1. 이번 문제에서 list.jsp가 필요한 이유

문제를 보면 메뉴에 다음 항목이 존재합니다.

회원현황

즉 사용자가 회원 목록을 볼 수 있어야 합니다.

따라서 우리는:

회원 데이터를 조회하는 화면

이 필요합니다.

그 역할을 하는 파일이:

list.jsp

입니다.

2. 현재 list.jsp가 해야 하는 역할

이번 문제에서 list.jsp는 다음 역할을 합니다.

1. tbl_member 테이블 조회
2. 회원코드 출력
3. 회원명 출력
4. 등급 출력
5. 표(table) 형태로 화면 출력

즉:

DB 데이터를 조회해서
화면에 보여주는 페이지

입니다.

3. list.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>일정 관리 프로그램</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<%
request.setCharacterEncoding("UTF-8");

Connection conn = Util.getConnection();
Statement stmt	= conn.createStatement();

String sql =
"	SELECT	 pk_member 	AS 	 회원코드		"+
"	,		 name		AS	 회원명		"+
"	,		 grade		AS	 등급			"+
"	FROM	 tbl_member					";

ResultSet rs = stmt.executeQuery(sql);
%>

<H4>회원현황</H4>

<TABLE border='1'>

	<TR>
		<TH width='100px'>회원코드</TH>
		<TH width='100px'>회원명</TH>
		<TH width='100px'>등급</TH>
	</TR>

<% while(rs.next()){ %>

	<TR>
		<TD align='left'>
			<%=rs.getString("회원코드") %>
		</TD>

		<TD align='center'>
			<%=rs.getString("회원명") %>
		</TD>

		<TD align='right'>
			<%=rs.getString("등급") %>
		</TD>
	</TR>

<% } %>

<%
rs.close();
conn.close();
stmt.close();
%>

</TABLE>

</body>
</html>

4. 현재 페이지는 “조회 페이지”입니다

앞에서 만든 action.jsp는:

INSERT 처리

즉 데이터를 저장하는 페이지였습니다.

하지만 현재 list.jsp는 조금 다릅니다.

현재 페이지는:

DB 데이터를 조회해서
사용자에게 보여주는 페이지

입니다.

즉:

입력 X
조회 O

입니다.

5. DB 연결 준비하기

회원 데이터를 가져오기 위해 Oracle DB 연결이 필요합니다.

그래서 아래 코드를 작성합니다.

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

그리고 실제 연결은 다음 코드로 진행합니다.

Connection conn = Util.getConnection();
Statement stmt	= conn.createStatement();

6. 현재 문제에서 필요한 SQL문 판단하기

이번 회원현황 화면에서는:

회원코드
회원명
등급

이 필요합니다.

이 데이터들은 모두:

tbl_member

테이블 안에 존재합니다.

즉 현재 문제는:

JOIN 필요 없음
단일 테이블 조회

입니다.

따라서 다음 SQL문만으로 해결할 수 있습니다.

7. SELECT 문 작성하기

SELECT
    pk_member AS 회원코드,
    name      AS 회원명,
    grade     AS 등급
FROM tbl_member

현재 SQL문 의미는 다음과 같습니다.

tbl_member 테이블에서
회원코드, 회원명, 등급 조회

입니다.

8. AS 사용하는 이유

AS 회원코드

는 컬럼 별칭입니다.

원래 컬럼 이름은:

pk_member

입니다.

하지만 화면에서는:

회원코드

처럼 보기 쉽게 출력하고 싶습니다.

그래서:

AS

를 사용합니다.

9. SQL 실행하기

ResultSet rs = stmt.executeQuery(sql);

현재 SQL문은 조회문입니다.

즉:

SELECT

문입니다.

그래서:

executeQuery()

를 사용합니다.

10. ResultSet이 중요한 이유

현재 SQL 결과는 여러 줄의 데이터가 나옵니다.

예를 들어:

M0001 홍길동 의적
M0002 심청 효녀
M0003 세종 대왕

같은 결과입니다.

이 결과를 저장하는 객체가:

ResultSet

입니다.

즉:

조회 결과 저장 공간

이라고 생각하면 됩니다.

11. 테이블 제목 만들기

<H4>회원현황</H4>

현재 화면 제목입니다.

사용자에게 현재 어떤 화면인지 알려주는 역할을 합니다.

12. TABLE 태그 사용하는 이유

회원 데이터를 표 형태로 출력해야 하므로:

<TABLE>

태그를 사용합니다.

현재 화면 구조는 다음과 같습니다.

회원코드 | 회원명 | 등급

형태입니다.

즉 표 구조가 필요합니다.

13. TH 태그 : 제목칸 만들기

<TH>회원코드</TH>

TH는 표 제목칸입니다.

현재 문제에서는:

회원코드
회원명
등급

제목줄이 필요하므로 사용합니다.

14. width 속성 사용하는 이유

width='100px'

는 칸 너비를 지정합니다.

너비를 맞춰주면 표가 정리되어 보입니다.

15. while(rs.next())가 중요한 이유

현재 회원 데이터는 여러 명입니다.

즉:

1명만 출력

이 아니라:

모든 회원 출력

해야 합니다.

그래서 반복문을 사용합니다.

while(rs.next())

뜻은:

조회 결과가 있는 동안 반복

입니다.

16. rs.next() 역할

ResultSet는 처음에는 첫 줄을 가리키지 않습니다.

그래서:

rs.next()

를 실행해야 다음 데이터로 이동합니다.

즉:

첫 번째 회원
두 번째 회원
세 번째 회원

순서대로 반복하게 됩니다.

17. DB 데이터 출력하기

<%=rs.getString("회원코드") %>

이 코드는 현재 조회된 데이터를 화면에 출력합니다.

즉 현재 회원의:

회원코드

를 출력합니다.

getString() 사용하는 이유

현재 조회 결과를 문자열 형태로 가져옵니다.

예를 들어:

M0001
홍길동
의적

같은 값을 가져옵니다.

18. align 사용하는 이유

align='left'
align='center'
align='right'

는 표 안의 정렬 방향입니다.

코드의미

left	왼쪽 정렬
center	가운데 정렬
right	오른쪽 정렬

현재 문제에서는 보기 좋게 각각 다르게 정렬했습니다.

19. DB 연결 닫기

rs.close();
conn.close();
stmt.close();

조회가 끝났으므로 DB 연결을 닫아줍니다.

현재 프로젝트 규모는 작지만
실무에서도 매우 중요한 습관입니다.

20. 현재 페이지 실행 흐름

현재 list.jsp는 다음 순서로 동작합니다.

list.jsp 실행
↓
Oracle DB 연결
↓
tbl_member 조회
↓
조회 결과를 ResultSet 저장
↓
while 반복문으로 한 줄씩 출력
↓
회원현황 화면 완성

21. 현재까지 완성된 기능

main.jsp
→ 프로그램 설명 화면

reg.jsp
→ 일정 입력 화면

action.jsp
→ DB 저장 처리

list.jsp
→ 회원현황 조회 화면

즉 이제:

입력 + 저장 + 조회

기능까지 구현된 상태입니다.

22. 핵심 정리

현재 list.jsp에서 가장 중요한 것은:

DB 데이터를 조회해서
반복문으로 화면에 출력하는 흐름

입니다.

즉:

SELECT 실행
→ ResultSet 저장
→ while 반복
→ table 출력

구조를 이해하는 것이 핵심입니다.

️7️⃣action.jsp 작성하기

윤서입니다롱 — Tue, 26 May 2026 12:23:47 +0900

입력받은 데이터를 실제 DB에 저장하기

앞에서 reg.jsp를 작성하면서
사용자가 일정 데이터를 입력할 수 있는 화면을 만들었습니다.

하지만 현재 상태에서는:

입력만 가능
DB 저장은 안 됨

상태입니다.

즉 사용자가 등록 버튼을 눌렀을 때:

일정번호
일정일자
회원번호
일정메모

를 실제 Oracle DB의:

tbl_schedule

테이블에 저장해야 합니다.

그 역할을 하는 파일이 바로:

action.jsp

입니다.

1. 이번 문제에서 action.jsp가 필요한 이유

현재 프로젝트 흐름은 다음과 같습니다.

reg.jsp
→ 사용자 입력
→ 등록 버튼 클릭
→ action.jsp 이동
→ DB 저장

즉:

reg.jsp → 입력 화면
action.jsp → DB 처리 화면

으로 역할을 나누는 것입니다.

2. action.jsp가 하는 일

현재 문제에서 action.jsp는 다음 역할을 합니다.

1. reg.jsp에서 전달된 값 받기
2. INSERT SQL문 작성하기
3. tbl_schedule 테이블에 저장하기
4. 저장 완료 메시지 출력하기
5. main.jsp로 이동하기

즉:

사용자가 입력한 데이터를
실제로 DB에 저장하는 페이지

입니다.

3. action.jsp 전체 코드

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%@ page import = "java.sql.*" %>
<%@ page import = "DBPKG.Util" %>

<%
request.setCharacterEncoding("UTF-8");

Connection conn 	= Util.getConnection();
Statement stmt		= conn.createStatement();

String pk_schedule	= request.getParameter("pk_schedule");
String fk_member 	= request.getParameter("fk_member");
String do_memo 		= request.getParameter("do_memo");
String do_date 		= request.getParameter("do_date");

String sql = 
" INSERT 	INTO	 tbl_schedule 	VALUES('"	+ pk_schedule	+	"'"+
"										 , '"	+ do_date		+	"'"+
"										 , '"	+ do_memo		+	"'"+
"										 , '"	+ fk_member		+	"')";

ResultSet rs = stmt.executeQuery(sql);

rs.close();
conn.close();
stmt.close();
%>

<script>
	alert("일정등록이 정상적으로 되었습니다.");
	window.location.href = "main.jsp";
</script>

4. action.jsp는 화면보다 DB 처리가 중심입니다

앞에서 만든:

index.jsp
main.jsp
reg.jsp

는 화면 출력이 중심이었습니다.

하지만 현재 action.jsp는 조금 다릅니다.

현재 페이지는:

사용자에게 보여주는 화면

보다는:

DB 작업 처리

가 중심인 파일입니다.

즉:

데이터 저장 전용 페이지

라고 생각하면 됩니다.

5. UTF-8 설정하기

request.setCharacterEncoding("UTF-8");

현재 프로젝트는 한글 데이터를 입력합니다.

예를 들어:

탐관오리 찾기
한글 창제

같은 데이터를 저장합니다.

따라서 UTF-8 설정이 없으면
한글이 깨질 수 있습니다.

그래서 입력값을 받기 전에 UTF-8 설정을 해줍니다.

6. DB 연결하기

Connection conn = Util.getConnection();
Statement stmt = conn.createStatement();

현재 페이지에서는 INSERT SQL문을 실행해야 합니다.

따라서 Oracle DB 연결이 필요합니다.

코드역할

Connection conn	DB 연결
Statement stmt	SQL 실행 준비

7. request.getParameter() 사용하는 이유

현재 사용자가 입력한 값은:

reg.jsp

에서 넘어옵니다.

즉 action.jsp에서는
사용자가 입력한 데이터를 받아야 합니다.

그래서 사용하는 코드가:

request.getParameter()

입니다.

8. 전달받은 값 저장하기

일정번호 받기

String pk_schedule = request.getParameter("pk_schedule");

reg.jsp에서 전달된 일정번호를 받습니다.

현재 일정번호는 자동발생 값입니다.

회원번호 받기

String fk_member = request.getParameter("fk_member");

사용자가 입력한 회원번호를 받습니다.

예:

M0001

일정메모 받기

String do_memo = request.getParameter("do_memo");

사용자가 입력한 일정 내용을 받습니다.

예:

탐관오리 찾기

일정일자 받기

String do_date = request.getParameter("do_date");

사용자가 입력한 날짜를 받습니다.

예:

20250101

9. 현재 request.getParameter()가 중요한 이유

현재 프로젝트에서:

reg.jsp → action.jsp

로 데이터가 이동합니다.

즉 action.jsp는 사용자가 입력한 값을 직접 알고 있는 것이 아니라:

form에서 전달된 값

을 받아야 합니다.

그래서:

request.getParameter()

를 사용합니다.

10. INSERT SQL문 작성하기

이번 문제의 핵심입니다.

현재 사용자가 입력한 데이터를:

tbl_schedule

테이블에 저장해야 합니다.

그래서 INSERT SQL문을 작성합니다.

String sql =
" INSERT INTO tbl_schedule VALUES('" + pk_schedule + "'"+
"                                 , '" + do_date + "'"+
"                                 , '" + do_memo + "'"+
"                                 , '" + fk_member + "')";

11. 현재 SQL문이 하는 일

현재 코드의 의미는 다음과 같습니다.

사용자가 입력한 값들을
tbl_schedule 테이블에 INSERT

입니다.

즉 예를 들어:

5
20250501
소풍가기
M0001

를 입력했다면 실제 SQL은 다음처럼 동작합니다.

INSERT INTO tbl_schedule
VALUES('5','20250501','소풍가기','M0001')

12. 문자열 연결(+) 사용하는 이유

현재 SQL문 안에는 변수값이 들어가야 합니다.

예를 들어:

pk_schedule
do_date
do_memo
fk_member

값이 사용자마다 달라집니다.

그래서 문자열 연결 연산자인:

를 사용해서 SQL문을 완성합니다.

13. SQL 실행하기

ResultSet rs = stmt.executeQuery(sql);

현재 작성한 INSERT SQL문을 실행합니다.

즉 실제 Oracle DB에 데이터가 저장됩니다.

14. 여기서 주의할 점

현재 코드는 실습에서는 동작할 수 있지만,
보통 INSERT/UPDATE/DELETE는:

executeUpdate()

를 사용하는 것이 더 일반적입니다.

즉 실제로는 다음 방식이 더 자연스럽습니다.

stmt.executeUpdate(sql);

왜냐하면:

메서드사용

executeQuery()	SELECT 조회
executeUpdate()	INSERT / UPDATE / DELETE

이기 때문입니다.

시험 실습에서는 제공 코드 그대로 사용하는 경우도 많지만,
개념적으로는 차이를 알고 있는 것이 좋습니다.

15. DB 연결 닫기

rs.close();
conn.close();
stmt.close();

DB 사용이 끝났기 때문에 연결을 닫아줍니다.

현재 프로젝트 규모는 작지만,
DB 연결을 닫는 습관은 매우 중요합니다.

16. 저장 완료 메시지 출력하기

<script>
	alert("일정등록이 정상적으로 되었습니다.");
	window.location.href = "main.jsp";
</script>

현재 DB 저장이 끝나면
사용자에게 완료 메시지를 보여줘야 합니다.

그래서:

alert()

를 사용합니다.

17. 저장 후 페이지 이동하기

window.location.href = "main.jsp";

저장 완료 후 메인화면으로 이동합니다.

즉 흐름은 다음과 같습니다.

사용자 입력
→ 등록 버튼 클릭
→ action.jsp 실행
→ DB 저장
→ 완료 메시지 출력
→ main.jsp 이동

18. 현재까지의 프로젝트 흐름

db.sql
→ DB 생성

Util.java
→ Oracle 연결

index.jsp
→ 전체 화면 틀

style.css
→ 디자인 적용

main.jsp
→ 프로그램 설명 화면

reg.jsp
→ 사용자 입력 화면

action.jsp
→ 실제 DB 저장 처리

19. 핵심 정리

현재 action.jsp에서 가장 중요한 것은:

사용자 입력값을 받아서
실제 DB에 INSERT 하는 흐름

입니다.

즉 현재 프로젝트 구조는:

reg.jsp
→ 사용자 입력

action.jsp
→ DB 저장 처리

로 역할이 분리되어 있다는 점을 이해하는 것이 중요합니다.