본문 바로가기

Web

 (40)
[JavaScript] JavaScript 소개 1. HTML문서 내 2. 자바스크립트 콘솔 파이어폭스 콘솔 단축키 window : ctrl-shift-k / mac : ctrl-option-k 콘솔을 통해 프로그램의 출력결과를 볼 수 있고, 간단한 테스트를 하거나 프로그램을 임시로 수정하는 일이 가능하다. console.log('main.js loaded'); 3. jQuery 불러오기 URL을 통해 클라이언트 스크립트 라이브러리인 제이쿼리를 페이지에 불러온다. 4. $(document).ready(function() {}); 사용하기 브라우저 기반 자바스크립트를 만들 때에는 반드시 브라우저가 HTML을 전부 불러왔는지를 확인하는 것이 좋다. use strict는 자바스크립트 인터프리터에서 코드를 더 엄격하게 처리하라는 의미이다. $(document..
[JSTL] JSTL - redirect, out redirect지정한 페이지로 리다이렉트한다. response.sendRedirect()와 비슷하다.123 cs url - 리다이렉트할 URL - 리다이렉트할 페이지에 전달할 파라미터 지정 - jstl.jsp123 Colored by Color Scriptercs - jstlRedirectPage.jsp12345678910 redirect된 화면입니다. Colored by Color Scriptercs outJspWriter에 데이터를 출력한다.1cs value - JspWriter에 출력할 값을 나타낸다. 일반적으로 value 속성의 값은 String과 같은 문자열이다. 만약 value의 값이 java.io.Reader의 한 종류라면 out태그는 Reader로부터 데이터를 읽어와 JspWriter에 값..
[JSTL] JSTL - set, remove set - 변수 설정. 지정한 영역에 변수를 생성함. 12345 some ValueColored by Color Scriptercs 위의 코드를 표현식으로 바꾸면 다음과 같다.123Colored by Color Scriptercs var - EL에서 사용될 변수명scope - 변수 값이 저장될 영역(page, request, session, application)value - 변수 값 remove - 변수 제거.1cs - 실습123456789101112131415161718 Name : ${value1} Name : ${value1} Colored by Color Scriptercs property, Map의 처리아래와 같은 JSTL이 실행될 때some 객체가 자바빈일 경우 some.setProperty..
[JSTL] JSTL - if, choose, forEach, import if1234567891011121314151617181920 n은 0과 같습니다. n은 10과 같습니다. Colored by Color Scriptercs choose123456789101112131415161718192021222324252627282930 A학점입니다. B학점입니다. C학점입니다. D학점입니다. F학점입니다. Colored by Color Scriptercs forEach배열 및 Collection에 저장된 요소를 차례대로 처리한다.12345...${변수}...Colored by Color Scriptercs var - EL에서 사용될 변수명items - 배열, List, Iterator, Enumeration, Map 등의 Collectionbegin - items에 지정한 목록에서..
[JSTL] JSTL 개요 JSTL(JSP Standard Tag Library)JSP 페이지에서 조건문 처리, 반복문 처리 등을 HTML tag형태로 작성할 수 있게 도와준다.HTML과 Java코드가 섞여 유지보수에 어려움이 있던 문제를 해결하기 위해 등장하였다.JSTL을 사용함으로써 Java코드를 없애고 태그형태로 표현할 수 있다.XML태그 문법을 사용하기 때문에 반드시 태그가 닫히거나 '/>'로 끝나야 한다. - 스크립틀릿을 이용한 조건문, 반복문 처리12345678910111213 0) { for(int i=0; i 데이터가 없습니다.Colored by Color Scriptercs - JSTL을 이용한 조건문, 반복문 처리123456789 ${data.title} 데이터가 없습니다.Colored by Color Scrip..
[EL] EL(2) EL 사용 예제 1123456789101112131415161718192021 pageContext.getAttribute("p1") : ${pageScope.p1 } request.getAttribute("r1") : ${requestScope.r1 } session.getAttribute("s1") : ${sessionScope.s1 } application.getAttribute("a1") : ${applicationScope.a1 } pageContext.getAttribute("p1") : ${p1 } request.getAttribute("r1") : ${r1 } session.getAttribute("s1") : ${s1 } application.getAttribute("a1") : ${a1..
[EL] EL(1) 표현 언어(Experession Language)값을 표현하는 데 사용되는 스크립트 언어로써, JSP의 기본 문법을 보완하는 역할을 한다.JSP의 스크립트 요소(스크립틀릿, 표현식, 선언부)를 제외한 나머지 부분에서 사용될 수 있으며, 표현식을 통해서 표현식보다 편리하게 값을 출력할 수 있다.${expr}과 같이 사용한다. ※ 표현언어의 기능∎ JSP의 스코프에 맞는 속성 사용∎ 집합 객체에 대한 접근 방법 제공∎ 수치, 관계, 논리 연산자 제공∎ 자바 클래스 메소드 호출 기능 제공∎ 표현언어만의 기본 객체 제공 예제12${sessionScope.member.id}님 환영합니다.cs 표현언어의 기본객체 기본 객체 설명 pageContext JSP의 page 기본 객체와 동일 pageScope pageCo..
[WEB] Scope Application Scope웹 어플리케이션이 시작되고 종료될 때까지 변수를 사용할 수 있다.ServletContext 인터페이스를 구현한 객체를 사용한다.jsp에서는 application 내장 객체를 이용한다.서블릿의 경우는 getServletContext() 메소드를 이용하여 application 객체를 이용한다.웹 어플리케이션 하나당 하나의 application 객체가 사용된다.값을 저장할 때는 application 객체의 setAttribute() 메소드를 사용한다.값을 읽어들일 때는 applicatoin 객체의 getAttribute() 메소드를 사용한다.모든 클라이언트가 공통으로 사용해야 할 값들이 있을 때 사용한다. Session Scope웹 브라우저별로 변수를 관리하고자 할 경우 사용한다..
[WEB] Servlet & JSP 연동 Servlet & JSP 연동서블릿과 JSP는 상호 보완적인 관계를 가지고 있다.서블릿은 로직을 구현하기에 알맞지만, HTML을 출력하기엔 불편하다. (JAVA파일이기 때문에 로직 구현이 쉬움. HTML 출력을 위해서는 out.print를 이용해야 하는 불편함이 있음.)JSP는 로직을 구현하는 것은 불편하지만, HTML을 출력하기엔 편리하다. (로직 구현은 스크립틀릿이나 선언문을 이용해야 함. HTML은 태그 이용해서 쉽게 입력 가능.)이러한 서블릿과 JSP를 잘 사용하기 위해 Servlet에서 프로그램 로직을 수행하고, 그 결과를 JSP에 포워딩하는 방법이 사용되게 되었다. 이를 Servlet과 JSP의 연동이라고 한다.- LogicServlet 12345678910111213141516171819@W..
[WEB] forward forwardWAS의 서블릿이나 JSP가 요청을 받은 후 그 요청을 처리하다가, 추가적인 처리를 같은 웹 어플리케이션 안에 포함된 다른 서블릿이나 JSP에게 위임하는경우가 있는데, 이를 포워드라고 한다. Servlet1에서 처리한 결과를 Servlet2에서도 써야 한다면, 반드시 이 결과를 request 객체에 저장을 해놔야 한다.1. 웹 브라우저에서 Servlet1에게 요청을 보낸다. 2. Servlet1은 요청을 처리한 후, 그 결과를 HttpServletRequest에 저장한다.3. Servlet1은 결과가 저장된 HttpServletRequest와 응답을 위한 HttpServletResponse를 같은 웹 어플리케이션 안에 있는 Servlet2에게 전송한다.(forward)4. Servlet2는 ..

티스토리툴바