[JSP] JSP로 사칙연산 계산기 만들기

티스토리 뷰

백엔드/JSP

[JSP] JSP로 사칙연산 계산기 만들기

doeunnkimm 2023. 4. 19. 10:50

🚀 JSP로 사칙연산 계산기 만들기 실습

위와 같은 흐름으로 서비스를 처리해 보려고 합니다 :)

1. 우선 화면을 만들자

📜 WebContent/calc.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="" name="expression-form">
		<input type="text" placeholder="수식 입력" id="expression" name="expression">
		<input type="button" id="send" value="결과 확인">
	</form>
</body>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
	$("#send").on("click", () => {
		if(!$("#expression").val()) {
			alert("수식을 입력해주세요.");
			return;
		}
		
		$("form[name='expression-form']").submit();
	})
</script>
</html>

그럼 위와 같이 간단하게 input 창, button 하나 이렇게 구성됩니다.우리는 수식입력이라고 보이는 input에 1+1 이런식으로 무조건 숫자 2개에 사칙연산 기호 1개 이렇게 들어온다고 가정하고 로직을 작성하려고 합니다. 따라서 해당 사칙연산 기호에 따라 다르게 연산하게 되겠죠?

참고로 아직 action="" 자리는 비워뒀습니다. 해당 자리에는 연산을 담당할 서블릿이 있는 파일명 혹은 경로를 적어주어야 합니다. 저는 서블릿을 작성하고, web.xml에서 가상주소를 등록한 후에 다시 채우도록 하겠습니다.

2. 실제 연산을 담당할 클래스를 만들자

📜 src/com/task/app/Calc.java 파일

package com.task.app;

public class Calc {
    private int number1;
    private int number2;
    
    public Calc() {;}
    
    public Calc(String number1, String number2) {
        super();
        this.number1 = Integer.parseInt(number1);
        this.number2 = Integer.parseInt(number2);
    }
    
    public int add() {return number1 + number2;}
    public int sub() {return number1 - number2;}
    public int mul() {return number1 * number2;}
    public int div() {return number1 / number2;}
}

3. 서블릿을 만들자 - 서블릿은 HttpServlet을 상속받은 Class일뿐이다..

📜 src/com/task/app/Oper.java 파일

package com.task.app;

import java.io.IOException;

public class Oper extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html; charset=utf-8");
        
        boolean isError = false;
        String expression = request.getParameter("expression");
        String opers = "+-*/";
        char oper = ' ';
        
        Calc calc = null;
        String[] numbers = null;
        int result = 0;
        PrintWriter out = response.getWriter();
        
        for (int i=0; i<expression.length(); i++) {
            for (int j=0; j<opers.length(); j++) {
              if (expression.charAt(i) == opers.charAt(j)) {
                  oper = opers.charAt(j);
              }
            }
        }
        
        numbers = expression.split("\\" + oper);
        calc = new Calc(numbers[0], numbers[1]);
        
        switch (oper) {
        case '+':
            result = calc.add();
            break;
        case '-':
            result = calc.sub();
            break;
        case '*':
            result = calc.mul();
            break;
        case '/':
            try {
                result = calc.div();
            } catch (Exception e) {
                isError = true;
                out.print("<h1>0으로 나눌 수 없습니다.</h1>");
                out.print("<a href='/calc'>다시 계산하기</a>");
                out.close();
            }
            break;
        }
        if (!isError) {
            out.print("<h1>결과: " + result + "</h1>");
            out.print("<a href='/calc'다시 게산하기></a>");
            out.close();
        }
    }
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }
}

728x90

LIST

'백엔드 > JSP' 카테고리의 다른 글

[JSP] 로그인, 회원가입, 아이디 중복검사 기능 구현해보기 (0)	2023.04.20
[JSP] MVC 패턴이란? (0)	2023.04.20
[JSP] 서블릿(Servlet)이란 ? (0)	2023.04.19
[JSP] MyBatis란 ? (0)	2023.04.19
[JSP] JSP(Java Server Page)란? (0)	2023.04.19

doeunn.log doeunnkimm 님의 블로그입니다.

250x250

공지사항

최근에 올라온 글

최근에 달린 댓글

Total

Today

Yesterday

링크

TAG more

« 2025/04 »
일	월	화	수	목	금	토
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30

글 보관함

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

doeunn.log

티스토리 뷰