웹 페이지의 주소, URL
웹 브라우저가 웹 사이트에 접속하면 웹 사이트는 대표 웹 페이지를 웹 브라우저에게 보낸다. 대표 웹 페이지를 디폴트 웹 페이지라고도 부르며, 그 이름은 웹 서버의 설정 사항으로서 index.html, default.html 등이 주로 사용된다. 웹 페이지는 확장자가 .html인 텍스트 파일로 작성된다.
웹 페이지의 이름이나 주소는 웹 서버의 주소와 웹 페이지 파일의 경로명으로 구성된다. 웹 페이지는 이미지, 동영상 등 인터넷 자원의 주소를 표현하는 URL(Uniform Resource Locator)로 표현하며 사례는 아래와 같다.
URL의 각 요소를 간단히 설명하면 다음과 같다.
프로토콜 - http, https, file, ftp,telnet, mailto, news 등
서버주소 - 웹 페이지를 가진 컴퓨터의 이름 혹은 인터넷 주소(IP주소)
TCP/IP 포트 번호 - 서버가 브라우저로부터 접속을 기다리는 TCP/IP 포트 번호.
프로토콜마다 다르며 http의경우 80, telnet 은 23
경로명 - 웹 서버 내 웹 페이지 파일의 폴더 경로
파일 이름 - 웹 페이지의 파일 이름
웹 페이지를 액세스하기 위해서는 보통 http나 https 프로토콜에 80포트를 사용한다. 디폴트가 80이므로 생략할 수 있다. 파일 이름이 생략되면 웹 서버는 디폴트 파일(대표 HTML 파일)을 찾게 되는데, 그 이름은 index.html, default.html을 많이 사용한다. 웹 브라우저는 HTML 문서 보기뿐 아니라, ftp(파일 전송), telnet(원격 로그인), mailto(메일 보내기), file(로컬 파일 읽기) 등의 서비스도 제공한다. http와 달리 https를 사용하면 보안을 강화하기 위해 웹 브라우저는 웹 서버에 접속할 때 전자 인증서를 사용한다.
TCP/IP 포트란?
은행에는 전담 창구가 있다. 1번 창구는 대출, 2번 창구는 통장 3번 창구는 외환 등 전담 은행원이 고객을 기다리고 있다. 고객은 원하는 서비스에 따라 전담 창구로 가야 한다. 서버 컴퓨터(은행) 역시 여러 서비스를 제공하는데, 여러TCP/IP 포트(창구)를 열어 놓고 클라이언트의 접속을 기다리고 있다. 포트에 따라 서비스가 서로 다르다. 예를 들면 80번 포트는 웹 서비스(http), 20번 포트는 파일 전송(ftp), 23번 포트는 원격 로그인(telnet) 서비스 등이다.
웹 브라우저와 웹 서버 사이의 통신, HTTP
웹 브라우저와 웹 서버는 웹 페이지나 이미지 등의 자원을 주고받기 위해 HTTP(HyperText Transfer Protocol)라고 부르는 그들만의 통신 방법을 가지고 있다. HTTP 통신은 웹 브라우저가 요청하고 웹 서버가 응답하는 방식으로 작동한다.
기본적인 HTTP 통신 과정을 간략히 알아보자. 아래 그림은 사용자가 오라클 사이트(http://www.oracle.com/index.html)를 방문하는 과정을 사례로, 웹 브라우저가 오라클 웹 서버로부터 index.html 페이지를 받아오는 과정을 보여준다.
먼저 웹 브라우저는 사용자가 입력한 URL에서 서버의 주소 www.oracle.com을 알아내고 서버 컴퓨터에 접속한다. 그리고 웹 페이지 index.html를 요청한다. 오라클 웹 서버는 index.html 파일을 찾아 웹 브라우저로 전송한다. 웹 브라우저는 index.html 파일을 해석하여 그래픽으로 화면에 출력한다. 1~5 사이의 과정을 HTTP 세션이라고 부른다. 하나의 HTTP 세션동안 오직 하나의 HTML 파일만 전송된다.
HTML 파일뿐 아니라, 이미지, 동영상, 자바스크립트 파일, CSS 스타일 파일, 오디오 파일 등은 모두 웹 서버가 가지고 있고 한 번의 HTTP 세션 동안 하나의 파일만 전송되므로, 10개의 이미지를 가진 HTML 페이지를 출력하기 위해서는 웹 브라우저는 11번(HTML 파일을 위해 1번, 10개의 이미지 파일에 대해 10번) 웹 서버와 HTTP 통신을 수행해야 한다.
'Programming > Web' 카테고리의 다른 글
동적 웹페이지 (0) | 2022.07.18 |
---|---|
웹 페이지 구성 (0) | 2022.06.21 |
웹의 시작과 성공 (0) | 2022.06.21 |
웹 문서와 전자 문서의 차이 (0) | 2022.06.21 |
웹 개요 (0) | 2022.06.20 |