🌐 프로젝트명: JSP 구구단 출력기
📝 프로젝트 개요
본 프로젝트는 사용자가 선택한 단(2단~9단)의 구구단을 웹에서 출력해주는 JSP 기반 프로그램입니다. 기본적인 HTML <form>과 <select> 요소를 통해 사용자 입력을 받아, 서버에서 JSP로 처리된 결과를 출력합니다. 이는 Java 문법과 JSP 태그를 활용한 반복문 실습, 사용자 입력 처리, 그리고 웹 출력 구성의 기본기를 다지는 데 중점을 둔 프로젝트입니다.
🛠 사용 기술
-
개발 환경: Eclipse IDE, Apache Tomcat
-
프론트엔드: HTML5 (폼 UI)
-
백엔드: JSP (서버 사이드 반복 출력 처리)
-
데이터 흐름: 사용자 입력 → POST 전송 → JSP 로직 처리 → 구구단 결과 출력
📁 주요 파일 설명 및 코드
📄 1. gugudanForm.jsp – 구구단 선택 폼
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>구구단 선택</title>
</head>
<body>
원하는 구구단을 선택하세요
<form action="gugudanPro.jsp" method="post">
<select name="dan">
<% for (int i = 2; i <= 9; i++) { %>
<option value="<%= i %>"><%= i %>단</option>
<% } %>
</select>
<input type="submit" value="출력">
</form>
</body>
</html>
📄 2. gugudanPro.jsp – 구구단 출력 처리
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
int dan = Integer.parseInt(request.getParameter("dan"));
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><%= dan %>단 출력</title>
</head>
<body>
<h2><%= dan %>단</h2>
<% for (int i = 1; i <= 9; i++) { %>
<%= dan %> x <%= i %> = <%= dan * i %><br>
<% } %>
<a href="gugudanForm.jsp">다시 선택</a>
</body>
</html>
📷 실행 결과 예시
-
사용자가
2단선택 시 출력: -
-
9단선택 시 출력:
✅ 구현 포인트
-
JSP
<% %>태그를 활용한 반복문 처리와request.getParameter()로 사용자 입력을 받아 활용하는 방식 구현 -
HTML
<select>요소를 동적으로 구성하여 코드 간결화 -
사용자 중심 인터페이스 설계로 간단하고 직관적인 조작 가능
✍️ 프로젝트를 통해 얻은 경험
-
JSP 내부에 Java 로직을 통합하는 방법을 익히고, 서버와 클라이언트 간 데이터 흐름을 이해하게 되었습니다.
-
반복문과 파라미터 활용을 통해 웹 프로그래밍에서의 동적 콘텐츠 생성 원리를 경험했습니다.
-
이 프로젝트는 추후 JavaScript로 입력 검증을 추가하거나, 결과를 테이블 형식으로 출력하는 등 다양한 확장도 가능합니다.
