[JSP] 숫자 하나 입력 받아 구구단 출력하기 [서블릿과 JSP, EL을 활용한 구구단 출력]

2022. 3. 16. 23:10·◎ Java/JSP📋
728x90


- 숫자 하나 입력 받아 구구단 출력하기

- gugu.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>
</head>
<body>
	<h1>구구단의 단수를 입력하세요</h1>
	<form action="gugu2.jsp">
		출력할 구구단 : <input name = "num"> <br>
		<button>출력하기</button>
	</form>
</body>
</html>

 

숫자를 입력 받는 페이지 / 'gugu.jsp'


- 서블릿(Servlet)으로 구구단 출력하기

<%@ 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>
</head>
<body>
    out.println("<table>");
    int num = Integer.parseInt(request.getParameter("num"));
    out.println("<tr><th colspan='2'>" + num + " 단 출력</th></tr>");
    for(int i = 1 ; i <= 9 ; i++) {
        out.println("<tr>");
        // out.println("<h2>" + num + " * " + i + " = " + num*i + "</h2>");
        out.println("<th>" + num + " * " + i + "</th>");
        out.println("<th>" + num * i + "</th>");
        out.println("</tr>");
    }
    out.println("</table>");
</body>
</html>

- 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>
</head>
<body>
    <%
    	int num = Integer.parseInt(request.getParameter("num"));
    %>
    <table style="width: 800px; margin: 0 auto;" border = "1">
        <tr>
	    <th colspan="2"><%=num + " 단 출력" %>
        </tr>
    <%
    	for(int i = 1 ; i <= 9 ; i++) {
    %>
        <tr>
            <th><%=num + " * " + i %></th>
            <th><%=num * i %></th>
        </tr>
    <%
    	}
    %>
    </table>
</body>
</html>

- EL(Expression Language)로 구구단 출력하기

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <table>
        <tr>
            <th>${param.num} 단 출력</th>
        </tr>
        <c:forEach begin="1" end="9" var="i">
            <tr>
                <th>${param.num} * ${i}</th>
                <th>${param.num * i}</th>
            </tr>
        </c:forEach>
    </table>
</body>
</html>

서블릿, JSP, EL 모두 출력 결과는 동일하다.

728x90
'◎ Java/JSP📋' 카테고리의 다른 글
  • [JSP] Filter를 이용한 한글 인코딩 [Filter API를 활용한 UTF-8 인코딩]
  • [JSP] 회원정보 : 로그인, 로그아웃 [Session을 이용하여 로그인, 로그아웃 기능 구현하기]
  • [JSP] contentType="text/plain"이란? [MINE 타입 text의 서브타입 plain]
  • [JSP] 인클루드 디렉티브 태그(Include Directive Tag) [JSP 페이지에 다른 JSP페이지 추가하기]
예르미(yermi)
예르미(yermi)
끊임없이 제 자신을 계발하는 개발자입니다👨🏻‍💻
  • 예르미(yermi)
    예르미의 코딩노트
    예르미(yermi)
  • 전체
    오늘
    어제
    • 분류 전체보기 (937)
      • ◎ Java (133)
        • Java☕ (93)
        • JSP📋 (26)
        • Applet🧳 (6)
        • Interview👨🏻‍🏫 (8)
      • ◎ JavaScript (48)
        • JavaScript🦎 (25)
        • jQuery🌊 (8)
        • React🌐 (2)
        • Vue.js🔰 (6)
        • Node.js🫒 (3)
        • Google App Script🐑 (4)
      • ◎ HTML5+CSS3 (17)
        • HTML5📝 (8)
        • CSS3🎨 (9)
      • ──────────── (0)
      • ▣ Framework (67)
        • Spring🍃 (36)
        • Spring Boot🍀 (12)
        • Bootstrap💜 (3)
        • Selenium🌕 (6)
        • MyBatis🐣 (10)
      • ▣ Tools (47)
        • API🎯 (18)
        • Library🎲 (15)
        • JitPack🚀 (3)
        • Jenkins👨🏻 (7)
        • Thymeleaf🌿 (4)
      • ▣ Server (32)
        • Apache Tomcat🐱 (14)
        • Apache HTTP Server🛡️ (1)
        • Nginx🧶 (7)
        • OracleXE💿 (4)
        • VisualSVN📡 (4)
      • ▣ OS : 운영체제 (18)
        • cmd : 명령프롬프트💻 (10)
        • Linux🐧 (8)
      • ▣ SQL : Database (56)
        • Oracle SQL🏮 (26)
        • PL SQL💾 (9)
        • MySQL🐬 (6)
        • MariaDB🦦 (6)
        • H2 Database🔠 (3)
        • SQL 실전문제🐌 (6)
      • ────────── (0)
      • ◈ Human Project (86)
        • Mini : Library Service📚 (15)
        • 화면 설계 [HTML]🐯 (10)
        • 서버 프로그램 구현🦁 (15)
        • Team : 여수어때🛫 (19)
        • Custom : Student🏫 (9)
        • Custom : Board📖 (18)
      • ◈ Yermi Project (40)
        • 조사모아(Josa-moa)📬 (5)
        • Riddle-Game🧩 (6)
        • 맛있을 지도🍚 (2)
        • 어디 가! 박대리!🙋🏻‍♂️ (5)
        • 조크베어🐻‍❄️ (4)
        • Looks Like Thirty🦉 (2)
        • Toy Project💎 (12)
        • 오픈소스 파헤치기🪐 (4)
      • ◈ Refactoring (15)
        • Mini : Library Service📚 (8)
        • 서버 프로그램 구현🦁 (1)
        • Team : 여수어때🛫 (0)
        • 쿼리 튜닝일지🔧 (6)
      • ◈ Coding Test (89)
        • 백준(BOJ)👨🏻‍💻 (70)
        • 프로그래머스😎 (2)
        • 코드트리🌳 (7)
        • 알고리즘(Algorithm)🎡 (10)
      • ◈ Study (102)
        • 기초튼튼 개발지식🥔 (25)
        • HTTP 웹 지식💡 (4)
        • 클린코드(Clean Code)🩺 (1)
        • 디자인패턴(GoF)🥞 (12)
        • 다이어그램(Diagram)📈 (4)
        • 파이썬(Python)🐍 (16)
        • 에러노트(Error Note)🧱 (34)
        • 웹 보안(Web Security)🔐 (6)
      • ◈ 공부모임 (39)
        • 혼공학습단⏰ (18)
        • 코드트리 챌린지👊🏻 (2)
        • 개발도서 100독👟 (8)
        • 나는 리뷰어다🌾 (11)
      • ◈ 자격증 공부 (37)
        • 정보처리기사🔱 (16)
        • 정보처리산업기사🔅 (9)
        • 컴퓨터활용능력 1급📼 (12)
      • ─────────── (0)
      • ◐ 기타 (113)
        • 알아두면 좋은 팁(tip)✨ (46)
        • 개발자의 일상🎈 (44)
        • 개발도서 서평🔍 (10)
        • 개발관련 세미나🎤 (2)
        • 블로그 꾸미기🎀 (9)
        • 사도신경 프로젝트🎚️ (2)
  • 인기 글

  • 최근 댓글

  • 태그

    코딩
    백준
    CSS
    spring
    jsp
    BOJ
    꿀팁
    Error Note
    Project
    Java
    Oracle
    프로그래밍
    Database
    백준 티어
    SQL
    html
    자바스크립트
    일상
    javascript
    코딩 테스트
  • 250x250
  • hELLO· Designed By정상우.v4.10.3
예르미(yermi)
[JSP] 숫자 하나 입력 받아 구구단 출력하기 [서블릿과 JSP, EL을 활용한 구구단 출력]
상단으로

티스토리툴바