본문 바로가기

IT/웹프로그래밍(JSP)

(1주차-4)웹프로그래밍- 원하는 구구단 홈페이지 만들기

안녕하세요.멍멍웅 입니다.

 

기본적인 문법 . 개념을 포함시킨 구구단 코드입니다.

 

핵심코드와 해당 코드에 대한 주석과 설명으로 알아보도록하겠습니다.

 

첫번째. jsp file로 두개를 준비해주세요

번째. 하나는 홈페이지 하나는 속성값을 넣을 jsp file로 지정할겁니다

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>원하는 구구단을 출력하는 홈페이지입니다.</title>
</head>
<body>
<h1>보고싶은 구구단 공식에 체크해주세요.</h1> <!-- <h1> : 원하는 문자를 홈페이지에 보여주기 위함 -->
<form action="mul2.jsp" method="get"> <!-- form의 속성연결은 mul2.jsp로 하며 get 방식으로 서버를 출력합니다 -->
출력하고싶은 단 : <input type="checkbox" name="dan" value="2">2단
			<input type="checkbox" name="dan" value="3">3단  <!-- 입력타입은 체크박스로 하며 jsp로 넘길 속성값의 명을 dan으로 지정하고 숫자를 전달하기위해서 value(값) 은 3(출력하고자하는값)-->
			<input type="checkbox" name="dan" value="4">4단
			<input type="checkbox" name="dan" value="5">5단
			<input type="checkbox" name="dan" value="6">6단
			<input type="checkbox" name="dan" value="7">7단
			<input type="checkbox" name="dan" value="8">8단
			<input type="checkbox" name="dan" value="9">9단
			<input type="submit" value="출력">
</form>
</body>
</html>

핵심코드 설명 

<form action="mul2.jsp" method="get">
<input type="checkbox" name="dan" value="2">

1. 'form' 에 'action'속성의 속성값에 기술된mul2.jsp 페이지로 입력한 값과 프로그램의 제어가 넘어간다는 것

2. 입력방식은 'checkbox' 으로 하고 mul2.jsp에 있는 속성으로 입력값을 보내기위해 mul2.jsp의 변수명과 동일히 지정

value 은 넘겨질 dan의 값이다.

 


▼ mul2.jsp 로 속성값을 기술할 jsp file 이다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
	String [] arrDan = request.getParameterValues("dan");
	for(int i=0; i<arrDan.length; i++) /*체크한 구구단을 출력하기위해 받은 arrDan의 길이가 될때까지 반복 출력한다*/
	{
		for(int j=1; j<10; j++) /*곱샘이 두개의 정수로 된다면 뒤의 정수를 출력하는 반복문 */
		{
			out.println(arrDan[i] + "x" + j + "=" + (Integer.parseInt(arrDan[i])*j)+"<BR>");
		}
	}
%>

 

 

핵심코드 설명

String [] arrDan = request.getParameterValues("dan");
	for(int i=0; i<arrDan.length; i++)
	{
		for(int j=1; j<10; j++) 
		{
			out.println(arrDan[i] + "x" + j + "=" + (Integer.parseInt(arrDan[i])*j)+"<BR>");
		}
	}

1. arrDan이라는 배열에 dan 을 썻던 속성값을 전달 받는다 

2. 전달 받은 값만큼 반복하기위해 for문을 이용해서 O x O = O 이 되기위해 총 for문을 두 번 이용합니다.

3. 배열 값을 정수화 시키기위해서 Integer.parseIn로 정수화 시켜줍니다.

 

 

결과화면

 

 

 

 

 

 

오늘은 여기까지 이고 앞으로 발전하고 꾸준한 포스팅이 되길빌며 마치겠습니다