학습 목표
- URL과 웹페이지
- 웹 브라우저와 웹 서버
- HTML과 HTTP
- 정적 자원과 동적 자원
URL과 웹페이지
· URL: Uniform Resource Locator(통합 자원 위치)의 약자로 일종의 주소와 같은 역할
- https://www.tistory.com/ , https://www.google.com/ 과 같이 웹브라우저 주소줄에 표시되는 것
· 웹페이지: 웹 브라우저에 URL에 해당하는 내용이 출력되는 것
· 홈페이지, 웹 사이트: 웹 페이지의 묶음
· URL의 주요 구성 요소
| 구성 요소 | 설명 |
| 프로토콜 | · 웹 브라우저가 서버와 내용을 주고받을 때 사용할 규칙 이름 |
| 서버 이름 | · 웹 페이지를 요청할 서버의 이름 지정 · 도메인 이름(예:tistory.com) 또는 180.70.134.239와 같은 IP 주소 입력 |
| 경로 | · 웹 페이지의 상세 주소 |
| 쿼리 문자열 | · 추가로 서버에 보내는 데이터 · 같은 경로에서 입력한 값에 따라 다른 결과를 보여줄 때 사용 ex) 검색 결과를 보여주는 페이지 |
· URI(identifier) vs URN(name) vs URL(location)
URI(Uniform Resource Identifier) => https://www.google.com/folder/page.html
URL(Uniform Resource Locator) => https://www.google.com/
URN(Uniform Resource Name) => /folder/page.html
자세한 내용
https://www.charlezz.com/?p=44767
https://stackoverflow.com/questions/176264/what-is-the-difference-between-a-uri-a-url-and-a-urn
웹 브라우저와 웹 서버
· 웹 브라우저에 URL을 입력하면, 웹 서버 프로그램이 웹 브라우저에 웹 페이지를 제공함
· 웹 브라우저가 웹 서버에 웹 페이지를 달라고 하는 것을 요청(request),
요청한 웹 페이지를 웹 브라우저에 제공하는 것을 응답(response)이라고 표현
· IP 주소: 웹 브라우저와 웹 서버를 연결하기 위해 필요한 웹 서버가 실행 중인 컴퓨터의 주소 ex)180.70.134.239
· 도메인 이름: IP 주소는 숫자로 구성되어 외우기 어렵기 때문에 사용되는 문자(0~9, a~z, 하이픈)로 이루어진 주소 이름
· DSN(Domain Name Server): 도메인 이름을 IP 주소로 변환하는 서버
· 포트(port): 한 개의 컴퓨터의 웹 서버, 스트리밍 서버, 채팅 서버 등 다양한 서버 프로그램이 존재할 수 있으므로,
클라이언트와 서버 프로그램을 연결할 때 다른 서버 프로그램과 구분할 수 있도록 포트를 사용
HTML과 HTTP
· HTML(HyperText MarkUp Language): 웹 페이지의 모습을 기술하기 위한 규약
· 렌더링(Rendering): 웹서버에서 전송한 HTML 문서를 받은 웹 브라우저에서 이를 분석하여,
HTML 표준 규칙에 따라 알맞은 화면을 생성하는 과정
· HTTP(HyperText Transfer Protocol): 클라이언트와 웹 서버가 HTML, 이미지, 동영상, XML 문서 등
다양한 데이터를 주고받을 때 사용하는 규칙
- 요청 규칙: 클라이언트가 웹 서버에 데이터를 요청할 때 사용할 데이터 구성 규칙
- 응답 규칙: 웹 서버가 클라이언트에 데이터를 전송할 때 사용할 데이터 구성 규칙
· HTTP 요청 데이터와 응답 데이터
| 구성 요소 | 요청 데이터 | 응답 데이터 | 예시 |
| 요청/응답 줄 | · GET, POST 같은 HTTP 요청 방식과 요청하는 자원의 경로 지정 | · 요청에 대한 응답 코드 전송 ex) 200 |
GET / HTTP/1.1 (요청) HTTP/1.1 200 OK (응답) |
| 헤더 | · 서버가 응답을 생성하는데 참조할 수 있는 정보 전송 ex) 브라우저의 종류, 언어 정보 등 |
· 응답에 대한 정보 전송 ex) 몸체의 데이터, 길이 등의 정보 |
Host: www.daum.net Date: Wed, 22 Apr 2015 ~ |
| 몸체 | · 정보를 전송해야 할 때 사용 ex) 파일 업로드시 몸체에 파일을 담아 웹서버에 전송 |
· 웹 브라우저가 요청한 자원의 내용을 담음 ex) HTML 문서, 이미지 파일, 데이터 등 |
<!DOCTYPE html> <html lang= "ko"> ~~~ |
· 헤더 영역은 요청/응답 줄 다음에 위치하며, "헤더이름:헤더 값"으로 구성
· 헤더가 끝난 후 빈 줄이 오고 그 다음 몸체 내용이 온다
정적 자원과 동적 자원
· 정적(static) 자원 또는 페이지: URL로 요청했을 때 고정된 결과가 출력되는 자원
ex) HTML 파일 등
· 동적(dynamic) 자원 또는 페이지: URL로 요청했을 때 시간 등 특정 조건에 따라 응답 데이터가 달라지는 자원
ex) PHP, JSP 등
출처
최범균의 JSP 2.3 웹 프로그래밍: 기초부터 중급까지
'백엔드' 카테고리의 다른 글
| 부하 테스트란? 부하 테스트 직접 해보기 (0) | 2021.11.26 |
|---|---|
| [Cookie] 쿠키를 주고 받을 때 HTTP 요청과 응답에 어떤 헤더 데이터가 오가는가? 쿠키 값을 어떻게 인코딩하나? (0) | 2021.10.14 |
| [Nginx] 멀티 도메인 지원하기 (0) | 2021.04.06 |
| [Nginx] 유저 ip를 통해 Nginx에 들어오는 요청 차단/허용하기 (0) | 2021.04.03 |
댓글