[Day1] JSP/Servlet 1 - 개요

[Day1] JSP/Servlet 1 [12/2]

프로젝트 생성

workspace 생성

window - preference - workspace 인코딩 / css / html / jsp - utf8

font - 글꼴 - 선택

create a dynamic web project - jspPro, target ~ : new runtime - apche tomcat 8.5 - 아파치 톰캣 찾아서 적용(파일에서)

generat with~ 체크하기

finish

webapp폴더 - 오른쪽마우스 - jsp - new jsp file(html5)

viewoport, date time, shourtcut.icon, cdn jquery 설정

jspPro - 오른쪽마우스 - configure - convert to term project - modules - browser 두개 체크 & jquery 다 체크

jspPro - 오른쪽마우스 - configure - convert to term project - term - ecmascript 5에서 6으로 변경

ctrl f11 (run server) - tomcat 8.5 - next - jspPro 올리겠다고 하고 finish (서버 탭에 올라감)

port 변경 : server.xml - port 번호 변경 (63라인)

서버 시작 : tomcat서버 오른쪽마우스 - start

ctrl f11 (브라우저에 띄워짐)

Chapter 01.

1. 목차

2. JDK 1.8.341

JAVA_HOME 환경설정

3. 톰캣 8.5.XX

Chapter 02.

1. 웹 환경 : 클 요청-> 웹서버

<-응답

2. URL / URI 차이점

3. 웹페이지 : 웹 브라우저에 출력된 내용, ex01.html, ex01.jsp 등등

웹사이트 : 웹페이지의 묶음

4. 웹브라우저 <-응답 [웹 서버]

(클라이언트 )

(1)url 주소입력 엔터

www.kenik.com 211.232.111.22 ->

DNS

브라우저 [url] GET 방식 요청 ( 기억 )

5. http 프로토콜

요청 헤더 + 몸체

응답 헤더 + 몸체

이해/ 확인.

6. 정적자원 ( ex02.html ) / 동적자원 (ex02.jsp )

정적

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>ex02.html - 정적 자원(페이지)</h3>

<h1> 현재 시간 : 2022-12-02 오전 10:23:55 </h1>

</body>
</html>

동적

<!--  JSP 구성요소 중 하나 :  page 지시자 -->
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.util.Date"%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2022. 12. 2. 오전 10:17:54</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<style>
</style>
</head>
<body>
<h3>ex02.jsp - 동적 자원(페이지)</h3>
<%
    // jsp 구성요소 중   "스크립트 요소"   3가지  - 스크립트릿
     // jsp 구성요소 중   "스크립트 요소"   3가지  - 표현식
    // 자바 코딩.
    // Date, Calendar, JDK1.8 추가
    Date now = new Date();
    // 년,월,일, 시,분,초
    // 형식화 클래스 : 4가지
    String pattern = "yyyy-MM-dd a hh:mm:ss";
    SimpleDateFormat  sdf = new SimpleDateFormat(pattern);
    String strNow =  sdf.format(now); // 문법 에러

    //  누가 자바 코딩들을 컴파일/실행
    // ex02.jsp -> 요청 -> [웹서버]-> ex02.jsp+[java coding]
    		//            응답                                          컴,실
    		//                                                        javac.exe, java.exe
    		//                                       <- 응답-        -> Ex02.java 서블릿 클래스
    		//                                                       컴.실 -> 웹 컨테이너 [ 서블릿 객체 생성] 
    		//                                                     WAS(톰캣)
%>
<h1> 현재 시간 : <%= strNow %> </h1>

<script>
</script>
</body>
</html>

1) 요청 URL 을 웹서버는 분석

http://localhost:80/[jspPro] /days01 / ex01.jsp

도메인

DNS

IP 주소 context path(root) (-> 웹 찾아가는 주소)

물리적 경로 C:\\Class\\Workspace\JspClass\jspPro\webapp

웹서버

쇼핑몰

사내관리웹사이트

101 호실\

7. 웹 프로그래밍 ? 웹 서버가 웹 브라우저에 응답으로 전송할 데이터를

생성해 주는 프로그램을 작성하는 것.

중국집 - 주문 -> [웹서버(A)] + [WAS(톰캣)요리사]

서빙

아파치 톰캣( 웹서버 + WAS)

WAS(톰캣)

8. [브라우저] -> 요청 웹서버(아파치) + jsp(java 컴/실)-> 응답데이터

<-응답 서블릿

웹서버 (WAS톰캣 ) - 웹기술( jsp, servlet) , php 웹기술

IIS웹서버 - 웹기술( asp, asp.net)

9. java + server + 실행->응답 + 페이지

JavaServer Pages == [ JSP ]

JSP -> html 응답

-> xml 응답 *** jquery ajax

-> [JSON 응답 *** jquery ajax ]

등등

10. WAS 마다 지원하는 jsp 버젼, servlet 버젼, EL 버젼 등이 다르다.

( Tomcat 8.5 2.3 3.1 3.0 )

11. p45 jsp 만들고 실행

days01/ex100.jsp X 서버 요청

1) HTTP 상태 404 - 찾을 수 없음

-> 요청 URL 확인

-> 요청 파일 X 확인

2) HTTP 상태 500 - 내부 서버 에러 ( 컴파일 에러 jsaperException )

- 브라우저 : 에러 메시지

- Console 창 : 에러 메시지 확인

Chapter 03 ( p 50)

- ex03.jsp( html + java) -> 응답할 html 문서 생성

- jsp 코드 = 1) 설정부분 + 2) 응답 생성 부분 구성

설정부분 : <%@ 부분

응답생성부분 : html~ <% 자바코딩 부분

[ 설정 부분 ]

1) 생성할 문서의 타입(종류)

contentType="text/html; charset=UTF-8"

: JSP 페이지의 생성할 문서가 text형식의 html문서입니다.

: 인코딩(캐릭터셋) UTF-8 사용

2) 커스텀 태그 설정. - JSTL

3) 자바클래스 지정

p 52

[ JSP 페이지의 구성요소 ]

1. 디렉티브( Directive ) == 지시자.

- JSP 페이지에 대한 설정 정보를 지정할 때 사용.

<%-- <%@include %> --%>

1) page 지시자 - jsp 페이지의 필요한 정보 설정( 생성할 문서 종류, 버퍼크기, 등등)

2) taglib 지시자 - 태그라이브러리 지정

3) include 지시자 - 특정 영역에 다른 문서를 포함.

* 퍼센트 : 서버에서 진행된다는 의미

* 골뱅이 : 지시자

2. 스크립트 요소

- jsp에서 문서의 내용을 동적으로 생성하기 위해서 사용되는 것.

( DB 연동 )

ex04.html 정적 페이지

<script>
    // java kor   0~100        \d{1,3}     999  ~ 101              
    console.log(    isNaN(  100 )   )      // false
    console.log(    isNaN(  "10a" )   )   // true              
    console.log(    isNaN(  "10" )   )     // false
    
    // 0<=        <=150
</script>

* 유효성검사는 html에서 해도 충분~!

ex04_ok.jsp 동적 페이지 (자바)

ex04_el_ok.jsp 동적 페이지 (EL표현언어)

* html에서 form 태그 안에서 name 태그 있어야 파라미터 값 넘어감

1) 표현식( Experssion) : 값을 출력 <%-- <%= 출력값, 메서드명() %> --%>

2) 스크립트릿( ScriptLet) : 자바 코드 + 실행 <%-- <% %> --%>

* -> 퍼센트 끊어도 코딩 연결됨

3) 선언부( Declaration ) : 변수 선언, 메서드(함수) 선언 <%-- <%! %> --%>

ex07.jsp

html에서 n값 입력 받아서 -> jsp 로 넘겨주는 경우

- 넘겨받은 n값이 Null 인지 아닌지 확인

- null 이 아닌 경우 처리

- 처리 후 출력

* n값 처음에 null 유지하는 법 -> value 태그

선언부( Declaration ) : 변수 선언, 메서드(함수) 선언

스크립트릿 선언한 변수

선언부 " 차이점 ?

*자바 메서드를 해당 jsp파일에서 바로 사용가능

왜? jsp -> WAS 웹컨테이너(서블릿 처리) -> ex07.class -> 서블릿 객체 생성

서블릿 객체 생성되어져서 (new 연산자처럼) 사용가능 -> 차이점 다음 시간에

DB Conn

com - utill - dbconn 붙여넣기

* System.out.println(conn); // 서버 콘솔창에 출력

* out.append(conn.toString()); // 클라이언트 브라우저에 출력

1202 지우지말기

저작자표시

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

[Day3] JSP/Servlet 3 - request객체 파라미터, 리다이렉트, 포워딩, jstl, get/post (0)	2022.12.09
[Day2] JSP/Servlet 2 - db연결 테이블 반환, 서블릿, request객체 (0)	2022.12.06
[Day5] JSP/JDBC 5 - transaction 처리, callable statement, reflection (0)	2022.11.02
[Day4] JSP/JDBC 4 - Board (0)	2022.11.01
[Day3] JSP/JDBC 3 - 사용자 변경, 여러출력방식, linkedhashmap사용 DTO 저장, MVC, JUnit (0)	2022.10.31

[Day1] JSP/Servlet 1 - 개요

[Day1] JSP/Servlet 1 [12/2]

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

전체 카테고리

블로그 인기글

티스토리툴바

[Day1] JSP/Servlet 1 [12/2]

'👨‍💻 Web Development > JDBC | JSP | Servlet' 카테고리의 다른 글

전체 카테고리

최근 글

최근댓글

블로그 인기글

티스토리툴바