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>
- JSP
<%@ 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 |