2023.06.07
● jsp ( JavaServer Pages )
* HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구
* JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답
* web application server(WAS)위에서 작동
* 일반적인 경우에 이 WAS로 아파치 재단의 Tomcat을 사용
- view를 만들때 사용하는 도구 jsp
- 백엔드 다루는 도구 servlet
※ 아파치 톰캣(tomcat)
- 서블릿 컨테이너
- Spring의 구현체 (Spring Boot는 톰캣을 내장하고 있음)
- 자바서버 페이지이나 자바 서블릿를 실행하기 위한 서블릿 컨테이너를 제공
* 아파치 (정적)
웹서버로 불리며, 클라이언트 요청이 왔을때만 응답하는 정적 웹페이지에 사용
정적인 데이터만 처리한다.(HTML,CSS,이미지 등)
* 톰캣 (동적)
dynamic(동적)인 웹을 만들기 위한 웹 컨테이너, 서블릿 컨테이너라고 불리며,
웹서버에서 정적으로 처리해야할 데이터를 제외한 JSP, ASP, PHP 등은 웹 컨테이너(톰캣)에게 전달
* 필요한 도구
OpenJDK 11 : 자바 프로그램을 컴파일하고 실행해주는 기본 도구
톰캣 9 : JSP와 서블릿을 실행하기 위한 웹 서버
이클립스(sts) : 전체 도구를 아우르는 통합 개발 환경(IDE)
● 설치
▶ 구글에 톰캣 검색
https://tomcat.apache.org/
1. Download의 Tomcat 9 클릭 > 64-bit Windows zip(운영체제에 맞는 압축파일) 다운로드
2. 다운로드 파일 압축풀어 C:\dev\server 경로에 저장
3. sts에 플러그인 확인
-설치 마켓에 eclipse enterprise java and web developer tools 검색
- java 프로젝트 / web 프로젝트
● 이클립스와 아파치톰캣 연동하기
- 톰캣의 서버를 8080에서 다른 포트번호로 변경해주는 것이 좋다
1. JRE 설정
이클립스(sts) 실행 > 상단메뉴 Window > Preferences
java > Installed JREs > jre 클릭 > Apply and Close
+ 추가 설정
상단메뉴 Window > Preferences > java > Installed JREs > Add > next > Directory > java 저장 경로 선택 > finish
2. 톰캣 서버 생성하기
- 상단메뉴 Window > Preferences > Server > Runtime Enviroment > Add > Apach Tomcat 9.0 > next
Browser > Tomcat설치한 경로 찾아 선택
Finish > (확인하기) Apply and Close
2-1. 톰캣 서버 연동 테스트
- 상단메뉴 File > new > Other > Dynamic Web Project > next
- name 설정 후 Project location 체크박스 해제하여 Browse에 spring 경로 찾아 선택 > next
디폴트 값으로 두고 next > 체크박스 선택하고 Finish
Explore창에 생성 확인!
3. 실행하기
생성된 프로젝트 오른쪽마우스 > New > JSP File
src > main > webapp 경로에 파일 생성 index.jsp
- UTF-8로 설정
- html 코드 부분에 내용 작성
<!-- 백엔드 jsp 코드 -->
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="UTF-8"%>
<!-- html 코드 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>안녕하세요, JSP!</h1>
<h2>안녕하세요, JSP!</h2>
<h3>안녕하세요, JSP!</h3>
<h4>안녕하세요, JSP!</h4>
<h5>안녕하세요, JSP!</h5>
<h6>안녕하세요, JSP!</h6>
</body>
</html>- h1 : 블럭속성
- <!-- 주석 -->
* Run as > Run on Server > 자동저장 다시 묻지 않기 체크 > save
> Choose로 Tomcat 선택 후 Next > Finish
실행화면이 뜸
* 실행이 안되는 경우 - Choose가 체크 안됨
(포트충돌이 일어난 경우 already use도 있음)
-> 실행화면 뜸
▷ 실습
- UTF-8로 설정
<% %> : 자바영역으로 자바문법을 따름
<%! : 변수 코드 <%! String str1 = "JSP"; %> (백엔드)
<%= : 변수를 찍어라
<% out.println : (백엔드)출력 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 변수선언 선언문 -->
<%!
// 자바영역
String str1 = "JSP";
String str2 = "안녕하세요";
%>
<h2>처음 만들어 보는 <%= str1 %></h2>
<p>
<%
out.println(str2 + str1 + "입니다. 열공합시다^_^");
%>
</p>
</body>
</html>
'백엔드 > JSP & Servlet' 카테고리의 다른 글
| JSP - 4 (세션 + 네트워크) (0) | 2023.06.19 |
|---|---|
| JSP / Servlet - 3 (회원가입 폼 만들기, 쿠키) (0) | 2023.06.14 |
| JSP / Servlet - 2(기초) (2) | 2023.06.14 |
| JSP / Servlet - 1 (기초) + 네트워크 (0) | 2023.06.13 |
