개발이좋아

[JSP] jsp 구성 요소 및 디렉티브(지시) 태그 본문

Web개발/JSP & Servlet

[JSP] jsp 구성 요소 및 디렉티브(지시) 태그

noobdev 2019. 11. 17. 19:41

초기 웹 프로그램은 서블릿을 이용해서 구현하였다.

하지만 인터넷 사용자가 늘어남에 따라 사용자에게 보여주는 화면의 구성이

매우 복잡해지면서 서블릿만으로는 화면 구현이 힘들게 되었다.

서블릿은 PrintWrite 객체를 이용해서 html태그를 작성한다. 

크롬 사용자라면 아무 홈페이지나 들어가서 마우스 오른쪽 클릭으로 '페이지 소스보기'를 클릭해보도록하자.

상당히 복잡한 내용이 있는 것을 볼 수 있는데 이러한 내용을 서블릿으로만 만들기는 한계가 있다.

그래서 html, css 자바스크립트를 기반으로 웹 페이지를 제작할 수 있는 jsp가 등장하였다.

 

[서블릿 문제점]

  • 웹 프로그램에 화면이 복잡해짐에 따라 서블릿의 자바 기반으로 화면을 구성하기가 어려워졌다.
  • 디자이너 입장에서 화면 구현 시 자바 코드로 인해 작업이 어렵다.
  • 서블릿에 비지니스 로직과 화면 기능이 같이 있다 보니 개발 후 유지보수가 어렵다.

[해결책]

  • 서블릿의 비지니스 로직과 화면 기능을 분리해서 사용한다.

 


JSP의 구성요소

jsp는 보통 웹 프로그램 디자인패턴 중 하나인 MVC2 모델에 V 즉 뷰로써 많이 사용된다.

 

jsp 구성요소

  • HTML, CSS , JAVASCRIPT
  • JSP 기본 태그
  • JSP 액션 태그
  • 커스텀 태그

JSP 페이지 구성 요소

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

 

  1. 디렉티브 태그

디렉티브 태그는 페이지 디렉티브 태그 , 인클루드 태그 , 태그라이브 디렉티브 태그가 있다.

디렉티브 태그는 import문을 제외한 다른 명령어를 여러번 사용할 수 없다.

 

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

 


페이지 디렉티브 태그

 

위 사진은 페이지 디렉트브 태그로 <@ page로 시작해서 닫히는 '>' 까지가 페이지 디렉티브 태그이다.

 


 

인클루드 디렉티브 태그

위 사진은 인클루드 디렉티브 태그로 웹 프로그램에서 공통으로 사용하는 페이지 (메뉴, 검색창)등은 여러 번 개발하기 번거로우므로 하나의 jsp 파일로 만들어 놓고 다른 jsp 파일에서 인클루드해서 사용한다.

 

 

 

"본 포스팅은 필자가 공부한 것을 정리해 놓은 것으로 오류가 존재 할 수 있습니다."

Comments