23.03.08 (JSP)

김홍규·2023년 3월 9일
0

프로젝트 생성시에 dynamic web project를 사용하고
이 프로젝트는 하나의 웹페이지를 의미한다.

Tomcat 사용버전 확인 방법
이클립스 좌측 상단 windws -> preferences -> server -> Runtime Enviroment


myapp 프로젝트 생성

test 실행

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h3>Main</h3>
</body>
</html>

결과창


서블릿

파일 생성하기

생성 후 테스트

package ch03;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletRequestWrapper;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class HelloWorld
 */
@WebServlet("/ch03/HelloWorld")
public class HelloWorld extends HttpServlet {
	private static final long serialVersionUID = 1L;
	
	protected void service(HttpServletRequest request,
			HttpServletResponse response)throws ServletException, IOException {
		response.setContentType("text/html; charset=UTF-8");
		PrintWriter out = response.getWriter();
		out.println("<h1 style='color:blue'>반갑다 서블릿</h1>");
	}
}

server.xml

tomcat 서버와 연결된 부분이며, 수정을 통해 접속 포트 변경이 가능하다.
그리고 프로젝트가 추가되면 이를 연결하기 위해 파일에 코드가 추가된다.


Work Dir 속성추가

JSP 디버깅을 위해 추가한다

server.xml에 추가 후 서버 재시작하면

work 파일생성됨

-jsp 디버깅


JSP 연습

<!-- ch05/gugudan.jsp -->
<%@page contentType="text/html; charset=UTF-8"%>
<h1>구구단</h1>
<table border="1">
	<tr>
		<%
		for (int i = 2; i < 10; i++) {//1번
			%>
			<th><%=i%> 단	</th>
			<% 
		}
		%>
	</tr>
		<%
		for (int i = 1; i < 10; i++) {//2번
		%>
	<tr>
		<%
		for (int j = 2; j < 10; j++) {//2-1번
			out.print("<td>" + j + "X" + i + "=" + i * j + "</td>");
		}
		%>
	</tr>
	<%
	}
	%>


</table>
  • table 은 말그대로 테이블 생성을 의미
  • tr 은 table row 즉 세로열에 데이터를 넣는다고 보면됨
  • th 는 table header 즉 칼럼 부분을 의미한다.
  • td 는 table data 테이블에 데이터를 넣는걸 말하며 tr로 감싸져 있기에 세로로 데이터가 들어가게 된다.
  • out.print를 이용해서도 table에 데이터 넣기가 가능하다.

    작동순서
    테이블 선언 -> 1번 for 작동 -> tr로 둘러 쌓여있기에 세로로 추가 -> th 추가이기에 하나씩 제일 윗 열에 추가 -> 2번 for 작동 -> 데이터 들어갈 2-1번 for 작동 -> 세로열로 데이터를 삽입한다. -> 그 후 2번 for i++ 된후 재작동 -> 반복

0개의 댓글

관련 채용 정보