JSP01
> tomcat 설치
tomcat 9버전 설치 - 압축풀기 - eclipse 가 있는 폴더로 이동
이클립스 실행 후 new - other - server 선택 - apache 의 Tomcat v9.0 Server 선택 - Browse 로 tomcat 폴더 선택
1. Project 생성: new - other - dynamic 검색 - Dynamic Web Project 선택 - Project name 작성
2. Servlet 생성: Project (or package) 우클릭 - new - Servlet - package, class name 작성
(servlet 이 안 보일 경우: window - perspective - open perspective - other - Java EE)
→ 경로: (project) > Java Resources > src > (Java Package) > (Class)
* 실행 시 서버는 tomcat 선택
* 실행 브라우저 선택: window - web browser
만든 servlet 은 HttpServlet 을 상속받아 만들어짐
오버라이딩 된 doGet 메소드 - 실행할 명령문 작성
3. JSP 파일 생성
WebContent 에 새 폴더 생성 (WebContent 우클릭 - new - folder - name 작성)
만든 폴더 우클릭 - new - JSP File - name 작성 (.jsp)
* https://github.com/emmetio/emmet-eclipse 설치
> JSP (Java Server Page)
html 기반으로 작성된 jsp 파일은 (servlet) java 로 바뀌어 페이지에 구현됨
jsp → java → html → 화면
- workspace> .metadata> .plugins> org.eclipse.wst.server.core> tmp0> work> ..> 우클릭> code로 열기 하여 자바코드 확인 가능
< 스크립트 >
1. scriptlet 스크립트릿 (<% %>)
자바 코드 작성 가능 (<script> 코드와 혼동 주의 - script 코드는 html)
* out 이라는 객체를 사용할 수 있는 이유는 코드 위에 객체가 선언되어있기 때문
기본객체 (response, request, pageContext, session, application, config, out, page) - jsp 교재 114페이지 참고
객체의 타입을 검색해보면 객체에 대해 자세히 알 수 있음 (ex. out 의 타입은 JspWriter, https://docs.oracle.com/javaee/7/api/javax/servlet/jsp/JspWriter.html )
scriptlet 사용 예)
1. jsp
<h1>Hello</h1>
<%
for (int i = 0; i < 5; i++){
out.println("<p>hello</p>");
}
%>
2. java
out.write("<h1>Hello</h1>\r\n");
for (int i = 0; i < 5; i++){
out.println("<p>hello</p>");
}
3. html
<h1>Hello</h1>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
<p>hello</p>
4. 화면
Hello
hello
hello
hello
hello
hello
* page 디렉티브
import 는 <%@ page import="java.util.*" %> 와 같이 (attribute 로) 작성
(window> preferences> template검색 - JSP Files 안의 Editor 안의 Templates > New JSP File (html 5) 더블클릭 하여 기본 설정을 변경)
java resources 안에 자바 코드로 작성한 클래스를 만들고, jsp 파일에서 import 하여 이를 사용할 수 있음
2. expression 표현식 (<%= %>)
값을 출력
scriptlet 과 달리 한 줄에 작성, statement 작성 불가하며, parameter 작성에 쓰임
3. declaration 선언부 (<%! %>)
필드 또는 메소드 작성 가능
class 안에 바로 작성되기 때문에 주로 파일 윗부분에 작성됨
_jspService 라는 메소드
< 기본 객체 JSP Implicit Object >
response, request, pageContext, session, application, config, out, page - jsp 교재 114페이지 참고
그 중에서 jsp 에서 가장 많이 사용되는 기본 객체는 request
타입: HttpServletRequest ( https://docs.oracle.com/javaee/6/api/javax/servlet/http/HttpServletRequest.html )
대표적인 메소드: getParameter
string 으로 읽기 때문에 int 에 형변환 없이 바로 저장할 수 없음 (int a = Integer.parseInt(para1);)
query string: 주소에서 "?" 뒤에 위치 (?name=value&name=value&...)
HTML Form Elements 참고 ( https://www.w3schools.com/html/html_form_elements.asp )
<form> 안에 <input> element 작성
<form>
<input name="q">
<input type="submit">
</form>
<p><%= request.getParameter("q") %></p>input 의 type 에 따라 (submit, text, number, date, file, password, email, checkbox, radio 등) 사용자가 입력할 수 있는 방법이 다양하게 결정됨
text 가 (input 태그의 type 속성의) 기본값
submit 과 같은 form 에 위치한 element 들은 submit 클릭 시 함께 전송됨
<form action="">
<input type="text" name="para1">
<input type="submit">
</form>
<%= request.getParameter("para1") %>→ aaaa 입력 시 주소창에 ?para1=aaaa 로 표시되며, request 에 의해 aaaa 가 화면에 출력됨
<form action="">
<input type="checkbox" name="movie" value="action">액션
<input type="checkbox" name="movie" value="horror">공포
<input type="checkbox" name="movie" value="family">가족
<input type="checkbox" name="movie" value="kids">어린이
<input type="checkbox" name="movie" value="romance">로맨스
<input type="submit" value="전송">
</form>
<ul>
<%
String[] movies = request.getParameterValues("movie");
if(movie != null){
for(String movie : movies){
out.print("<li>");
out.print(movie);
out.print("</li>");
}
}
%>
</ul>checkbox 는 동일한 name 값을 가진 element 를 여러개 선택할 수 있지만, radio 는 단 하나만 선택할 수 있음
<form action="">
<input type="radio" name="color" value="red"> 빨강
<input type="radio" name="color" value="blue"> 파랑
<input type="radio" name="color" value="yellow"> 노랑
<input type="radio" name="color" value="green"> 초록
<input type="radio" name="color" value="white"> 흰색
<input type="submit" value="전송">
</form>
<%
String color = request.getParameter("color");
%>
<p>좋아하는 색: <%= color %></p>
<div style="width:100px; height:100px; border:2px solid black; background-color:<%= color %>">
</div>초기에 체크된 상태로 시작하는 checkbox/radio 를 원하면, 해당 element 에 checked 작성
<input type="checkbox" name="movie" value="action" checked> 액션
<input type="radio" name="color" value="red" checked> 빨강
input 말고도 option
<form action="">
<select name="color" id="">
<option value="red">빨강</option>
<option value="blue" selected>파랑</option>
</select>
<br>
<input type="submit" value="전송">
</form>input 말고도 textarea (빈 요소 아님)
<form action="">
<textarea name="text1" id="" cols="30" rows="10"></textarea>
<input type="submit" value="전송">
</form>
String txt = request.getParameter("text1");
<textarea name="" id="" cols="30" rows="10" readonly><%= txt %></textarea>→ ?text1=입력한텍스트, <script> 작성으로 해킹!
post
<form action="" method="post">
post 방식(요청방식)으로 입력하면 query string 에 표시되지 않음
get: 쿼리 문자열이 노출되는 방식, 길이 제한 있음 (<form action="" method="get">, 기본값이 get 이므로 작성하지 않으면 get)
post: 쿼리 문자열이 노출되지 않는 방식(body 에 붙어서 전송), 길이 제한 없음, 엔터 자체가 submit 형태
- 로그인 (아이디, 패스워드) 작성에 사용될 수 있음
context path / context root
03module
파일을 여러개 모아서 사용 (파일 여러개 동시에 선택)
.jspf 파일은 jsp 의 일부분으로 다른 jsp 에 포함되도록 만들어짐
반복사용되는 코드를 jspf 로 뽑아서 jsp 파일에서 include
<%@ include file ="포함할 파일"%> 와 같이 작성 (ex. <%@ include file="/includee.jsp"%>)
이 때 중복되는 불필요한 부분은 제외하고 복붙된다
경로
1)절대경로 - 폴더루트로 사용됨, '/' 로 시작, 기준점이며 수시로 바뀔 수 있다
2)상대경로 - 현재 jsp 페이지 기준으로 결정됨 (현재 파일 기준)
경로 지정은 <%= request.getContextPath() %> 로 많이 쓰임 (<a href="<%= request.getContextPath() %>/02request/35login-form.jsp">)
절대 경로 링크 예. <a href="/jsp1025/04path/02browser2.jsp">
상대 경로 링크 예. <a href="02browser2.jsp">
icon
webcontent 안에 resource 폴더를 만들고 그 안에 css 폴더를 만들어서, 그 안에 있는 아이콘을 사용함
<link rel="stylesheet" href="<%= request.getContextPath() %>/resource/css/icon/css/all.css">
resource > css > icon > css > all.css 라는 파일
jsp action tag
각 jsp 작업 태그 - 특정 작업을 수행하는 데에 사용
jsp 태그 - 페이지 간 플로우를 제어, java bean 을 사용하는 데에 사용
작성 형식은 "jsp:" + 기능에 따른 용어 (ex. jsp:forward)
include 액션 태그 (jsp:include) 는 그대로 복붙이 아님, 메소드가 호출된 결과라고 보아야하며, 몇가지 기본 객체를 함께 넘겨줌
ex. <jsp:include page="04include-ex-sub.jsp"></jsp:include>
main
name=John 하면 main 과 sub 모두의 name 에 john 이 입력됨
<jsp:param value="" name=""/> 으로 sub을 만들어놓고 name 사용 후 value 값을 조절 가능
05attribute
getParameter 는 오직 string
string 이 아닌 값을 넘겨주고 싶을 때?
request.setAttribute("attr1","avengers");
→ attr1 (객체명) 의 이름으로 avengers (객체) 를 넘겨줄 수 있음
<%= request.getAttribute("attr1") %>
→ object 를 반환하므로 모든 객체 가능, 단 다시 사용하려면 강제형변환 필요
* main - sub ?? 05attribute
06sub 코드 중 -
MyBook book = (MyBook) request.getAttribute("book");
MyBook book1 = new MyBook("java tutorial", 30000);
→ 자바 - 객체선언, 다형성 참고
request : client → server 의 java(servlet)
response : server 의 html(jsp) → client
06forward
<jsp:forward>
forward 를 만나는 순간 그 전에 출력했던 내용이 다 사라짐
그 후 01other.jsp 코드가 순서대로 출력 (페이지 소스 검사해도 01other.jsp 나옴)
그리고 끝남, 01main.jsp 로 돌아오지 않음
html 코드들이 지워지고 출력된다고 생각해도 됨
main 에서 <jsp:forward page="01other.jsp"></jsp:forward> 만나면 그 후 01other.jsp 코드가 순서대로 출력되는 것임
main 에서 forward 이후에 내용 추가해도 출력 안됨
요청은 01.main.jsp, 내용은 01other.jsp
03 - main 에서 param1, param2 값을 입력하면 other 에서도 적용됨, request 를 공유하기 때문
request 는 attribute 를 주로 사용, parameter 도 사용
META-INF : 밖에서 접근 불가한 폴더
WEB-INF : 밖에서 접근 불가한 파일을 만드는 곳 (실행도 불가, 접근도 불가)
<jsp:forward page="09page.jsp"></jsp:forward>
<jsp:forward page="/WEB-INF/veiw/06forward/09pageb.jsp"></jsp:forward>
07redirect
session
타입: javax.servlet.http.httpSession
설명: HTTP 세션 정보를 저장한다
session 은 서버측의 컨테이너에서 관리되는 정보, 이 정보는 컨테이너에서 접속~종료까지 유지되며, 접속시간에 제한을 두어 일정시간 응답이 없으면 정보를 더 이상 유지되지 않게 설정이 가능
정보가 서버측에서 저장된다는 점에서 보안적으로 유리, 즉 세션은 client 와 server 간의 접속을 유지시켜주는 역할
- 서버쪽에서 웹컨테이너의 상태를 유지하기 위해 정보를 저장하는 객체 (방법)
- 웹 브라우저 당 한개의 세션 정보를 생성하여 사용
- 접속시간에 제한을 두어 일정시간 응답이 없으면 유지 못하게 설정이 가능
session 객체 메소드
세션 생성: session.setAttribute("name", "value");
세션 정보 가져오기: session.getAttribute("name");
세션 유지시간 설정하고 반환하기: session.setMaxInactiveInterval(초); / session.getMaxInactiveInterval(초);
세션 정보 삭제: session.removeAttribute("name");
세션 정보 초기화: session.invalidate();
(삭제와 초기화의 차이
- 초기화는 세션의 모든 속성 값을 제거(각 속성 값들을 하나씩 제거할 필요 없음)
따라서 세션 유지 시간이 지났을 때 세션이 초기화되는 것 같은 효과를 가짐
초기화가 안되면 서버는 세션정보를 계속 가지고있게 되어 부담이 되거나 보안상의 문제가 있어 일반적으로 삭제보다 초기화 사용
예를들어 로그아웃 기능 시 사용
삭제는 파라미터로 지정된 이름의 속성값을 제거
세션에 저장해둔 속성을 이미 모두 사용하였고 더 이상 사용할 필요가 없을 때 사용
! 로그아웃 하면 초기화!! (쿠키 초기화?)
07redirect
톰캣이 response 객체를 조작하여 client 에 응답을 줌
프로토콜버전/상태코드 (HTTP/1.1 200)
두번째줄부터 header
status code
302 Found : 요청된 리소스의 URI 가 일시적으로 변경되었음을 의미, 향후 URI 에 추가 변경이 있을 수 있음. 따라서 이 URI 는 이후 요청 시 클라이언트에서 사용해야 함. 다른 곳으로 요청을 보내달라는 응답.
404 Not Found : 서버가 요청한 리소스를 찾을 수 없음. 브라우저에서 URL 이 인식되지 않음을 의미. 혹은 403 이 대힌 이 응답을 발송할 수도 있음.
500 Internal Server Error : 서버에서 처리 방법을 모르는 상황이 발생
String location = "03to.jsp";
response.sendRedirect(location);
forward 와 response 차이점?
forward 는 요청을 main, 내용을 other - request 하나로 공유
response 는 주소도 03to.jsp 가지고 내용도 03to.jsp - request 각각 씀 (03from 과 03to 가)
redirect
웹 브라우저 - jsp 파일 사이에서 웹브라우저가 파일로 요청을 보내고 파일에서 브라우저로 리다이렉트하라고 지정함
즉, 서버가 클라이언트 요청에 대해 특정 URL 로 다시 이동을 요청하는 룰임, 클라이언트가 서버에 resource 요청을 함
만약 request.setAttribute("attr1", "java"); 를 넣고 다른 파일에서 request.getAttribute("attr1"); 로 값을 꺼냈는데 결과값이 null? -> 두 파일의 request 가 서로 다른 객체라는 의미
session - 같은 브라우저!!
session 을 이용하여 attribute 받을 수 있음 request 들이 공유하는 객체 (같은 브라우저, 같은 클라이언트 일때)
URLEncoder.encode("입력값", 인코딩);
인코딩 예) "UTF-8"
이를 이용하여 문자 뒤에 더하고 & 으로 쿼리스트링 연결
HashMap 사용하기 - Map<String, String> map = new HashMap<>();
<%@ page import="java.net.URLEncoder" %> import 하기 (한글/특문 있을수 있으니?)
response.sendRedirect("16path-to.jsp"); - 상대경로
브라우저가 사용하는 경로라서 request.getContextPath()
from → to 는 보통 절대 경로를 많이 씀
session 은 여러 객체를 공유하는 느낌이라고 생각하면 됨
! 정리 ! request 로 받은 attr1 은 전달이 안됐음 왜? 각각 다른 request 를 쓰기 때문!
그런데 session 은 같은 브라우저를 공유하기만 하면 전달이 가능! (달리 말하면, 서로 다른 브라우저에서는 공유 불가!)
* 세션을 유지하는 방법
첫번째 요청에 대한 응답에 쿠키를 포함 - 두번째 요청부터 같은 쿠키를 가지고 있으면 같은 브라우저에서 온 요청으로 판단
(쿠키 삭제? 설정- 쿠키검색- 모든 쿠키 및 사이트 데이터 보기- localhost- 검색해서 쓰레기통으로)
(교재 114. session 의 실제 타입: javax.servlet.http.httpSession)
첫번째 응답에 주는 쿠기 받고 나중에 세션이 초기화되면 다시 줌
각 브라우저마다 가지고 있지만 어떤 하나의 세션만 가능
setMaxInactiveInterval()
- 초단위, 클라이언트 요청 사이에 이 세션이 열린 상태로 유지되는 시간(초)를 지정하는 정수
- 반환값이 0 이하면 세션이 절대 시간 초과되지 않음
? 타임아웃 설정? 설정하지 않으면 WAS 기본값으로 적용 (Tomcat(conf/web.xml)은 30분)
! 우선순위: 1. session.setMaxInactiveInterval() 프로그램 내에서 time out 설정한 경우 2. Web application 내의 WEB-INF/web.xml
3. Tomcat 내의 conf/web.xml
09cookie
Request Headers 에 쿠키명=값 쌍으로 들고다님
쿠키는 브라우저, 세션은 서버에 저장됨
요청에 포함된 모든 헤더 이름의 열거를 반환하며 요청에 헤더가 없는 경우 이 메소드는 빈 열거를 반환
일부 servlet 컨테이너는 servlet 이 이 메소드를 사용하여 헤더에 엑세스 하는 것을 허용하지 않음, 이경우 null 반환
request.getHeader("~");
세션 쿠키 maxAge (tomcat - JSESSIONID)
서버에도 세션이 남아있으면 브라우저 종료해도 남아있을 수 있음
10scope
기본객체
request - HttpServletRequest - 하나의 http 요청
page - PageContext - 하나의 jsp 페이지
session - HttpSession - 하나의 브라우저
application - ServletContext - 하나의 웹 어플리케이션
같은 페이지에서는 pageContext 로 setget 할 수 있는데 다른 페이지에서는 못 꺼냄
11expression language (el)
el 꺼낼 때 어떤 영역에서 꺼내는지 모름. 중복된 이름 값을 넣었을 때 어떤 순서대로 찾지? - pageContext>request>session>application
(같은 이름 다른 영역 → 가장 좁은 영역부터 찾아서 출력함)
JavaBean 자바빈은 속성(데이터), 변경 이벤트, 객체 직렬화를 위한 표준. 이 중 jsp 에서는 속성을 표현하기 위해 사용됨.
property 값에는 읽기 전용과 읽기쓰기 property 가 존재.
1. 읽기 전용 property: get 또는 is 메소드만 존재
2. 읽기/쓰기 property: get/set 또는 is/set 메소드가 존재
Java Bean Property
- get, set 메소드에 의해 결정됨
- property 이름은 get, set 메소드의 get, set 을 지우고 앞글자를 소문자로 함 (변수명 첫글자는 소문자)
java bean
기본 생성을 가지고 있어야 함
클래스의 property 는 get, set 에 의해 결정됨
property 타입이 boolean 인 경우 get 대신 is 붙일 수 있음
getter: getFieldName()
- public / 필드의 리턴타입 / get+필드이름(첫문자 대문자) / 리턴 값은 필드 값
setter: setFieldName(타입 fieldName)
- public / void / set+필드이름(첫문자 대문자) / 매개변수 타입은 필드 타입
★ expression language
작성법: $(attribute }
jsp 에 출력용으로 사용됨
역슬래시 사용 시 el 적용 안됨 (\${attribute })
예)
java코드: <%= pageContext.getAttribute("pageAttr1") %> → null 출력됨
el: ${pageAttr1 } → null 안나옴
el 은 없는 값이면 아무것도 출력되지 않음
application
application 을 이용한 set, getattribute
어플리케이션은 모든 jsp, 모든 servlet 이 공유해서 사용하는 객체
attribute명.property명
el 은 읽는 용도 get 메소드가 있으면 점을 이용하여 사용 가능
${attribute명.property명 }
자바코드를 사용하기 위해서는 bean jsp 파일을 import 하여야 함
map 의 toString 결과는 (key, value) 쌍으로 나옴
el 의 점연산자로 숫자 사용이 안됨 - 점연산자 대신 [] 연산자 사용 가능
만약 key 가 숫자라면 [] 안에 string 으로 써주면 됨
jstl 이 제공하는 태그의 종류
1. 코어 - c
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
2. XML - x
3. 국제화 - fmf
4. 데이터베이스 - sql
5. 함수 - fn
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
test="${param.food eq 'apple'}" → ?food=apple
<c:if></c:if>
<c:choose> <c:when></c:when> <c:otherwise></c:otherwise> </c:choose>
<c:foreach></c:foreach> 반복