23.01.10 JSP(el, jstl, foreach,....)

오늘 배운 내용 정리~~~!

 

---

${내장객체}

 

JSP <% %>	EL ${ }
request request.setAttribute(”o”,객체); request.getAttribute(”o”);	requestScope requestScope.o (객체명만 붙여주면 됨)
session	sessionScope
application	applicationScope
request.getParameter(”id”)	param param.id
request.getParameterValues(”hobby”) ⇒String[] 리턴함. 배열은 parameter가 아니라 parameterValues로 넘기니까!!	paramValues paramValues.hobby

${ i=100} ${i} ⇒ 출력값: 100

단, <%=i %>는 오류. i는 el태그 변수이기때문!!!

pageContext(=현재 페이지의 환경정보)

 

 

 

jsp에서 정의하고 el에서 값 출력하는 법

 

xxxx**.setAttribute("a", "내용 공유");

xxxx**.getAttribute("a")

 

사용하면 el에서도 값 출력 가능!!

 

코드

 

실행 화면

 

어제 배운 내용 기억해보기~!
forward를 만들어두면 출력 문장은 모두 무시된다!!!!

 

 

 

코드

 

실행 화면

pageContext는 현재 페이지 내에서만 공유함.

그래서 null!!!!!

 

scope2,jsp 바로 들어가면 session, application만 출력 가능

 

엣지브라우저에서 열면 application만 출력 가능

(session은 브라우저 닫히면 끝나고 applicaion은 다른 브라우저도 가능하니까~!)

 

 

 

모든 변수를 a로 초기화했을때 jsp태그는 괜찮지만 el태그는 인식불가!

 

 

 

 

el a 출력(현재 페이지의 jsp태그 전달 값) = ${pageScope.a }<br>
el a 출력(이동 전의 jsp태그 전달 값) = ${requestScope.a }<br>
el a 출력(세션 전달 값) = ${sessionScope.a }<br>
el a 출력(어플리케이션 전달 값) = ${applicationScope.a }<br><br>

 

실행 화면

el태그 안에 pageScope, requestScope 등등 작성하면 위 화면 확인 가능하다.

el 전달 변수 해석 출력 순위

1. pageScope

2. requestScope

3. sessionScope

4. applicationScope

 

 

jsp bean

1. 자바 클래스 하나를 bean이라고 함. <jsp:useBean.../>
2. 기본생성자가 있어야 하고 패키지가 있어야 한다.
3. setter/getter 메서드가 필요하다.

<jsp:useBean setProperty..> =⇒ 자바 객체를 하나 생성해서 값을 저장하라는 의미

 

 

 

JSTL

JSTL태그를 사용하려면 

https://mvnrepository.com 클릭!

 

1. jstl 검색 후 클릭

 

2. 링크 클릭

 

3.  jstl 찾아서 클릭

 

4.  1.2/ 클릭

 

5.  다운로드~~!

 

6. 프로젝트 WEB-INF 밑에 넣어두기 

7. 태그를 사용할때는 위에 적어주기

c는 jstl태그 쓰겠다는 의미!!

 

 

 

core태그

<c:set>

    jsp페이지에서 변수를 저장한다.

    <c:set var=”a” value=”100”/>

 

<c:remove>

    저장된 변수를 삭제한다.

    <c:remove var=”a” />

 

<c:out>

   내용을 출력할 수 있다.
  <c:out var=”a” />

 

<c:if>

   조건문을 사용할 수 있다.

   <c:if test=”${i ≤ 5” />

      ${}

      <% %>

     <%= %>

   </c:if>

 

 

<c:choose >

<c:when>

<c:otherwise>

   조건문을 사용할 수 있다.

   <c:choose >

      <c:when test=”${}”>

        xxx

      </c:when>

      <c:when test=”${}”>

         yyy

      </c:when>

      <c:otherwise>

         위 조건들 모두 만족하지 못하는 경우(else같은 느낌)

      </c:otherwise>

   </c:choose>

 

 

 

<c:foreach>

   반복문을 사용할 수 있다.

   <c:foreach items=”” var=”” begin=”” end=”” step=”” varstatus=””>

   </foreach>

 

<c:foreach begin=”1” end=”10” step=”1” varStatus=”i”>

   ${i}<br>

</foreach>

 

<c:foreach items=”배열 List Map” varStatus=”st” >

   ${st.count}:${st.index}:${st.current}<br>

</c:foreach>

var / varStatus 차이점
var: 변수 이름

varStatus: 반복상태 속성을 지정

 

만약, varStatus를 사용해서 지정해줬다면 아래 내용들을 사용할 수 있다!!!!!

${status.current}

${status.index} 

${status.last}

${status.count}

.....

 

 

 

 

!!!자주 사용하는 코드 고정시키기!!!

클릭해서 고정시켜두고 싶은 코드를 작성해두면 된다.
저장 후 새로 파일 하나 열어서 확인해보면 적용된 것 확인 가능!!!

 

c set태그 변수는 el태그 사용해야한다!!!!!

<c:set var="colors" value="<%=array %>"/> <c:forEach items="${colos}">

 

 

 

AJAX

클라이언트와 서버 간 xml이나 json 데이터를 주고받는 기술을 의미한다.

 

“비동기적”통신 자바스크립트 기술 - 통신결과 xml

“비동기적”통신 자바스크립트 기술 - 통신결과 JSON

 

json특징

1. “변수명”: “값” 형태로 작성한다.

2. html태그 들어가면 안됨. 

자바스크립트에서 객체를 만들 수 있는 형태	JSON형태
💡 1. var emp = {              name: 이사원,              salary: 23400.99,              print: function(){},              title: “사원”           }	💡 1. var emp = {              “name”: “이사원”,              “salary”: 23400.99,              “title”: “사원”           } ⇒ JSON형태 변수만 남기고 실행되는 내용(메서드)은 제외하기(print:function(){}같은 경우)