JSP

JSP / Servlet 기초

JSP_TJE

ALOHA-CLASS

[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 버전별 차이

버전 호환성

Servlet

•

Servlet

•

웹 컨테이너 - Tomcat

•

서블릿 생명주기

•

요청 경로 매핑

•

요청 처리

•

응답 처리

•

페이지 이동

Servlet

JSP 기초

JSP 개발환경 구축

•

JDK 1.8

•

Eclipse 

•

Tomcat 9

Java & Eclipse 설치하기

JSP 개발환경 구축

JSP

Eclipse

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 파일 업로드

파일 업로드

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

•

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

•

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

JSP 파일 업로드

JSP

Eclipse

유효성 검사

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

유효성 검사 & 정규 표현식

JavaScript

JSP 예외 처리 페이지

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

404 페이지 만들기

•

web.xml

•

404.jsp

JSP 예외 처리

필터 (Filter)

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

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

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

•

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

Filter 인터페이스

필터 (Filter)

세션 (Session)

세션이란? (session)

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

세션을 사용하는 주요 기능

•

사용자 인증 및 로그인 관리

•

장바구니 및 주문 처리

세션 (Session)

쿠키 (Cookie)

쿠키란? (cookie)

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

쿠키 생성 및 저장

쿠키 생성 단계

쿠키 (Cookie)

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

html

JSP

JSP 게시판 프로젝트

JSP 게시판 프로젝트 페이지에서는 간단한 게시글 등록 조회 수정 삭제를 하는 기능을 가진 동적 웹사이트를 개발해 보는 방법을 알아보겠습니다.

프로젝트 생성 및 라이브러리 세팅

JSP 게시판 프로젝트를 개발하기 위한 가장 첫 번째 단계로 프로젝트를 생성하고 라이브러리를 세팅하는 작업을 진행해 보도록 하겠습니다.

사전 준비 사항

•

JDK 1.8 버전 이상 설치 

•

IDE - Eclipse 설치

프로젝트 생성 및 라이브러리 세팅

템플릿 작업 및 정적파일 준비

이번에는 공통적으로 사용되는 화면 레이아웃을 반복해서 코드를 작성하지 않고 각 영역 별로 JSP 페이지를 생성하고 이들을 구성 요소로 포함시켜 일관된 레이아웃을 제공해줄 수 있는 구조로 화면 개발을 할 수 있도록 하는 작업을 해보도록 하겠습니다.

또한 정적 파일과 CSS 프레임워크인 Bootstrap 을 사용할 수 있도록 정적 파일들을 준비해 보도록 하겠습니다.

작업 순서

템플릿 작업

정적 파일 준비

템플릿 작업 및 정적파일 준비

게시판 메인 화면

작업순서

web.xml - <welcome-file-list> 태그 작성

index.jsp 페이지 생성

코드 작성

web.xml

메인 화면

회원가입

•

기능 설명

•

작업 순서

•

실습 코드

•

테스트

•

결과 화면

회원가입

로그아웃

•

기능 설명

•

작업 순서

•

실습 코드

•

테스트

•

결과 화면

기능 설명

로그아웃

게시글 목록

•

기능 설명

•

작업 순서

•

실습 코드

•

테스트

•

결과 화면

기능 설명