1.3 HTML & HTTP

2020. 7. 2. 16:08IT공부/JSP 웹

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<form action="mvc_model2" method="post"> 
아이디::<input type="text" name="id" class="id" id="id"><br> 
비밀번호::<input type="password" name="password" class="password" id="password"><br> 
<input type="submit" value="로그인"> 
</form> 
</body> 
</html>

 

-> 위 코드는 HTML이라고 불리는 표준을 이용해 작성한 것 

-> 웹 서버는 URL에 해당하는 HTML문서를 전송 

->  HTML문서를 받은 웹 브라우저는 정해진 규칙(?)에 따라 HTML문서를 생성 = 랜더링(rendering)

 

HTTP

-> 소포를 주고 받을 때 전달하려는 내용물을 상자에 담고 상자 겉에 내용물에 대한 내용을 적어보내는 것처럼 

    HTML문서도 HTTP라는 방식의 상자를 이용해 전송

-> HTTP는 Hyper Text Transfer Protocol 의 약자로 웹 브라우저와 웹 서버가 HTML을 비롯해 이미지, 동영상 등 

     다양한 데이터를 주고받을 때 사용하는 규칙 

 

HTTP 규칙

 -> 요청 규칙: 웹 브라우저가 웹 서버에 HTML과 같은 것을 요청할 때 사용할 데이터 구성 규칙 

                   요청 데이터는 웹 브라우저가 웹 서버로부터 무엇을 받고 싶은지 기술 

 

 -> 응답 규칙: 웹 브라우저에 HTML과 같은 것을 전송할 때 사용할 데이터 구성 규칙 

HTTP 요청/응답 데이터 구성요소 

-> 요청/응답 줄 ,  헤더 , 몸체  로 구성

->  요청 데이터와 응답 데이터에서 첫 줄이 각각 요청/응답 줄 

1. 요청 데이터와 응답 데이터에서 첫 줄이 각각 '요청 줄' 과 ' 응답 줄'

2. 헤더 영역은 '요청/응답 줄' 다음에 위치 & '헤더 이름: 헤더 값' 으로 구성된 헤더 목록으로 구성 

3. 헤더가 끝난 다음에 빈 줄이 오고 그 다음에 몸체 내용 구성

 

구성요소 요청 데이터  응답 데이터 
요청/응답 줄 GET이나 POST와 같은 HTTP 요청 방식과 요청하는 자원의 경로 지정  요청에 대해 200이나 404과 같은 응답 코드를 전송 
헤더 서버가 응답을 생성하는데 참조할 수 있는 정보를 전송   응답에 대한 정보를 전송 
몸체 정보를 전송해야 할 때 사용  웹 브라우저가 요청한 자원의 내용 담아

 

'IT공부 > JSP 웹' 카테고리의 다른 글

1.4 정적 자원과 동적 자원  (0) 2020.07.02
1.2 웹 브라우저와 웹 서버  (0) 2020.07.01
1.1 URL과 웹페이지  (0) 2020.06.29