JSP 디렉티브와 액션 태그 완벽 정리: 한눈에 이해하는 동적 웹페이지 구성법 🛠️

2024. 9. 23. 17:56·전공 공부/웹서비스프로그래밍
728x90

웹페이지를 만들 때 동적인 기능을 추가하고 싶을 때, 우리는 JSP를 사용하죠. 그중에서도 디렉티브와 액션 태그는 웹 페이지의 다양한 기능을 담당하는 중요한 요소입니다. 이번 글에서는 JSP에서 자주 사용하는 디렉티브 태그와 액션 태그에 대해 쉽고 간결하게 설명해드리겠습니다.


JSP 디렉티브 태그란? 🤔

디렉티브 태그는 JSP 페이지의 속성이나 동작 방식을 지정해주는 태그입니다. 웹 서버가 JSP 페이지를 어떻게 처리할지 지시하는 역할을 하죠. 크게 page, include, taglib 세 가지 종류가 있습니다.

1. page 디렉티브

page 디렉티브는 JSP 페이지의 기본 설정을 담당합니다. 예를 들어, 어떤 인코딩을 사용할지, 어떤 라이브러리를 불러올지를 설정할 수 있어요.

<%@ page contentType="text/html;charset=UTF-8" %>

여기서는 페이지 인코딩을 UTF-8로 설정해 한글이 깨지지 않도록 처리한 예입니다.

 

2. include 디렉티브

include 디렉티브는 다른 JSP 파일이나 HTML 파일을 현재 페이지에 포함할 때 사용됩니다. 공통적으로 사용되는 헤더나 푸터를 쉽게 포함할 수 있죠.

<%@ include file="header.jsp" %>

이 코드를 사용하면 header.jsp 파일을 현재 페이지에 포함시킬 수 있습니다.

 

3. taglib 디렉티브

taglib 디렉티브는 태그 라이브러리를 사용할 때 필요한 설정을 제공합니다. JSTL과 같은 라이브러리와 함께 사용하면 JSP 페이지에서 커스텀 태그를 쉽게 활용할 수 있습니다.

<%@ taglib uri="/WEB-INF/tlds/mytaglib.tld" prefix="mytag" %>

 


JSP 액션 태그란? ⚙️

액션 태그는 동적인 페이지를 만들기 위해 JSP에서 제공하는 기능을 실행하는 태그입니다. 주로 자바 빈즈와 연동하거나, 페이지 간의 흐름을 제어하는 데 사용됩니다.

 

1. useBean 태그는 자바 빈즈를 JSP 페이지에서 선언하고 초기화하는 데 사용됩니다.

<jsp:useBean id="date" class="java.util.Date" />

위 코드는 java.util.Date 클래스를 사용해 date라는 이름의 빈 객체를 생성합니다.

 

2. setProperty 태그는 자바 빈즈의 프로퍼티 값을 설정할 때 사용됩니다. 주로 폼 데이터에서 넘어온 값을 빈즈에 저장할 때 활용됩니다.

<jsp:setProperty name="calc" property="num1" value="10" />

여기서는 calc 빈즈 객체의 num1 프로퍼티에 10이라는 값을 저장하고 있죠.

 

3. getProperty 태그는 빈즈에서 프로퍼티 값을 가져올 때 사용됩니다. 데이터를 출력할 때 주로 사용합니다.

<jsp:getProperty name="calc" property="result" />

 

4. include 액션 태그는 현재 페이지에 다른 파일을 동적으로 포함할 때 사용됩니다. 페이지가 실행되는 시점에 포함될 파일을 처리하죠.

<jsp:include page="footer.jsp" />

 

5. forward 태그는 현재 페이지에서 다른 페이지로 전환할 때 사용됩니다. 예를 들어, 특정 처리가 완료된 후 결과 페이지로 이동하는 데 활용할 수 있습니다.

<jsp:forward page="result.jsp" />

JSP 디렉티브와 액션 태그는 동적인 웹 페이지를 구성하는 데 필수적인 도구입니다. 이 태그들을 잘 활용하면 효율적인 페이지 관리와 동적 콘텐츠 구현이 가능합니다. 디렉티브는 페이지의 기본 속성을 설정하고, 액션 태그는 자바 빈즈와 연동하거나 페이지 간 흐름을 제어하는 등 다양한 역할을 하죠. 이를 통해 복잡한 기능도 쉽게 구현할 수 있습니다.

728x90

'전공 공부 > 웹서비스프로그래밍' 카테고리의 다른 글

서블릿 기본 구조 쉽게 이해하기: 웹 애플리케이션의 핵심 역할  (1) 2024.09.23
JSP 기본 구조 한눈에 보기: 웹 페이지와 서버의 비밀 대화법  (0) 2024.09.23
'전공 공부/웹서비스프로그래밍' 카테고리의 다른 글
  • 서블릿 기본 구조 쉽게 이해하기: 웹 애플리케이션의 핵심 역할
  • JSP 기본 구조 한눈에 보기: 웹 페이지와 서버의 비밀 대화법
튼튼발자
튼튼발자
프론트엔드 개발자입니다. 헬스를 가끔해서인지 몸이 튼튼한거 같습니다. 그래서 튼튼한 개발자 => 튼튼발자입니다. 프론트엔드 및 관련 개발 내용 블로그 글로 정리해서 올려둡니다.
    250x250
  • 튼튼발자
    튼튼발자
    튼튼발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (192)
      • 튼튼발자의 끄적끄적 (10)
      • 웹개발 (94)
        • HTML (5)
        • CSS (2)
        • JavaScript (40)
        • TypeScript (5)
        • REACT (22)
        • Next.js (13)
        • GIt (7)
      • 기타 (3)
        • 일상 (3)
      • 프로젝트 (27)
        • Componique: UI 컴포넌트 라이브러리 (18)
        • GitHub Profile Viewer (8)
        • 잇핏 (1)
      • 프론트엔드 개발자로 취업준비 (1)
        • 기술 면접 (7)
        • 코딩 테스트 준비하기 (0)
        • 자기소개서&지원서&이력서 (0)
      • 컴퓨터과학 (12)
        • 운영체제 (6)
        • 알고리즘 (6)
      • 전공 공부 (37)
        • AI(인공지능) (2)
        • 컴퓨터네트워크 (19)
        • 네트워크프로그래밍 (3)
        • SW소프트웨어응용설계 (7)
        • 클라우드컴퓨팅 (3)
        • 웹서비스프로그래밍 (3)
      • PT (0)
      • 취준일기 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ui컴포넌트
    프론트엔드개발
    JS
    tailwind
    github
    코딩
    데이터전송
    상태관리
    프론트엔드
    componique
    TCP
    NextJs
    프로그래밍
    자바스크립트
    트랜스포트계층
    웹개발
    react
    리액트
    JavaScript
    네트워크
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
튼튼발자
JSP 디렉티브와 액션 태그 완벽 정리: 한눈에 이해하는 동적 웹페이지 구성법 🛠️
상단으로

티스토리툴바