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 설치하기

Eclipse 와 Tomcat 연동하기

Eclipse x Tomcat 연동

Eclipse

Tomcat

JSP 프로젝트 생성하기

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

Project Name :  Test

Target runtime : Apache Tomcat v9.0

Dynamic web module version : 3.1

WebContent

[우클릭] > [New] > [JSP]

File name : index.jsp

VS CODE 설치

Tomcat 설치하기

Tomcat 설치

VS CODE x Tomcat

VS CODE 확장 설치 : community server

서버 연결

명령 팔레트 (ctrl + shift + P)

Download server

No, use server on disk

Tomcat 설치 경로 지정

VS CODE 확장 설치 :  JSP

JSP 프로젝트 구성

VS CODE x Tomcat

버전 호환성

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

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

버전 호환성

이클립스 web.xml 에러

이클립스에서 web.xml 를 일시적으로 에러로 인식하는 경우

web.xml 에서 특정 파일을 참조하는 문법 체크(Validation)을 무시하여 해결할 수 있다.

이클립스 web.xml 에러

Summary

JSP 핵심 기술 요소

서블릿(Servlet)과 JSP(JavaServer Pages)는 자바 기반 웹 개발의 핵심 기술입니다.

•

HTTP

•

Servlet

•

JSP

◦

JSP 태그

▪

스크립트 태그

•

선언문

•

스크립틀릿

•

표현문

▪

디렉티브 태그

▪

액션 태그

◦

내장 객체

▪

request

▪

response

▪

out

◦

JSTL

◦

EL

•

Filter

•

Session

JSP 핵심 기술 요소

Servlet

•

Servlet

•

웹 컨테이너 - Tomcat

•

서블릿 생명주기

•

요청 경로 매핑

•

요청 처리

•

응답 처리

Servlet

•

init()

•

service()

◦

doGet()

◦

doPost()

•

destroy()

서블릿 생명주기 메소드

생명 주기 메소드

•

doGet()

•

doPost()

•

doPut()

•

doDelete()

요청 메소드

•

요청

•

응답

인코딩 설정

컨텐츠 타입

•

TEXT

•

HTML

•

JSON

•

XML

JSP 태그

•

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

•

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

•

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

JSP 태그

JSP

Eclipse

JSP 내장객체

JSP

Eclipse

JSP 입력 요청 처리

jsp 에서 FORM 요청을 하고 요청 정보를 받아서 처리하는 작업을 해보겠습니다.

입력 요청 화면 JSP

<form> 태그에서 <input> 태그 입력 요청 폼 작성

<input> name 속성에 파라미터 지정

type=”submit” 속성인 <input>, <button> 태그로 요청 제출

<form> 태그의 action 속성과 method 속성에 따라 요청

action : 요청 URL

ii.

method : 요청 방식 (get, post)

폼 요청으로는 GET 방식과 POST 방식만 가능합니다.

입력 요청 처리 JSP

request.getParameter(”파라미터명”) 메소드로 입력 정보 가져오기

요청에 따른 처리

JSP 입력 요청 처리

JSP 파일 업로드

파일 업로드

클라이언트에서 전송한 파일을 서버 측에 저장하는것

JSP 파일 업로드

JSP

Eclipse

유효성 검사

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

유효성 검사 & 정규 표현식

JavaScript

JSP 예외 처리 페이지

JSP 예외 처리

필터 (Filter)

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

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

필터 (Filter)

세션 (Session)

세션이란? (session)

세션 (Session)

쿠키 (Cookie)

쿠키란? (cookie)

쿠키 (Cookie)

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

Listener란?

웹 애플리케이션 내에서 발생하는 특정 이벤트 에 대해 자동으로 실행되는 코드를 포함하는 클래스입니다.

리스너 (Listener)

JSTL/EL

EL (Expression Language) - 표현언어

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

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

EL (Expression Language) - 표현언어

JSTL (JSTL (JavaServer Pages Standard Tag Library)

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

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

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

JSP 주제별

페이지 이동 방식

•

forward

•

redirect

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

페이지 이동 방식 - forward & redirect

JSP

HTTP

회원가입

작업 순서

users 테이블 생성

DDL

회원가입

작업순서

로그인

아이디 저장

•

로그인 화면

◦

login.jsp

▪

아이디 저장 파라미터 추가

▪

remember-id

•

로그인 처리

◦

LoginServlet.java

◦

로그인 성공 &  아이디 저장 체크

▪

username, remember-id 쿠키 생성

◦

로그인 성공 &  아이디 저장 해제

▪

username, remember-id 쿠키 생성

▪

유효시간을 0으로 설정  쿠키 삭제

아이디 저장

JSP 사이트 접속자 수

파일

•

index.jsp

•

SessionListener.java

JSP 사이트 접속자 수 기능

자동 로그인

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

인증 토큰 생성

인증 토큰 저장

persistence_logins 테이블

아이디

인증 토큰

만료 시간

인증 토큰 쿠키 생성

응답에 쿠키 담기

다음 사이트 접속

인증 필터

인증 토큰 쿠키 확인

세션에 사용자 정보 등록 (로그인)

토큰?

: 짧은 문자열 (주로, 암호화된 문자열이나 고유한 아이디를 가진 문자열을 저장)

자동 로그인

로그아웃

•

헤더 or index.jsp

◦

로그아웃 버튼 추가

◦

로그아웃 버튼 클릭

▪

logout.jsp 요청

▪

자동 로그인

•

인증 토큰 쿠키 삭제

•

인증 토큰 데이터 삭제

▪

session 무효화 (비활성화)

•

session.invaildate()

로그아웃

개요

•

MVC 패턴

•

MVC vs REST

•

MVC는 언제 쓰이나?

•

REST는 언제 쓰이나?

•

MVC model1

MVC 패턴

파일 업로드

알아야 할 것

HTTP - Content-Type 헤더

form 태그의 enctype 속성

application/x-www-form-urlencoded

ii.

multipart/form-data

파일 업로드 라이브러리

실습 코드

파일 업로드

JSP 레이아웃 구성하기

•

프로젝트 구조

•

정적 파일 준비하기

•

라이브러리 준비하기

•

영역 파일 준비하기

◦

jstl.jsp

◦

common.jsp

◦

header.jsp

◦

footer.jsp

◦

meta.jsp

◦

link.jsp

◦

script.jsp

•

메인 화면 만들기

◦

index.jsp

◦

영역 파일 포함하기

▪

액션태그 <jsp:include> 

JSP 레이아웃 구성하기

JSP x 라이브러리

JSP 레이아웃 구성하기

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

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

JSP 레이아웃 구성하기

lombok 라이브러리

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

lombok 다운로드

Download

https://projectlombok.org/download

lombok 라이브러리

배포하기

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

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

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

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

JSP

Tomcat

메타 태그 - favicon, thumbnail

jakarta EE

MVC

Model2