'2020/JSP SERVLET'에 해당되는 글 130건

• HTML 주석
• 자바 주석
• JSP 주석

  위의 3가지는 JSP 페이지에 사용되는 주석문들입니다.

  JSP페이지에서는 HTML이 사용되므로 HTML 주석문이 있고, 스크립트릿 안에서는 자바코드가 사용되므로 자바 주석문이 있습니다. 그리고 스크립트 요소에 대해 주석처리를 하는 JSP 주석문도 있습니다.

  표현식은 JSP 페이지의 정한 위치에서 값을 출력하는 기능입니다. 즉, JSP 페이지에서 변수나 메서드의 결과값 등을 브라우저에 출력하는 용도로 사용합니다.

표현식의 형식은 

<% 값 OR 자바 변수 OR 자바 식 %>

JSP 페이지에서 표현식을 코딩해 보도록 하겠습니다.

  표현식을 이용해 JSP 페이지에서 선언한 변수와 여러 가지 값을 HTML의 원하는 위치에 출력합니다. 이때 <%= %>안의 자바 변수나 자바 식에는 세미콜론이 있으면 안됩니다.

  보통 웹페이지는 웹 디자이너분들이 주도적으로 구현하는 부분인 만큼, 웹 페이지 구현 시 디자이너분들에게 어려운 자바 코드는 거의 사용되지 않습니다.  스크립트릿은 초기의 jsp에서 자바코드를 이용해 화면의 동적인 기능을 구현했지만 지금은 jsp페이지에서는 거의 사용되지 않지만 자바 코드로 화면의 동적인 기능을 구현할 수 있다면 자바코드를 대체해서 나온 여러가지 태그들을 이해하는 데에도 분명 도움이 될 것입니다.

스크립트릿의 형식은

<% 자바코드 %>

그러면 스크립트릿을 사용해 보도록 하겠습니다

http://localhost:8080/jsp_script/hello2.jsp?age=30 로 요청하겠씁니다.

<% %>안에는 자바코드만 쓸 수 있습니다.

  이전까지의 글에서는 컨테이너에서 JSP의 동작과정을 알아보았습니다. HTML태그는 컨테이너 작업 없이 바로 브라우저로 전송되어 화면을 구현하기 때문에 HTML 태그로 화면을 구현하면 조건에 따라 화면을 동적으로 구성할 수 없습니다. 반면에 JSP는 컨테이너에서 자바로 변환되는 과정을 거치므로 JSP에서 제공하는 스크립트 요소를 이용하면 조건이나 상황에 맞게 HTML 태그를 선택적으로 전송할 수 있습니다. 즉 화면을 동적으로 구성할 수 있습니다.

JSP 스크립트 요소란 JSP페이지에서 여러 가지 동적인 처리를 제공하는 기능으로, <% %>기호 안에 자바 코드로 구현합니다. <% %>기호를 스크립트릿이라고 부릅니다.

스크립트 요소의 종류

• 선언문 : JSP에서 변수나 메서드를 선언할 때 사용합니다.
• 스크립트릿: JSP에서 자바 코드를 작성할 때 사용합니다.
• 표현식 : JSP에서 변수의 값을 출력할 때 사용합니다.

선언문은 JSP페이지에서 사용하는 멤버 변수나 멤버 메서드를 선언할 때 사용하며 선언문 안의 멤버는 서블릿 변환 시 서블릿 클래스의 멤버로 변환됩니다. JSP에서 선언문을 코딩해보겠습니다.

디렉티브 태그는 주로 JSP페이지에 대한 전반적인 설정 정보를 지정할 때 사용하는 태그입니다. 디렉티브 태그의 종류는

• 페이지 디렉티브 태그 : JSP 페이지의 전반적인 정보를 설정할 때 사용합니다.
• 인클루드 디렉티브 태그( 공통으로 사용하는 JSP페이지를 다른 JSP 페이지에 추가할 때 사용합니다.
• 태그 라이브러리 디렉티브 태그 : 개발자나 프레임워크에서 제공하는 태그를 사용할 때 사용합니다.

 JSP 페이지로 웹 페이지를 만들다 보면 제목이나 로고를 표시하는 상단, 메뉴를 표시하는 왼쪽 단은 화면이 바뀌더라도 일정하게 유지되는 경우가 많습니다.

  이런 공통 화면을 일일이 JSP 페이지마다 만들어 사용해야 한다면 불편하겠죠. 그래서 JSP에서는 공통으로 사용되는 JSP 페이지를 미리 만들어 놓고 다른 JSP 페이지 요청 시 인클루드 디렉티브 태그를 사용합니다.

  즉 인클루드 디렉티브 태그란 여러 JSP 페이지에서 사용되는 공통 JSP 페이지를 만든 후 다른 JSP페이지에서 공통 JSP페이지를 포함시켜 사용하는 기능을 말합니다.

<%@ include file="공통기능.jsp" %>

  인클루드 디렉티브 태그를 이용해 다른 jsp파일의 이미지를 삽입해 보도록 하겠습니다.

WebContent에 image 폴더를 생성하고 원하시는 사진을 복사해서 붙여 넣습니다.

그리고 include.jsp파일과 삽입할 .jsp파일을 만들어 줍니다.

저는 박보영님의 팬이라 이렇게 사진을 빌려왔습니다. (박보영님 좋은 영화 많이 찍어주세요!!)

브라우저에서 요청하면 include.jsp안에 park_image.jsp가 포함되네요!

인클루드 디렉티브 태그를 이용해 JSP페이지가 호출되는 과정을 다시 말하자면

include.jsp -> park_image.jsp의 코드를 include.jsp에 포함시킨 후 자바 코드로 변환

-> include_jsp.java -> 자바코드를 서블릿 클래스로 변환 -> include_jsp.class

JSP 페이지에서 사용되는 구성요소들을 알아보겠습니다.

• 디렉티브 태그
• 스크립트 요소 : 주석문, 스트립트릿, 표현식, 선언식
• 표현 언어
• 내장 객체
• 액션 태그
• 커스텀 태그

디렉티브 태그는 주로 JSP페이지에 대한 전반적인 설정 정보를 지정할 때 사용하는 태그입니다. 디렉티브 태그의 종류는

• 페이지 디렉티브 태그 : JSP 페이지의 전반적인 정보를 설정할 때 사용합니다.
• 인클루드 디렉티브 태그( 공통으로 사용하는 JSP페이지를 다른 JSP 페이지에 추가할 때 사용합니다.
• 태그 라이브러리 디렉티브 태그 : 개발자나 프레임워크에서 제공하는 태그를 사용할 때 사용합니다.

디렉티브 태그에 설정하는 여러 가지 JSP속성

  페이지 디렉티브 형식은 다음과 같이 <%@ page 속성1="값" 속성2="값" 속성3="값" ...%>안에 속성과 값을 나열하면 됩니다.

  그런데 이클립스에서 JSP페이지를 만들면 자동으로 페이지 디렉티브 태그가 생성됩니다.

JSP파일은 다음과 같이 3단계를 거쳐 실행됩니다.

1. 변환단계 : 컨테이너는 JSP파일을 자바 파일로 변환합니다.

2. 컴파일 단계 : 컨테이너는 변환된 자바 파일을 클래스 파일로 컴파일 합니다.

3. 실행 단계 : 컨테이너는 class파일을 실행하여 그 결과(HTML, CSS와 자바스크립트 코드)를 브라우저로 전송해 출력합니다.

우선 webcontent 폴더에 hello.jsp파일을 하나 만들어 주었습니다. 그 후에 아래와 같이 코딩을 하고 톰캣을 실행시켜주었습니다.

  jsp 실행과정을 정리하면 이클립스에서 hello.jsp를 생성한 후 톰캣을 실행합니다. 그런 다음 브라우저에서 hello.jsp로 요청합니다. 마지막으로 브라우저의 요청을 받은 톰캣 컨테이너는 해당 JSP파일을 읽어 들여와 hello_jsp.java 파일로 변환합니다. 그리고 브라우저로 HTML 형식의 결과를 전송하여 화면에 표시합니다.

서블릿의 등장

  초기 웹 프로그램은 서블릿을 이용해서 구현했습니다. 그런데 인터넷 사용자가 폭발적으로 증가하고 사용자에게 보여주는 화면의 기능이나 구성이 복잡해집에 따라 사용자를 고려하는 화면 요구 사항도 점점 늘어났죠. 그래서 현재는 프로그래머가 서블릿으로 화면을 구현하지 않고 주로 디자이너가 이 일을 담당하는 추세입니다.

  그래서 서블릿의 기능 중 별도로 화면 기능을 디자이너가 작업하기 쉽게 하기 위해 JSP가 등장했습니다.

  JSP는 디자이너 입장에서 화면의 수월한 기능 구현과 개발 후 화면의 편리한 유지관리를 목적으로 도입되었습니다. 기존 서블릿에서는 자바 코드를 기반으로 문자열을 사용해 HTML과 자바스크립트 화면을 구현했으나 JSP는 이와 반대로 HTML, CSS와 자바스크립트를 기반으로 JSP 요소들을 사용해 화면을 구현합니다.

  정리해 보자면,

문제점

• 웹 프로그램의 화면 기능이 복잡해지므로 서블릿의 자바 기반으로 화면 기능 구현 시 어려움이 발생한다
• 디자이너 입장에서 화면 구현 시 자바 코드로 인해 작업이 어렵다
• 서블릿에 비지니스 로직과 화면 기능이 같이 있다보니 개발 후 유지관리가 어렵다

해결책

• 서블릿의 비지니스 로직과 결과를 보여주는 화면 기능을 분리하자!
• 비지니스 로직과 화면을 분리함으로써 개발자는 비지니스 로직 구현에 집중하고, 디자이너는 화면 기능 구현에만 집중하자!
• 개발 후 재사용성과 유지관리가 훨씬 수월해진다!

JSP의 구성요소

  JSP는 HTML과 자바스크립트를 기반으로 JSP에서 제공하는 여러가지 구성 요소들을 사용해 화면을 구현하는 기술입니다. 주로 웹 프로그램의 화면 기능과 모델2 JSP의 구성 요소는 다음과 같습니다.

• HTML 태그, CSS 그리고 자바스크립트 코드
• JSP 기본 태그
• JSP 액션 태그
• 개발자가 직접 만들거나 프레임워크에서 제공하는 커스텀 태그
•