웹(web)은 망이다.
일본어로는 ‘ウェブ’이다.
웹(Web)은 인터넷 위에서 돌아가는 거대한 ‘정보 공간’이자 서비스 체계입니다.velog+1
웹이란 무엇인가
- 정식 이름은 월드 와이드 웹(World Wide Web, WWW)으로, 전 세계 컴퓨터에 흩어져 있는 정보를 서로 거미줄처럼 하이퍼링크로 연결해 둔 공간을 뜻합니다.tcpschool+2
- 이메일, FTP 같은 여러 인터넷 서비스 중 하나이지만, 오늘날에는 인터넷의 대부분을 차지할 정도로 핵심적인 서비스가 되었습니다.minchonang.github+1
웹의 기본 요소
웹이 동작하려면 보통 다음 세 가지가 필요합니다.it-rookie+2
- 클라이언트(브라우저): 사용자가 쓰는 컴퓨터·스마트폰 등에서 실행되는 프로그램(크롬, 사파리 등)으로, 서버에 요청을 보내고 받은 내용을 화면에 보여 줍니다.wikidocs+1
- 서버: 웹 페이지 파일(HTML, CSS, JS 등)과 데이터를 저장해 두었다가, 브라우저의 요청에 맞춰 돌려주는 컴퓨터입니다.it-rookie+2
- 프로토콜(HTTP/HTTPS): 브라우저와 서버가 어떤 형식과 규칙으로 메시지를 주고받을지 정해 둔 통신 규약입니다.minchonang.github+2
웹 페이지와 웹 사이트
- HTML로 작성된 한 문서를 웹 페이지라고 하며, 여기에 CSS(디자인)와 JavaScript(동적 동작)가 합쳐져 우리가 보는 화면을 이룹니다.tcpschool+1
- 관련 있는 여러 웹 페이지 묶음을 웹 사이트라고 부르고, 이 페이지들은 하이퍼링크로 서로 연결되어 있습니다.tcpschool+1
하이퍼텍스트와 ‘거미줄’ 구조
- 하이퍼텍스트란 문서 안에서 다른 문서로 점프할 수 있는 링크(참조)를 포함한 텍스트를 말하며, 이를 통해 전 세계 문서들이 서로 연결된 네트워크를 이룹니다.minchonang.github+1
- 이 연결 구조가 거미줄(web)을 닮았다고 해서 ‘월드 와이드 웹’이라는 이름이 붙었습니다.velog+2
요청부터 화면 표시까지 흐름
브라우저 주소창에 URL을 입력했을 때 흐름은 대략 다음과 같습니다.developer.mozilla+2
- 브라우저가 HTTP/HTTPS 요청을 서버로 보냅니다.
- 서버가 해당 페이지(HTML, CSS, JS 등)를 응답으로 돌려줍니다.
- 브라우저가 HTML 구조를 해석하고, CSS로 스타일을 입히고, JavaScript를 실행해 최종 화면을 렌더링합니다.developer.mozilla+1