chap02. 웹 프로그래밍
1. 학습내용
- URL
- 웹브라우저와 웹 서버
- HTML과 HTTP
- JSP 프로그래밍
1.1 URL과 웹페이지
1.1.1 URL
- http://www.thecoding.kr/html/index.html?page=1&no=10
- http : 프로토콜
- www.thecoding : 서버명
- /html/index.html : 페이지 경로
- page=1&no=10 : 쿼리스트링
1.2 웹브라우저와 웹서버
request : www.thecoding.kr ----------------> DNS response: 112.175.185.26 ----------------> 웹브라우저 웹브라우저 <-------------------> 웹서버(112.175.185.26)
1.3 HTML과 HTTP
- IP 주소만으로는 어떤 요청인지 알 수 없음
- 프로토콜과 포트를 통해 요청 확인
- HTML : HyperText Markup Language
- HTTP : HyperText Transfer Protocal
- HTML, 이미지, 동영상, XML 문서등 자원(Resource) 송수신
1.3.1 요청 데이터 구조
- 요청 : GET / POST 방식과 요청 자원 경로 지정
- 헤더 : 브라우저의 종류나 언어등 서버가 응답을 위해 참조 할 수 있는 정보
- 몸체 : 정보 전달 (POST 정보나 파일업로드 시 파일등)
1.3.2 응답 데이터 구조
- 응답 : 200, 404 등 응답코드 전송
- 헤더 : 응답 몸체의 정보 전달(데이터 종류, 길이등)
- 몸체 : 요청한 자원의 내용(HTML, JSON, XML 등..)
1.4 정적자원 과 동적자원
- 정적자원 : HTML
- 동적자원 : JSP, PHP, ASP.NET
1.5 웹프로그래밍과 JSP
1.5.1 웹프로그래밍
- 웹서버가 웹브라우저에 응답으로 전송할 데이터를 생성해 주는 프로그램
1.5.2 JSP(Java Server Page)
- 자바의 표준 기술로 HTML 응답을 생성하는 기술
- 브라우저 --> JSP / WAS --> HTML / WEB서버 --> 브라우저
참고
JEE (Java Enterprise Edtion)
- 자바를 이용해서 어플리케이션 개발을 위해 정한 표준
- JSP, Servlet, JSTL, JPA 등 여려 표준으로 구성
- JEE 7은 JSP 2.3 과 Servlet 3.1 (JSP2.2 / Servlet 3.0)
- Tomcat 8.5 / Servlet 3.1 지원
2. HTML, JSP 작성
- Dynamic Web Project > chap02 생성
- Generate web.xml deploy descriptor 체크
- WebContent > New > HTML File > hello.html 생성
hello.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>
Hello HTML!!
</h1>
</body>
</html>- Tomcat 실행
WebContent > New > JSP File > hello.jsp 생성
hello.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>
<h1>
Hello JSP!!
</h1>
</body>
</html>