STS4에서 Dynamic Web Project 구조 및 JSP 파일 생성

이 글에서는 STS4(Spring Tool Suite 4)에서 Dynamic Web Project의 기본 디렉토리 구조를 살펴보고 JSP 파일을 생성하는 방법을 단계별로 알아보겠습니다. 이를 통해 기본적인 웹 애플리케이션 개발에 필요한 환경을 구축할 수 있습니다.

1. STS4에서 Dynamic Web Project 생성

STS4(Spring Tool Suite 4)에서 “Dynamic Web Project”가 보이지 않는 문제는 일반적으로 Eclipse JEE(Java EE) 개발 도구가 설치되어 있지 않아서 발생합니다. STS4는 기본적으로 Spring 개발에 초점을 맞추고 있어 일부 Java EE 기능이 포함되어 있지 않을 수 있습니다. 이전 게시글 “STS4에서 Dynamic Web Project 생성하는 방법“을 참고하세요.

2. Dynamic Web Project 기본 디렉토리 구조

Dynamic Web Project를 생성하면 다음과 같은 디렉토리 구조가 생성됩니다.

JSP-Servlet
├── Deployment Descriptor: JSP-Servlet
├── Java Resources
│   └── src/main/java
├── Libraries
├── build
├── src
│   └── main
│       ├── java
│       └── webapp
│           ├── META-INF
│           └── WEB-INF

각 디렉토리의 역할은 다음과 같습니다.

Deployment Descriptor: 웹 애플리케이션의 설정 정보를 담고 있는 web.xml 파일을 관리합니다.
Java Resources: 자바 소스 파일을 관리합니다. src/main/java 디렉토리 아래에 자바 소스 파일을 위치시킵니다.
Libraries: 프로젝트에 필요한 라이브러리(JAR 파일 등)를 포함합니다.
build: 프로젝트 빌드 관련 파일이 저장됩니다.
src: 소스 파일을 포함하는 루트 디렉토리입니다.
src/main/java: 자바 소스 파일이 위치하는 디렉토리입니다.
src/main/webapp: 웹 애플리케이션의 루트 디렉토리입니다. HTML, JSP 파일 등 웹 리소스가 위치합니다.
src/main/webapp/META-INF: 애플리케이션 메타데이터가 위치하는 디렉토리입니다.
src/main/webapp/WEB-INF: 웹 애플리케이션의 설정 파일(예: web.xml)이 위치하는 디렉토리입니다. 이 디렉토리 아래의 파일들은 웹 브라우저에서 직접 접근할 수 없습니다.

3. JSP 파일 생성

Dynamic Web Project를 생성한 후, JSP 파일을 작성하는 방법을 설명합니다.

webapp 폴더에서 마우스 오른쪽 버튼을 클릭하고 New > JSP File을 선택합니다.
파일 이름을 index.jsp로 입력하고 finish를 클릭합니다.
JSP 파일이 생성되면, 다음과 같은 기본 코드를 입력합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Hello JSP</title>
</head>
<body>
    <h1>Hello, BlueShare!</h1>
    <p>JSP 페이지가 정상적으로 동작합니다.</p>
</body>
</html>

4. JSP 파일 실행

JSP 파일을 작성한 후, Tomcat 서버에서 실행하여 결과를 확인합니다.

소스 코드에서 마우스 오른쪽 버튼으로 클릭하고 Run As > Run on Server를 선택합니다.
브라우저가 자동으로 열리며, http://localhost:8080/프로젝트명/index.jsp로 접속하면 “Hello, BlueShare!” 메시지가 표시됩니다.

이 과정을 통해 STS에서 Dynamic Web Project를 생성하고 JSP 파일을 작성하여 실행하는 방법을 익힐 수 있습니다.

STS4에서 Dynamic Web Project 구조 및 JSP 파일 생성

1. STS4에서 Dynamic Web Project 생성

2. Dynamic Web Project 기본 디렉토리 구조

3. JSP 파일 생성

4. JSP 파일 실행

관련 이전 게시글

동일 카테고리 게시글