22-03-21(월) 036일차 [HTML, JSP] Tomcat 다운로드 및 플러그인, HTML

국비지원교육 (22.01-22.07)/강의노트

22-03-21(월) 036일차 [HTML, JSP] Tomcat 다운로드 및 플러그인, HTML

옌炎 2022. 5. 12. 11:18

728x90

수업내용

1교시 (09:30-10:20)

지난 시간 복습

2교시 (10:30-11:20)

지난 시간 복습

3교시 (11:30-12:20)

Tomcat이란
웹 개발 공부
---------------
1. 웹서버, WAS 서버 : Apache Tomcat 서버 : html, css, js, jsp, servlet
  https://apache.org/
APACHE PROJECT LIST 에서 Tamcat 링크 클릭 : https://tomcat.apache.org/

Documentation
https://tomcat.apache.org/tomcat-8.5-doc/index.html
Apache Tomcat Servlet/JSP container.
Apache Tomcat version 8.5
implements the Servlet 3.1 and JavaServer Pages 2.3

1-1. Classloading 링크
https://tomcat.apache.org/tomcat-8.5-doc/class-loader-howto.html
https://tomcat.apache.org/tomcat-9.0-doc/index.html
Apache Tomcat Servlet/JSP container.
  Apache Tomcat version 9.0 implements the Servlet 4.0 and JavaServer Pages 2.3

https://tomcat.apache.org/tomcat-10.0-doc/index.html
  Apache Tomcat Servlet/JSP container.
  Apache Tomcat version 10.0
  implements the Servlet 5.0 and JavaServer Pages 3.0

4교시 (12:30-13:20)

Tomcat 다운로드
- C:\00.KOSMO108\90.Download\apache-tomcat 에 저장
1. 웹서버, WAS 서버 : Apache Tomcat 서버 : html, css, js, jsp, servlet

Download https://tomcat.apache.org/download-80.cgi Binary Distributions Core: 32-bit/64-bit Windows Service Installer (pgp, sha512)

설치
Configuration
Server Shutdown Port -1 -> 8005 변경
HTTP/1.1 Connector Port 8080 -> 8088 변경 <-- 웹브라우저에서 요청할 때 8088 포트를 사용하세요
http://localhost:8088/
Windows Service Name Tomcat8
Tomcat Administrator Login User Name admin
Password 1234
Java Virtual Machine
C:\Program Files\Java\jre1.8.0_202 <-- 아파치 탐캣에서 jdk 연결하는 것
Destination Folder
C:\Program Files\Apache Software Foundation\Tomcat 8.5

C:\Program Files\Apache Software Foundation\Tomcat 8.5\webapps\ROOT\hello.html
localhost 컴퓨터로 hello.html 파일 전송한다. 응답한다. 실제로 파일이 넘어온다.
크롬 브라우저가 hello.html 파일을 읽어서 브라우저 화면에 렌더링 해서 보여준다.

웹 브라우저 : 크롬
안드로이드, iOS 에서 접속하기 : wifi 사용할 것
-----------------------------------------------------------------------
제어판에서 시스템 및 보안 - Windows Defener 방화벽 - Windows Defener 방화벽 설정 또는 해제
- 각 네트워크 유형 설정의 사용자 지정
- 개인 네트워크 설정, 공용 네트워크 설정
Windows Defender 방화벽 사용 안 함(권장하지 않음) 래디오 토글 버튼 체크하기
--------------------------------------------------------------------------
http://localhost:8088/hello.html
http://192.168.219.105:8088/hello.html

탐캣 실행파일 : 항상 하나만 사용하자 : 아파치 탐캣은 port 8088 사용한다.
port 항시 하나만 사용 : 하나의 포트를 가지고 프로그램을 동시에 사용할 수 없다.
-----------------------------------------------------------------
C:\Program Files\Apache Software Foundation\Tomcat 8.5\bin\Tomcat8.exe
C:\Program Files\Apache Software Foundation\Tomcat 8.5\bin\Tomcat8w.exe

5교시 (14:30-15:20)

방화벽 설정, 이클립스 연동
C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\webapps\\ROOT\\hello.html localhost
컴퓨터로 hello.html 파일 전송한다. 응답한다. 실제로 파일이 넘어온다.
크롬 브라우저가 hello.html 파일을 읽어서 브라우저 화면에 렌더링 해서 보여준다.

웹 브라우저 : 크롬
안드로이드, iOS 에서 접속하기 : wifi 사용할 것
--------------------------------------------------------------------------
제어판에서
시스템 및 보안 - Windows Defener 방화벽 - Windows Defener 방화벽 설정 또는 해제
- 각 네트워크 유형 설정의 사용자 지정
- 개인 네트워크 설정, 공용 네트워크 설정
Windows Defender 방화벽 사용 안 함(권장하지 않음) 래디오 토글 버튼 체크하기
--------------------------------------------------------------------------
<http://localhost:8088/hello.html>
<http://192.168.219.105:8088/hello.html>

탐캣 실행파일 : 항상 하나만 사용하자 : 아파치 탐캣은 port 8088 사용한다.
port 항시 하나만 사용 : 하나의 포트를 가지고 프로그램을 동시에 사용할 수 없다.
-----------------------------------------------------------------
C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\bin\\Tomcat8.exe
C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\bin\\Tomcat8w.exe

2. JDK : jdk 1.8 <-- 설치 되어 있다.
jdk 에서 제이에스피 jsp, 서블릿 Servlet 을 사용하기 위해서 라이브러리를 공유 해야 한다.

C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\lib\\jsp-api.jar
C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\lib\\servlet-api.jar

===> 아파치 탐캣에 있는 jsp-api.jar, servlet-api.jar 를 jdk 에게 복사하기

C:\\Program Files\\Java\\jdk1.8.0_202\\jre\\lib\\ext\\jsp-api.jar
C:\\Program Files\\Java\\jdk1.8.0_202\\jre\\lib\\ext\\servlet-api.jar

3. IDE : eclipse : 엔터프라즈 에디션을 사용한다.
3_1. 이클립스 설치 및 워크 스페이스 세팅
----------------------------------
C:\\00.KOSMO108\\30.Web\\eclipse_web <-- 이클립스
C:\\00.KOSMO108\\30.Web\\eclipse_web_work <-- 이클립스 워크 스페이스

C:\00.KOSMO108\90.Download\eclipse\eclipse-jee-2020-06-R-win32-x86_64 폴더에서 eclipse 폴더 카피해서
C:\00.KOSMO108\30.Web\eclipse_web 폴더에 eclpise 폴더를 복사하기 <-- 이클립스 설치

C:\00.KOSMO108\30.Web\eclipse_web\eclipse\eclipse.exe 실행
C:\00.KOSMO108\30.Web\eclipse_web_work 워크스페이스 설정하기

3_2. 이클립스 인코딩 세팅하기 UTF-8
  --------------------------------
  인코딩 종류 : UTF-8, EUC-KR, KSC5601, ISO-8859-1

  Window - Preferences
  General - Content Types - Java Class File - Default encoding : UTF-8  Update
  General - Workspace - Text file encoding -  Other - UTF-8 Apply
      General - Editors - Text Editors - Spelling - Encoding - Default(UTF-8) 체크 Apply
  Web - CSS Files - Encoding - ISO 10646/Unicode(UTF-8) Apply
  Web - HTML Files - Encoding - ISO 10646/Unicode(UTF-8) Apply
  Web - JSP Files - Encoding - ISO 10646/Unicode(UTF-8) Apply
  XML - XML Files - Encoding - ISO 10646/Unicode(UTF-8) Apply

6교시 (15:30-16:20)

jdk 플러그인 / 프로젝트 만들기
  3_3. jdk 이클립스 플러그인 확인하기
  -----------------------------
  Window - Preferences
  Java - installed JREs - jdk 또는 jre 이 세팅이 됬는지 확인하기

  3_4. tomcat 이클립스에 플러그 인 하기
  ----------------------------------
  Window - Preferences
  Server - Runtime Enviorments - 우측에 있는 Add.. 버튼 클릭
  New Server Runtime Enviorments 창에서 Apache Tomcat v8.5 선택 Next
  Tomcat Server 창 에서 Tomcat installation direcory : Browse 버튼 클릭
  C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5 선택 하고 Finish
  Apply and Close

  이클립스 하단에 Servers 탭 (Window - Show View - Servers 선택)
  No servers are available. Click this link to create a new server... 링크 클릭
  Define a New Server 창에서
  Select the server type: Tomcat v8.5 Server 선택하고 Finish 클릭

  Project Explorer 창에 Servers 폴더가 생성된다. <-- 이클립스에 tomcat 플러그이 완성된 것이다.

  3_5. 프로젝트 만들기 : Dynamic Web Project
  -----------------------------------------
  파일 - New - Other - Select a wizard - Dynamic 검색 - Dynamic Web Project 선택
Dynamic Web Project 창에서 Project name : firstWeb 키인(key in) 하고 Next 버튼 클릭
  Java 창에서 Next 클릭
  Web Module 창에서 - Generate web.xml deployment descripter 체크박스 체크 Finish

  Proejct Explorer 에
  firstWeb 프로젝트가 생성된다.
  Java Resources
  src
  Libraries
  JRE System Library[JavaSE-1.8]

  현재 jdk 는 플러그인이 잘 되었는데 tomcat 을 플러그인에서 library 가 제대로 포팅되지 않았다.
  수동으로 플러그인 시키기
  --------------------------------------------------------------------
  firstWeb 우클릭 Build Path - Configure Build Path
  Properties for firstWeb 창에서 - Java Build Path -
  Libraries 탭 선택하고 우측에 Add External JARs... 버튼 클릭
  C:\\Program Files\\Apache Software Foundation\\Tomcat 8.5\\lib 폴더에서 라이브러리 전체 선택 하고
Java Build Path 창에서 Apply and Close 클릭
  firstWeb
  Referenced Libaries 에 라이브러리가 포팅된다.

프로젝트 폴더 소개
firstWeb
  Deployment Descripter:firstWeb
  JAX-WS Web Services
  Java Resources
  src
  패키지.자바소스
  Libraries
  플러그인 된 java, tomcat 라이브러리
  Referenced Libaries <-- tomcat 라이브러리 의도적으로 플러그인
  build <-- 사용 안함
  WebContent <-- 웹 폴더
  META-INF : 프로그램 정보 폴더
  MANIFEST.MF : 프로그램 정보를 적는 파일
  WEB-INF <-- WEB-INF 폴더가 Web 과 WAS의 분기점 폴더이다.
WEB-INF 폴더 및으로는 서버 영역이다.
WebContent ~ WEB-INF 사이가 웹 서버 영역이다.
  lib
  필요한 자원들 두는 디렉토리
  ojdbc6.jar
  web.xml

4. 웹브라우저 : 크롬
Window - Preferences
General - Web Browser - New 로 세팅하기

Window - Web Brower - 3. Chrome 선택하기

WebContent
  html
  hello.html
  jsp

http://컴퓨터IP>:PORT/firstWeb/WebContent/html/hello.html

WebContent 폴더는 이클립스에서만 사용하는 가상의 디렉토리이다. 실제 웹에서는 사용을 하지 않는다.
http://localhost:8088/firstWeb/html/hello.html
http://192.168.219.105:8088/firstWeb/html/hello.html

7교시 (16:30-17:20)

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	Hello HTML !!!! 
</body>
</html>

<%@ 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>
	Hello Jsp !!!<br>
	<hr>
<%
	out.println("Hello JSP !!!!");
	out.println("<hr>");
	java.util.Date d = new java.util.Date();
	out.println("Date >>> : " + d + "<br>");
%>	
</body>
</html>

html
url
http://localhost:8088

/firstWeb/html/hello.html
===========================================
http 프로토콜 구분자

// <-- 원래는 / 하려고 했는데 오타가 나서 // 두개가 됐다.

localhost : 도메인 또는 ip : 컴퓨터

: : 도메인과 port 를 구별하는 구분자

8088 : 포트 : 웹 서버들어오는 port
===========================================
아파치 탐캣이 읽어주는 경로이다.

/ : root 디렉토리 : 컴퓨터하고 지금 사용하는 프로젝트폴더의 root 이다.

firstWeb : 프로젝트 폴더이름 : 생략이 가능하고 변경도 가능하다.

/ : 디렉토리 구분자

html : 폴더 이름

/ : 디렉토리 구분자

hello.html : 파일이름 <-- resource, 자원
--------------------------------------------------------

5. 오라클 : Oracle 11g 2 Release
6. 자바 오라클 연동하는 JDBC 드라이버 : ojdbc6.jar

8교시 (17:30-18:30)

자습

Notes

728x90

저작자표시

'국비지원교육 (22.01-22.07) > 강의노트' 카테고리의 다른 글

22-03-23(수) 038일차 [HTML, JSP, CSS] HTML과 폼 태그, JSP, CSS 활용법 (0)	2022.05.12
22-03-22(화) 037일차 [HTML] HTML5의 작동과 태그 (0)	2022.05.12
22-03-18(금) 035일차 [Java, Oracle, Network] 웹이란 (0)	2022.05.11
22-03-17(목) 034일차 [Java] RFP, 회원 ISUD 구현하기 (0)	2022.05.11
22-03-16(수) 033일차 [Java, Oracle] 자바로 DB 연동하여 SELECT, INSERT, UPDATE, DELETE (0)	2022.05.11

현재글22-03-21(월) 036일차 [HTML, JSP] Tomcat 다운로드 및 플러그인, HTML

A New Life

22-03-21(월) 036일차 [HTML, JSP] Tomcat 다운로드 및 플러그인, HTML

수업내용

'국비지원교육 (22.01-22.07) > 강의노트' 카테고리의 다른 글

'국비지원교육 (22.01-22.07)/강의노트'의 다른글

티스토리툴바

22-03-21(월) 036일차 [HTML, JSP] Tomcat 다운로드 및 플러그인, HTML

수업내용

'국비지원교육 (22.01-22.07) > 강의노트' 카테고리의 다른 글

'국비지원교육 (22.01-22.07)/강의노트'의 다른글

관련글

티스토리툴바