JSP

JSP / Servlet 기초

AI3_JSP

ALOHA-CLASS

JSP/Servlet [LIVE] V.4

https://www.youtube.com/playlist?list=PL4C2AmBC9jOYg0LQQoHboupASEBXBlKvK

JSP/Servlet [LIVE] V.3

https://www.youtube.com/playlist?list=PL4C2AmBC9jOYsbDXLxRe2DbhU80Zrx-B0

ALOHA CLASS - JSP/Servlet [LIVE] V.2

Servlet, JSP, JSTL, EL 자바 웹 개발

https://www.youtube.com/playlist?list=PL4C2AmBC9jOY2jO_H2erE7_O3KQwpgkwX

[ALOHA] JSP/Servlet 01일차 V.1

[ALOHA] JSP/Servlet 01일차 V.1 #JAVA #JSP #Servlet

https://www.youtube.com/watch?v=j7fF9JLQ7Ks&list=PL4C2AmBC9jOZxm8Bi7NrJS-kP_8vZzRJt

Tomcat 설치하기

Apache Tomcat® - Apache Tomcat 9 Software Downloads

Welcome to the Apache Tomcat® 9.x software download page. This page provides download links for obtaining the latest version of Tomcat 9.0.x software, as well as links to the archives of older releases.

https://tomcat.apache.org/download-90.cgi

Tomcat 설치

JSP

Eclipse

Tomcat

Eclipse 와 Tomcat 연동하기

[File] > [New] > [Other]

[Server]

Tomcat v9.0 Server

Eclipse x Tomcat 연동

Eclipse

Tomcat

JSP 프로젝트 생성하기

[File] > [New] > [Dynamic Web Project]

WebContent

VS CODE 설치

code.visualstudio.com

https://code.visualstudio.com/updates/v1_81

code.visualstudio.com

https://code.visualstudio.com/download

VS CODE 설치

Tomcat 설치하기

Apache Tomcat® - Apache Tomcat 9 Software Downloads

https://tomcat.apache.org/download-90.cgi

Tomcat 설치

VS CODE x Tomcat

VS CODE 확장 설치 : community server

서버 연결

VS CODE 확장 설치 :  JSP

JSP 프로젝트 구성

VS CODE x Tomcat

버전 호환성

Java, JSP, Servlet, 그리고 Tomcat의 호환 버전을 다음 표로 정리하였습니다:

이 표는 일반적인 호환성을 나타내며, 특정 버전의 세부적인 호환성은 다를 수 있습니다. 프로젝트 요구사항에 따라 적절한 버전을 선택하는 것이 중요합니다.

Servlet 버전별 차이

JSP 버전별 차이

버전 호환성

이클립스 web.xml 에러

Window

Preferences

validation

이클립스 web.xml 에러

Summary

JSP 핵심 기술 요소

•

Servlet

•

JSP

•

Filter

•

Listener

핵심 기술 요소 정리

1. Servlet

•

자바 기반의 웹 요청/응답을 처리하는 클래스

•

HTTP 요청을 받고, 비즈니스 로직을 처리한 후 응답을 반환

•

doGet(), doPost() 등 메서드로 HTTP 메서드 처리

JSP 핵심 기술 요소

Servlet

•

Servlet

•

웹 컨테이너 - Tomcat

•

서블릿 생명주기

•

요청 경로 매핑

•

요청 처리

•

응답 처리

•

페이지 이동

Servlet

•

init()

•

service()

•

destroy()

생명 주기 메소드

•

doGet()

•

doPost()

•

doPut()

•

doDelete()

요청 메소드

•

요청

•

응답

인코딩 설정

컨텐츠 타입

•

TEXT

•

HTML

•

JSON

•

XML

•

FILE

1. TEXT

JSP 태그

•

스크립트 태그 : JSP 에서 자바코드를 실행하기 위해 사용하는 태그

•

디렉티브 태그 : JSP 페이지의 속성과 구성을 설정하는 태그

•

액션 태그 : JSP 페이지에서 특정 작업을 수행하는 태그

스크립트 태그

JSP 태그

JSP

Eclipse

JSP 내장객체

내장 객체의 영역 (Scope)

appolication 영역

JSP 내장객체

JSP

Eclipse

JSP 입력 요청 처리

입력 요청 화면 JSP

입력 요청 처리 JSP

예시코드

입력 요청 화면 jsp

•

signup.jsp

입력 요청 처리 jsp

•

signup_pro.jsp

JSP 입력 요청 처리

JSP 파일 업로드

파일 업로드

•

파일 데이터는 파일 시스템에 저장

•

파일 경로는 데이터베이스에 저장

Java 버전별 파일 업로드 라이브러리

•

javax.servlet

JSP 파일 업로드

JSP

Eclipse

유효성 검사

: 데이터의 적절성을 확인하는 과정

유효성 검사 & 정규 표현식

JavaScript

JSP 예외 처리 페이지

응답 상태 에러 코드별 예외 처리 페이지

404 페이지 만들기

•

web.xml

•

404.jsp

JSP 예외 처리

필터 (Filter)

: Java 웹 어플리케이션에서 HTTP 요청과 응답을 중간에서 가로채고 조작하는 데 사용되는 구성요소

여러 서블릿 클래스에서 반복되는 코드를 일괄적으로 처리하기 위하여 사용한다.

필터는 주로 요청과 응답의 헤더 수정, 요청 데이터 검증, 인증 및 권한 부여, 로깅 등과 같은 작업을 수행하는 데 활용됩니다.

•

자바 웹 어플리케이션 개발에서는 필터를 적용하기 위해 Filter 인터페이스를 구현

Filter 인터페이스

필터 (Filter)

세션 (Session)

세션이란? (session)

: 클라이언트와 웹 서버 간의 상태를 지속적으로 유지하는 방법

세션을 사용하는 주요 기능

•

사용자 인증 및 로그인 관리

•

장바구니 및 주문 처리

세션 (Session)

쿠키 (Cookie)

쿠키란? (cookie)

: 웹 서버와 클라이언트 간의 상태 정보를 저장하고 주고받을 수 있는 작은 데이터 조각

쿠키 생성 및 저장

쿠키 생성 단계

쿠키 (Cookie)

리스너는 이벤트를 감지하고 처리하는 감시자 역할을 하며, 웹 애플리케이션의 생명주기나 상태 변화에 자동으로 반응할 수 있도록 해줍니다.

Listener란?

•

이벤트 (예: 세션 생성, 애플리케이션 시작 등)

리스너는 서블릿 컨테이너(Tomcat 등)가 자동으로 호출합니다. 즉, 개발자가 직접 호출하지 않아도 됩니다.

주요 Listener 종류

1. ServletContextListener

리스너 (Listener)

JSTL/EL

EL (Expression Language) - 표현언어

: JSP 페이지에서 데이터를 출력하고 표현하기 위한 언어

목적: JSP 페이지에서 자바 코드를 최소화

기본문법

다양한 예시

변수 참조

연산

EL (Expression Language) - 표현언어

JSTL (JSTL (JavaServer Pages Standard Tag Library)

: 자바 웹 애플리케이션 개발을 위한 표준 태그 라이브러리

JSTL은 JSP 페이지에서 코드의 가독성을 향상시키고, 비즈니스 로직과 뷰를 분리시켜준다.

목적: JSP 페이지에서 자바 코드를 최소화

JSTL API 개발문서

TLDDoc Generated Documentation

https://docs.oracle.com/javaee/5/jstl/1.1/docs/tlddocs/

JSTL - JSP 표준 태그 라이브러리

JSP 주제별

페이지 이동 방식

•

forward

•

redirect

웹 페이지를 이동하는 방식은 2가지로 나누어 볼 수 있다.

forward 방식

forward : “전달하다”

•

서버 내부에서 요청 경로 A 가 B 로 요청을 전달하며 페이지로 이동하는 방식

•

특징

페이지 이동 방식 - forward & redirect

JSP

HTTP

JSP 사이트 접속자 수

파일

•

index.jsp

•

SessionListener.java

접속자 수 증가

index.jsp

접속자 수 감소

JSP 사이트 접속자 수 기능

회원가입

작업 순서

users 테이블 생성

DTO

DAO

Utils

Service

JSP

회원가입

작업순서

DAO

Service

JSP

DAO

UserDAO.java (DAO)

로그인

아이디 저장

•

로그인 화면

•

로그인 처리

아이디 저장

자동 로그인

최초 로그인 성공 &  자동 로그인 체크

다음 사이트 접속

작업순서

persistence_logins 테이블 생성

PersistenceLogins.java 생성

인증 필터 생성

login.jsp

자동 로그인

로그아웃

•

헤더 or index.jsp

로그아웃

개요

•

MVC 패턴

•

MVC vs REST

•

MVC는 언제 쓰이나?

•

REST는 언제 쓰이나?

•

MVC model1

•

MVC model2

•

Servlet/JSP 에서의 MVC

MVC 패턴

파일 업로드

알아야 할 것

파일 업로드 라이브러리

실습 코드

테스트

응용 실습

알아야 할 것

HTTP - Content-Type 헤더

파일 업로드

JSP 레이아웃 구성하기

•

프로젝트 구조

•

정적 파일 준비하기

•

라이브러리 준비하기

•

영역 파일 준비하기

•

메인 화면 만들기

프로젝트 구조

정적 파일 준비하기

JSP 레이아웃 구성하기

JSP x 라이브러리

JSP 레이아웃 구성하기

JSP 페이지의 공통되는 레이아웃 영역은 별도의 JSP 파일을 만들고 각 페이지별로 포함하여(include) 적용한다.

매 페이지 별로, 반복되는 레이아웃 영역의 코드를 작성하면 코드의 중복으로 인해서 유지보수(수정)하기 어렵다.

헤더, 푸터, 사이드바, css, js 등을 모듈 파일(jsp)로 구분하여 파일을 만들고, 각 페이지에서 해당 페이지를 참조하여 포함하면, 해당 파일만 수정하면 모든 페이지에 공통된 레이아웃이 적용된다.

최종화면

JSP 레이아웃 구성하기

lombok 라이브러리

Java 프로그래밍 언어를 위한 라이브러리로, 반복적으로 사용하는 코드를 자동으로 생성해주는 기능을 제공하여 개발 생산성을 향상시켜준다.

lombok 다운로드

Download

https://projectlombok.org/download

lombok 라이브러리 추가하기

프로젝트 > WEB-INF > lib 에 lombok.jar 추가

lombok 라이브러리

배포하기

JSP 웹 프로젝트 배포하기 - ROOT.war

JSP 웹 애플리케이션 배포하기

JSP - Dynamic Web Project 로 개발한 프로젝트를 배포 파일 war 로 생성하고 
호스팅 서버에 업로드하는 작업을 진행해봅니다.

바로 시작하기

WAR (Web Application Archive)

JSP 웹 프로젝트 배포하기 - ROOT.war

JSP

Tomcat

메타 태그 - favicon, thumbnail

jakarta EE

MVC

Model2