자바 웹 개발을 위한 환경 구축
자바 웹 개발을 위한 기본적인 도구
- 자바 개발도구 (JDK), 통합개발환경 (IDE), 서블릿 컨테이너 (WAS), 데이터베이스
JDK ( jre = java runtime environment)
JDK 개발 환경 개발개발키트.
JRE 실행환경 / 자바 프로그램을 실행(동작)시킬 때 필요한 하리브러리 API를 함께 묶어서 배포되는 패키지.
- java, jvm, api
통합개발환경 (IDE) // Eclipse
서블릿 컨테이너 (Web Application Server, WAS)
- 이름과 같이 웹 애플리케이션을 구동하는 서버를 의미함
- 서버 컴퓨터가 WAS로 동작하려면 서블릿 컨테이너가 필요함
- 실제 서비스 시스템을 구축할 때는 정적 콘텐츠 서비스를 위한 웹 서버와
WAS를 병행해 운영하며 설정을 통해 상호 연동되는 구조를 가짐
- 아파치 톰캣, Jetty, Undertow 등이 사용됨.
배포 프로세스
배포 (Deployment)
- 배치라고도 하며, 개발된 결과물을 실제 사용자에게 전달하는 작업을 의미함
- 웹의 경우
: 운영서버로 소스코드를 복사하고 WAS에 등록하는 과정을 의미함
- 모바일 앱의 경우
: 앱 스토어에 앱을 업로드하는 절차 등을 의미함
- 그 외의 경우
: FTP 서버, 홈페이지 또는 깃허브 등을 통해 버전을 릴리즈(Release)하는 작업 등
웹 애플리케이션 배포
- 이클립스에서 JSP 또는 서블릿을 실행하면 현재 프로젝트 구조를 WAR 형태로 패키징한 후
아파치 톰캣에 전달해 실행하는 구조임
- 반대로 완성된 프로젝트를 운영 서버에 설치하는 경우 이클립스에서 프로젝트를
.war 파일로 패키징한 다음 서버에 옮기는 과정이 필요함
- 운영 서버가 리눅스일 경우 다음의 과정을 격음
1. 개발자의 운도우 컴퓨터에서 운영서버에 원격으로 접속하여 .war 파일을 전송
2. 톰캣이 설치된 리렉터리의 [webapps] 폴더로 .war 파일 이동
3. 톰캣에서 자동으로 압축을 풀어 사용함
////////////////////////////////////////////////////////////
아파치 톰캣 설치.
connected Aparche Tomcat with Eclipse
프로젝트 생성 및 톰캣 연동
동적 웹 프로젝트 생성
정적 웹 프로젝트 (Static Web Project)
- HTML, CSS, JavaScript로만 구성된 웹을 개발할 때 생성함
동적 웹 프로젝트 (Dynamic Web Project)
- 서블릿, JSP 등을 개발할 때 생성함
실습.
Aparche Tomcat v10.1 download
opt에 압축 풀기.
[Connect Apache tomcat & create Dynamic Web Project . ]
eclipse에서 web perspective open.
file - new - Dynamic Web Project - project name () - New Runtime environment - Apache tomcat v10.1
Tomcat server - Tomcat installation directory - C:\opt\apache-tomcat-10.1.7 > next > next
web Module checked : Generate web.xml deployment descriptor >> finish /// project created .
Server - Click this link to created a new server > Apache > tomcat v10.1 server > next >
Add and remove : Available [project] [Add] > configuered >> finish
Servers - Start the server click. (Tomcat v10.1 Server at hlcalhost [Started, Synchronized])
project - src -webapp - (ctrl+n) type jsp >> jsp file > next > file name : hello.jsp > next >
Select JSP Template check : New JSP File (html 5) > Finish
at JSP file.
ctrl + f11 // Run on Server - click Tomcat v10.1 Server at localhost > next > finish
at
window host - 기본 앱 - 웹 브라우저 시스템 디폴트 변경 - 크롬. // 크롬으로 웹 브라우저 기본 값 설정.
at JSP file.
ctrl + f11 // Run on Server - click Tomcat v10.1 Server at localhost >
checked V : Always use this server when running this project > next > finish
project - server - tomcat ~~~ - web.xml - Source 124 line > change to true : <param-value>true</param-value>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello.jsp2</title>
<script type="text/javascript">
function btn1_clicked() {
alert("Hello JSP!");
};
</script>
</head>
<body>
<button id="btn1" onclick="btn1_clicked()">Button1</button>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello.jsp2</title>
<script type="text/javascript">
function btn1_clicked() {
alert("Hello JSP!");
};
</script>
</head>
<body>
<button id="btn1" onclick="btn1_clicked()">Button1</button>
</body>
</html>'Hello World > JSP' 카테고리의 다른 글
| JSP - 캐시설정 html5 templates settings at eclipse [개발스터디 기몬] (0) | 2023.04.19 |
|---|---|
| JSP - web programming 2 / what is web ? / web programming architecture [개발스터디 기몬] (0) | 2023.04.18 |
| JSP - web programming / what is web? [개발스터디 기몬] (0) | 2023.04.18 |
댓글