[Day4] JSP/Servlet 4 - 웹작동원리, 테이블포워딩, accordion, tabs, 출력버퍼, JSP 기본객체9

[Day4] JSP/Servlet 4 [12/7]

 

질문 답변

test01.jsp -> 요청 -> 웹서버(아파치) -> WAS(톰캣)          jsp -> 서블릿클래스

                 <- 응답404                             자바코딩                        JASPER

                                                                 서버 먼저 실행          

                                                                 웹컨테이너(서블릿객체들이 생성 소멸)

* WAS안 JASPER가 서블릿객체 만듦

 

응답데이터 : 퍼센트(서버에서 실행) 서블릿 객체 생성되고

잘라서 하는 이유 : 성능 (퍼센트 밖에서 하는 것이 WAS까지 안가기 때매)

 

---

1.  ex01.jsp 페이지에서 아래 링크 태그를 클릭할 때.

 

<a href="<%= contextPath %>/test/test00.htm">test00.htm</a>

2. 서블릿(  TestDeptEmp.java ) 을 호출하고

     결과물  request 저장

     포워딩.

package days04;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;

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

import com.util.DBConn;

import domain.DeptDTO;
import domain.EmpDTO;

@WebServlet("/test/test00.htm")
public class TestDeptEmp extends HttpServlet {
	private static final long serialVersionUID = 1L;
     
    public TestDeptEmp() {
        super(); 
    }
 
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// Get 방식 요청 처리.
		System.out.println(" >  /test/test00.htm(get) ->TestDeptEmp.doGet() 호출됨.");
		
		// [1번 ]
		// 1. 부서정보
		// 2. 사원정보
		int pdeptno = 10;
	     try{
	    	 pdeptno =  Integer.parseInt( request.getParameter("deptno") );
	     }catch(NumberFormatException e){  }
	     //
	 
	    Connection conn  = DBConn.getConnection();
	    PreparedStatement  pstmt = null;
	    ResultSet rs = null;

	    // 1. 부서 정보
	    ArrayList<DeptDTO> deptList = null;
	    String sql = "SELECT deptno, dname, loc	"
	    		           +" FROM dept "; 
	    
	    try{
	     	 pstmt =  conn.prepareStatement(sql);
	     	 rs =  pstmt.executeQuery();
	     	 
	     	 if( rs.next() ){
	     		deptList = new ArrayList<>();
	     		do{
	     			DeptDTO dto = new DeptDTO( rs.getInt("deptno"), rs.getString("dname"), rs.getString("loc"));
	         		deptList.add(dto);
	     		}while( rs.next() );
	     	 } // if
	     	 
	     	 pstmt.close();
	     	 rs.close(); 
	    }catch(Exception e){
	    	e.printStackTrace();
	    } // try
	    
	    // 
	    // 2. 해당 부서원 정보  
	    ArrayList<EmpDTO> empList = null;
	    sql =      "SELECT * "
		           +" FROM emp "
		           +" WHERE deptno = ? "
		           +" ORDER BY ename ASC";
	     
	    		
	    try{
	    	 pstmt =  conn.prepareStatement(sql);
	    	 pstmt.setInt(1,  pdeptno );
	    	 rs =  pstmt.executeQuery();
	    	 
	    	 if( rs.next() ){
	    		empList = new ArrayList<>();
	    		do{
	    			//  empno,  ename,  job,  hiredate,  mgr,  sal,  comm,  deptno  
	    			EmpDTO dto = new EmpDTO(
	    					rs.getInt("empno")
	    					, rs.getString("ename")
	    					, rs.getString("job")
	    					, rs.getDate("hiredate")
	    					, rs.getInt("mgr")
	    					, rs.getDouble("sal")
	    					, rs.getDouble("comm")
	    					, rs.getInt("deptno")
	    					);
	        		empList.add(dto);
	    		}while( rs.next() );
	    	 } // if
	    	 
	    	 pstmt.close();
	    	 rs.close(); 
	   }catch(Exception e){
	   	e.printStackTrace();
	   } // try
	    
	    DBConn.close();
		
	    // deptList, empList => request 객체 저장.
	    request.setAttribute("deptList", deptList);
	    request.setAttribute("empList", empList);
	    request.setAttribute("name", "hong gil dong");
	    
		
		// [2번 포워딩 ]
		// String path = "ex01_forward.jsp";
		// http://localhost/jspPro/test/ex01_forward.jsp
		// String path = "days04/ex01_forward.jsp";
		// http://localhost/jspPro/test/days04/ex01_forward.jsp

		String path = "/days04/ex01_forward.jsp";
		// http://localhost/jspPro/days04/ex01_forward.jsp
		RequestDispatcher dispatcher = request.getRequestDispatcher(path);
		dispatcher.forward(request, response);
	}
 
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}

3. ex01_forward.jsp 페이지로 포워딩 시켜서  

    3일차_캡쳐_01.png

  

    select 태그에서 부서를 선택하면 change 이벤트 발생 -> 서블릿 호출

<%@page import="java.util.Iterator"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="com.util.DBConn"%>
<%@page import="java.sql.Connection"%>
<%@page import="domain.EmpDTO"%>
<%@page import="domain.DeptDTO"%>
<%@page import="java.util.ArrayList"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>

<%
   // 여러 페이지에 공통적으로 필요한 변수 (   include 지시자 사용한다. )
   String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 7. 오전 10:44:49</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>

 table{
   width:100%;
   min-width: 700px;
 }
 
 table, th, td{
   border:1px solid gray;
 }

</style>
</head>
<body>
<h3>ex01_forward.jsp</h3>

<select id="selDept" name="deptno">
  <!-- request.setAttribute("deptList", deptList); -->
   <c:forEach items="${ deptList }"  var="dto">
       <option value= "${ dto.deptno }">${ dto.dname }</option>
   </c:forEach>
</select>
<br>
<br>
<table>
  <thead>
    <tr>
     <th><input type="checkbox" id="ckbAll" name="ckbAll">전체 선택</th>
     <th>empno</th>
     <th>ename</th>
     <th>job</th>
     <th>hiredate</th>
     <th>mgr</th>
     <th>sal</th>
     <th>comm</th>
     <th>deptno</th>
    </tr>
  </thead>
  <tbody>
  
  <c:choose>
     <c:when test="${  not empty empList }">
        <c:forEach items="${ empList }" var="dto">        
	        <tr>
	               <td><input type="checkbox" name="ckbEmp" data-empno="${ dto.empno }"></td>
		           <td>${ dto.empno }</td>
		           <td>${ dto.ename }</td>
		           <td>${ dto.job }</td>
		           <td>${ dto.hiredate }</td>
		           <td>${ dto.mgr }</td>
		           <td>${ dto.sal }</td>
		           <td>${ dto.comm }</td>
		           <td>${ dto.deptno }</td>
	        </tr>        
        </c:forEach>
     </c:when>     
     <c:otherwise>
        <tr>
           <td colspan="9"  style="text-align: center">employee does not exist.</td>
        </tr>
     </c:otherwise>
  </c:choose> 
 
  </tbody>
  <tfoot>
    <tr>
       <td colspan="9"  style="text-align: center">
          <button id="checkedEmpno">선택한 empno 확인</button>
       </td>
    </tr>
  </tfoot>
</table>

<p id="demo"></p>


<script>
  $("#selDept").change(function() {
  	location.href = "<%= contextPath %>/test/test00.htm?deptno=" + $(this).val();
  }); // change
</script>
<script>
   $("#selDept").val( "${ empty param.deptno ? 10 :  param.deptno}" );
</script>
<script> 
   $("#ckbAll").change( function (){
	   $("table tbody tr")
	                .find("td:first-child :checkbox")
	                .prop("checked",  $(this).prop("checked") );
   }); // change
</script>

<script> 
   $("#checkedEmpno").on("click" , function (){
	   
	   var empnos  = [];
	    
	   $("table tbody :checkbox[name=ckbEmp]:checked").each(function(i, element) {
	   	  
	   	   var empno = $(this).data("empno"); 
	   	   empnos.push( empno );
	   	   
	   }); //  each
	   
	    location.href="<%= contextPath %>/days04/ex01_finsish.jsp?empno=" + empnos.join("&empno=");
	   
   }); // click
</script> 
</body>
</html>

 

4.  3일차_캡쳐_02.png  화면처럼 체크박스를 체크 후 

    확인 버튼을 클릭하면 

    3일차_캡쳐_03.png 와 같이 ex01_finsish.jsp 에서  출력   

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 7. 오전 11:30:43</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<h3>ex01_finsish.jsp</h3>
<!-- 
http://localhost/jspPro/days04/ex01_finsish.jsp
?
empno=7499
&
empno=7698
 -->

<%
    String [] empnos = request.getParameterValues("empno");
    for(int i=0; i< empnos.length ; i++){
%>
   <li><%= empnos[i] %></li>
<%    	
    }
%> 

<hr>
<!-- JSTL + EL -->

<!-- JSTL 변수 선언 태그 -->
<h3>JSTL + EL 사용</h3>
<c:set var="length"  value="<%= empnos.length %>"></c:set>
<c:forEach  var="i"  begin="0" end="${ length-1 }">
  <li>${  paramValues.empno[i] }</li>
</c:forEach>

---

(day3)

   ex08.jsp    -> ex08_02.jsp  -> ex08_03.jsp

   이름                  주소

   나이                  연락처

   

   서브밋                 서브밋

 

<form action="ex08_02.jsp"  method="get">
  name : <input type="text" name="name" value="홍길동"><br> 
  age : <input type="text" name="age" value="20"><br>
  
  <input type="submit"  value="Next">
</form>

 

 

*history back : 기억된 값으로 입력하는 것

* 페이지 여러개 넘어갈때 쿠키 / 세션 / DB 저장 (상태관리) 

08.2에 

* url 쿼리에 그냥 값 그대로 추가해버리기 (form태그 안에 hidden 으로 넘겨주기)

 

1)

<input type = "hidden" name = "name" value = "<%= name %>">

2)

<% 
  Enumeration<String> en = requeset.getParameterNames();
  while(en.hasMoreElements()) {
    String pname = en.nextElement();
    String pvalue = request.getParameter(pname);
%>
  $("form").appen("<input type='hidden' name='<%= pname %>' value='<%= pvalue %>">");
<%
  } // while
%>

---

JDBC 수업 days03.         [ Ex03.java/Ex03_02.java/Ex03_03.java ]

[실행결과] 1등급 (   700 ~ 1200 ) - 2명                                          20 RESEARCH 7369 SMITH 800.00                30 SALES 7900 JAMES 950.00 2등급 (   1201 ~ 1400 ) - 3명 10 ACCOUNTING 7934 MILLER 1300.00 30 SALES 7654 MARTIN 1250.00 30 SALES 7521 WARD 1250.00 3등급 (   1401 ~ 2000 ) - 2명 30 SALES 7844 TURNER 1500.00 30 SALES 7499 ALLEN 1600.00 4등급 (   2001 ~ 3000 ) - 4명 10 ACCOUNTING 7782 CLARK 2450.00 20 RESEARCH 7902 FORD 3000.00 20 RESEARCH 7566 JONES 2975.00 30 SALES 7698 BLAKE 2850.00 5등급 (   3001 ~ 9999 ) - 1명 0 null 7839 KING 5000.00  - END -

    ex02.jsp

    1. <a href="">등급별 사원 정보 조회</a>

    2. 서블릿 선언 ( SalgradeEmp.java )

       LinkedHashMap<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>> map

       request 저장( map )

       포워딩

    3. ex02_ok.jsp   

        화면 출력

        jquery UI  : Accordion  사용해서 출력.   

 

<%
    String contextPath = request.getContextPath();
%>

<a href="<%= contextPath %>/days04/ex02.htm">등급별 사원 정보 조회</a>

package days04;

import java.io.IOException;

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

import java.sql.Connection;
import java.sql.Date;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.LinkedHashMap;
import java.util.Map.Entry;
import java.util.Set;

import com.util.DBConn;

import domain.DeptEmpSalgradeDTO;
import domain.SalgradeDTO;
 
@WebServlet("/days04/ex02.htm")
public class SalgradeEmp extends HttpServlet {
	private static final long serialVersionUID = 1L;
      
    public SalgradeEmp() {
        super(); 
    }
 
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		System.out.println("> SalgradeEmp.doGet() 호출됨.");
		// JDBC days03.Ex03_03.java  main(){}
		Connection conn = null;
		PreparedStatement pstmt = null ,  e_pstmt = null;
		ResultSet rs = null, e_rs= null;		 
		SalgradeDTO dto = null;   // key
		ArrayList<DeptEmpSalgradeDTO> list = null; // value
		DeptEmpSalgradeDTO desDto = null;
		
		LinkedHashMap<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>> map = null;
		
		String sql = "SELECT grade , losal ,   hisal "
						+ ",  count(*) cnt "
						+ " FROM salgrade s JOIN  emp e ON e.sal BETWEEN s.losal AND s.hisal "
						+ " GROUP BY grade , losal ,   hisal "
						+ " ORDER BY grade ASC";
		String sql2 = "SELECT d.deptno, dname, empno, ename, sal , grade "
							+ " FROM dept d RIGHT JOIN emp e ON d.deptno = e.deptno  "
							+ "            JOIN salgrade s ON e.sal BETWEEN s.losal AND s.hisal "
							+ " WHERE grade = ?            ";
		
		//
		conn = DBConn.getConnection();
		try {
			pstmt = conn.prepareStatement(sql);
			rs = pstmt.executeQuery();

			if( rs.next() ) {
				
				map = new LinkedHashMap<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>>();
				
				do { 
						int grade = rs.getInt(1); 
						int losal = rs.getInt(2); 
						int hisal = rs.getInt(3);					
						int cnt = rs.getInt(4);			
						
					dto = new SalgradeDTO(grade, losal, hisal, cnt);		// key		 
				 
					list = null;
					
					e_pstmt = conn.prepareStatement(sql2);
					e_pstmt.setInt(1, grade);
					e_rs = e_pstmt.executeQuery();
					
					if( e_rs.next()		) {
						
						list = new ArrayList<DeptEmpSalgradeDTO>();
						
						do {
								int deptno = e_rs.getInt(1);
								String dname = e_rs.getString(2);
								int empno  = e_rs.getInt(3);
								String ename = e_rs.getString(4);
								double sal = e_rs.getDouble(5);
								 
								desDto = new DeptEmpSalgradeDTO(deptno, dname, empno, ename, null, sal, grade);								
								list.add(desDto);  // value
								
						}while( e_rs.next() );
						
						map.put(dto, list); // entry 추가
						
					}	// if

					e_pstmt.close(); //
					e_rs.close();       // 
				}while( rs.next() );
				
			} // if
			

		} catch (SQLException e) { 
			e.printStackTrace();
		} finally {
			try {
				pstmt.close();
				rs.close(); 
			} catch (SQLException e) { 
				e.printStackTrace();
			} // try
		} // try

		DBConn.close();
		
		// 
		request.setAttribute("map", map); 
		
		// 포워딩
		//String path = "ex02_ok.jsp"; 
		String path = "ex02_ok_jstl.jsp"; 
		RequestDispatcher dispatcher = request.getRequestDispatcher(path);
		dispatcher.forward(request, response);
	}
 
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		doGet(request, response);
	}

}

* 서블릿 사용할때 호출 잘 되는지 확인!

servlet에서 주소 String path 설정하고 dispatch하고 (포워딩일때) 
jsp 파일에서 호출 확인 (그냥 404 안나오고 html 파일 잘 나오는지)

 

acodian (jquery)

<%@page import="java.util.Iterator"%>
<%@page import="java.util.Map.Entry"%>
<%@page import="java.util.Set"%>
<%@page import="domain.DeptEmpSalgradeDTO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="domain.SalgradeDTO"%>
<%@page import="java.util.LinkedHashMap"%>

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 7. 오후 12:35:26</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">

  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://www.jquery.com/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  <script>
	  $( function() {
	    $( "#accordion" ).accordion();
	  } );
  </script>

</head>
<body>

<%
    // request.setAttribute("map", map);     
    LinkedHashMap<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>> map = 
    		(LinkedHashMap<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>>)request.getAttribute("map");
%>

<h3>ex02_ok.jsp  -  jquery UI  : Accordion</h3>

<div id="accordion">
   <%
   Set<Entry<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>>>  set = map.entrySet();
	
	Iterator<Entry<SalgradeDTO, ArrayList<DeptEmpSalgradeDTO>>> ir = set.iterator();
	
	while (ir.hasNext()) {
		Entry<SalgradeDTO,ArrayList<DeptEmpSalgradeDTO>> entry =  ir.next();
		
		SalgradeDTO key = entry.getKey();
%>
   <h3><%= key %></h3>
<%
		
		ArrayList<DeptEmpSalgradeDTO>  list =  entry.getValue();
		Iterator<DeptEmpSalgradeDTO>  ir2 = list.iterator();
%>
<div>  
<%		
		while (ir2.hasNext()) {
			DeptEmpSalgradeDTO dto =  ir2.next(); 
%>				
    <p>      <%= dto.toString() %>    </p>
<%			
		} // while
%>
  </div>
<%		
	} // while
   %>
</div>

* 스크립트릿 사용해서  반복해서 생성..

acodian(jstl)

<%@page import="java.util.Iterator"%>
<%@page import="java.util.Map.Entry"%>
<%@page import="java.util.Set"%>
<%@page import="domain.DeptEmpSalgradeDTO"%>
<%@page import="java.util.ArrayList"%>
<%@page import="domain.SalgradeDTO"%>
<%@page import="java.util.LinkedHashMap"%>

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 7. 오후 12:35:26</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">

  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="https://www.jquery.com/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
  <script>
	  $( function() {
	    $( "#accordion" ).accordion();
	    
	    $( "#tabs" ).tabs();  // 13 줄
	  } );
  </script>

</head>
<body>

<h3>ex02_ok_jstl.jsp  -  jquery UI  : Accordion</h3>

<div id="accordion">
   <c:forEach items="${ map }"  var="entry">
   <h3>${ entry.key }</h3> <!-- entry.key  = SalgradeDTO -->
   <div>
     <c:choose>
        <c:when test="${  empty entry.value }">
           <li>사원 존재 X</li>
        </c:when>
        <c:otherwise>
             <c:forEach items="${ entry.value }"  var="dto"><!-- entry.value = ArrayList<DeptEmpSalgradeDTO> -->
		            <li>${ dto.empno } / ${ dto.ename } </li> 
		     </c:forEach>
        </c:otherwise>
     </c:choose>     
   </div>
   </c:forEach>   
</div>

<hr>
<div id="tabs">
  <ul>
    <!-- 
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
     -->
     <c:forEach  items="${ map }"   var="entry"  varStatus="status">
         <li><a href="#tabs-${ status.count }">${ entry.key }</a></li>
     </c:forEach>
  </ul>
  
  <c:forEach  items="${ map }"   var="entry"  varStatus="status">
         <div id="tabs-${ status.count }">
             <c:choose>
		        <c:when test="${  empty entry.value }">
		           <li>사원 존재 X</li>
		        </c:when>
		        <c:otherwise>
		             <c:forEach items="${ entry.value }"  var="dto"><!-- entry.value = ArrayList<DeptEmpSalgradeDTO> -->
				            <li>${ dto.empno } / ${ dto.ename } </li> 
				     </c:forEach>
		        </c:otherwise>
		     </c:choose>  
         </div>
     </c:forEach>
  <!-- 
  <div id="tabs-1">
    <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
  </div>
  <div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
  </div>
  <div id="tabs-3">
    <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
    <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
  </div>
   -->
</div>

* accodian + tabs

* varStatus -> 번호가 찍힘 (tab1, tab2)

---

p 100  Chapter 04 필수 이해 요소

      1. JSP의 요청 처리 과정

      2. 출력 버퍼

      

      3. 웹 어플리케이션 폴더 구조

      4. war 파일

      

      공장 

        엄태혁           aaaa

        노용준            aaa             ->  1톤 : [a][a][a][a]            -> 판매점

        권재현           aaaaa                            배송(전달)

        

      웹서버                                    <- 요청                                 클라이언트

                           [][][][응데]

                           응답버퍼                자동 배달 

                               :

                               버퍼 비우고

         

       p99 그림 4.1  JSP 처리 과정

* WAS -> ----- JSP -> JAVA CLASS FILE -> SERVLET -----> WAS         

                                        ㄴ JASPER

 

 

       request

       response

       out

 

<%
     // 스크립트 릿
     String name = "hong";
%>

<%!
    // 선언부
    int age  = 20;

    public String getName(){
    	return "홍길동";
    }
%>


<% 
      // 스크립트릿
      for( int i = 1; i<=10 ; i++){
%>
    <li><%= i %>+</li>
<%    	  
      }
%>

* 스크립트릿 -> 서버에서 먼저 실행, 하나로 묶임

* 선언부 -> 전역변수로 선언

 

---

[출력 버퍼와 응답 ]

      1. 바로 출력 전송하지 않고 출력 버퍼 사용하는 이유( 장점 )

           1) 데이터 전송 성능 향상

           2) jsp 실행 도중에 버퍼를 비우고 새로운 내용 전송 가능

           3) 버퍼가 다 차기 전에  헤더 변경 가능.

       

       2. 출력 버퍼를 사용하지 않고자 한다면 

             buffer="none"

                1) 제한 :   내용 취소 X,  jsp:forward  액션태그 X 

       3.        p 103 그림 4.4 

---

 

   p 106 웹 어플리케이션 폴더 구성과 URL 매핑

       ㄴ  WEB-INF 폴더                :  웹 어플리케이션의 설정 정보를 담고 있는  web.xml 파일 위치한다. 

                                                     설정 파일

                                                     외부에서 접근할 수 없어요.

                 http://localhost/jspPro/WEB-INF/web.xml    404 X

                 

                 외부에서 직접적으로 접근할 수 없는 파일들을 WEB-INF 폴더 안에 폴더를 만들어서 저장.

                                                     

                 ㄴ classes 폴더 :   .class   ( 모든 클래스 파일을 저장하는 폴더.)

                 ㄴ lib         폴더 : jar 파일 저장하는 폴더.

           

---

     

    p 107   웹 어플리케이션 폴더와 URL와의 관계     

       URL :                              http://localhost[:80]/jspPro/

       웹서버 :      ~~~~\\jspPro/webapp

           "   배포 "  :C:\apache-tomcat-8.5.83\webapps\\jspPro

           

---

     p 110 웹 어플리케이션 배포       

        1) 대상 폴더에 파일을 직접 복사 .   

        2) war 파일로 묶어서 배포

---

    [ JSP에서 제공하는 9가지의 기본객체와 영역( scope )]

    1. request       :   HttpServletRequest 클래스명            요청 객체

                               ServletReqeust X

    2. response     : HttpServletResponse   응답 객체 

    3. out              : JspWriter                     출력 스트림 객체

    

    4. pageContext :PageContext    JSP 페이지 대한 정보를 저장하는 객체.

    9. page           : Object          JSP페이지를 구현한 자바 클래스 인스턴스

        

    5. session        :  HttpSession                      http 세션 정보를  저장한다. 

    6. application  :  [ServerContext]               웹 어플리케이션에 대한 정보 저장.

                                                                        웹 사이트

                                                                        서버 정보 저장

                                                                        

    7. config         : Servlet[Config]                설정 정보 저장

    8. exception    :  Throwable                       예외 처리 객체

  

---

out 객체 (버퍼, flush 잘안씀)

out 객체</h3>

<%
    out.flush();

    out.print("hello<br>");
    out.newLine();// "\r\n" 
    out.println("world!!<br>");  // "\r\n" -> <br>
%>

버퍼 크기 : <%= out.getBufferSize() %>kb<br>
<%
    out.clearBuffer();
%>
남은 버퍼 크기 : <%= out.getRemaining() %><br>
autoFlush : <%= out.isAutoFlush() %>  <br>

---

  p 119 page[Context] 기본 객체 : J SP 페이지 대한 [정보를 저장]하는 객체.

           page              기본 객체  : JSP페이지 -> 자바 클래스의 인스턴스

           

        1) JSP 제공되는 기본 객체 얻어올 수 도 있다.   

            - 커스텀 태그를 구현할 때 사용

         2) 속성 처리  ( 이 장에서 설명한다. ) 

         3) 페이지의 흐름 제어 ( 7장 )

         4) 에러 데이터 구하기( 6장 )

    //  request 기본 객체
     // request.getParameter("name");

       //request 기본 객체
      // pageContext.getRequest().getParameter("name");
       // pageContext.getOut()
       // application == pageContext.getServletContext();
       // config        == pageContext.getServletConfig();

---

    [JSP 기본객체 : request, response, out, pageContext ]   application 기본 객체

    1. 웹 어플리케이션관 관련된  정보를 저장하는 기본 객체 ( 웹 사이트 )

    2. 모든 JSP페이지에서 공유하는 기본 객체 (  상태관리 )

    3.                    "               할  정보 쓰기/읽기

    

    

    p 121  웹 어플리케이션의 초기화 파라미터 읽어오기.

      1. WEB-INF/web.xml 파일에 <context-param> 태그 사용해서   초기화 값 추가

      2. application

           1) getInitParameter( name )

           2) getInitParameterNames()

<%
   Enumeration<String> en=  application.getInitParameterNames();
   while( en.hasMoreElements() ){
	   String pname = en.nextElement();
	   String pvalue = application.getInitParameter(   pname  );
%>
   <li><%= pname %> : <%= pvalue %></li>
<%	   
   } // while
%>

 

<h3>p 124  서버 정보 읽어오기</h3>

<pre>

    application 기본 객체는 현재 사용 중인 웹컨테이너(톰캣)에 

    대한 정보를 읽어오는 메서드를  제공

    getSeverInfo()

    getMajorVersion()

    getMinorVersion()

</pre>

 

서버 정보 : <%= application.getServerInfo() %><br>

서버 메이져 버젼 : <%= application.getMajorVersion() %><br>

서버 마이너 버젼 : <%= application.getMinorVersion() %><br>