mdn 자바스크립트에서 javascript에 대한 문서를 확인할 수 있었다.
mozilla mdn web docs
이번에는 여기서 웹 관련된 개념들에 대해 알아볼 예정이다.
웹 요약
웹에는 웹 페이지, 웹사이트, 웹서버, 검색엔진 등 이런 용어들이 많이 있다.
사실 이런 많은 용어들을 알 필요는 없다. 어차피 docs에서 용어 사전을 보면 된다.
하지만 그래도 꼭 알아둬야 할 기본적인 용어는 여러 분야에서 자주 보게 될 거고, 혼동이 될 수도 있기 때문에 제대로 기억해두면 좋을 것이다.
웹 페이지
Chrome, Opera, MS Explorer or Edge, Safari 등등 웹 브라우저에서 보여지는 문서를 말한다. 단순하게 "페이지"라 말하기도 한다.
웹사이트
다양한 방식으로 그룹으로 묶이거나 연결된 웹 페이지들의 모음, 보통 "웹사이트"나 단순히 "사이트"라고 한다.
웹 서버
인터넷에 웹 사이트를 호스팅 하는 컴퓨터
검색 엔진
Google, Bing, Yahoo 같은 웹 페이지들을 찾게 도와주는 웹사이트
웹 관련 기초 용어는 이렇게 있다.
이해가 안된다면 웹 서버를 도서관으로 비유해보면 조금 더 알기 쉽다.
- 도서관은 웹 서버와 같음. 도서관은 여러 구역이 있고, 이것은 다양한 웹사이트들을 호스팅하는 서버와 비슷함
*도서관에 있는 과학, 수학, 역사 같은 각기 다른 구역들은 웹사이트와 같음, 각각의 구역은 유일한 웹사이트 (두 개 구역이 같은 책을 포함하지 않음)- 구역에 있는 책들은 웹페이지와 같음, 한 웹사이트는 여러 웹페이지들을 가지고 있을 수 있음, 예로 과학 섹션(웹사이트)은 열, 소리, 열역학 등의 책(웹페이지)를 가지고 있을 것
- 검색 색인은 검색 엔진과 같음, 각각 책은 도서관에서 자신만의 위치 가짐, (두 개 책이 같은 위치에 놓일 수 없음), 이 위치는 분류번호로 정해짐
- 비슷하게 웹페이지는 유일한 주소를 가짐, 이런 주소들은 웹 브라우저의 주소창에 주소를 적으면 웹 서버에서 웹 페이지 검색하기 위해 사용됨
깊게 파헤치기
웹페이지
웹페이지는 브라우저 통해 보여지는 단순한 문서
이런 문서는 HTML 언어로 쓰여진다. 웹 페이지는 다양한 다른 종류의 자원을 포함할 수 있다.
여기서 자원으로 style information- 페이지 외관과 느낌 관리-> CSS stylesheet
script- 페이지에 interactivity(대화식 이용)을 추가-> javascript
media- 사진, 소리, 동영상-> jpeg, mp4 같은 파일
웹에서 이용하는 모든 웹페이지는 유일한 주소를 통해 접근이 가능하다.
한 페이지에 접근하기 위해, 브라우저의 주소창에 주소를 적으면 된다.
웹 사이트
웹 사이트는 유일한 도메인 이름을 같이 사용하는 연결된 웹 페이지들의 모음이다. (관련된 자원들도 포함)
각각 웹사이트에서 분명한 링크가 주어진 웹 페이지들은 유저가 그 웹사이트의 한 페이지에서 다른 페이지로 이동하게 하는데, 보통 클릭할 수 있는 형태로 되어 있다.
웹 사이트에서 접근하기 위해, 브라우저 주소 창에 도메인 이름을 적으면, 브라우저는 웹사이트의 메인 페이지나 홈페이지를 보여줄 것이다.
웹페이지와 웹 사이트에 대한 생각은 하나의 웹 페이지만 포함하는 웹사이트에서 혼동하기 쉬움
(이런 웹 사이트를 보통 a single-page website라 함)
웹 서버
웹 서버는 한 개 이상의 웹사이트를 호스팅하는 컴퓨터를 말한다.
"호스팅"은 모든 웹 페이지 및 웹 페이지가 지원하는 파일들을 컴퓨터에서 이용할 수 있다는 것을 의미한다.
웹 서버는 유저의 REQUEST(요청)마다 호스팅하는 웹사이트에서 유저의 브라우저로 웹 페이지를 보낼 것이다.
웹 사이트와 웹 서버를 혼동하지 말 것
예를 들어, 누군가 "자신의 웹사이트가 반응하지 않는다"라 말했다면, 그것은 웹서버가 반응하지 않는다는 의미다. 그러므로 웹사이트를 이용하지 못 한다.
더 중요한 건, 웹 서버는 여러 웹사이트에 호스팅될 수 있기 때문에, 웹서버라는 용어는 절대 웹사이트를 지정하기 위해 사용하지 않는다.
아까 예시처럼, 만약 "웹 서버가 반응하지 않는다"라 하면, 그것은 웹 서버가 이용할 수 있는 웹 사이트가 없다는 것을 의미한다.검색 엔진
검색 엔진은 웹에서 흔한 혼란의 근원이다. 검색 엔진은 웹 페이지를 다른 웹 사이트에서 찾을 수 있게 도와주는 특별한 종류의 웹사이트다.
검색 엔진은 이러한 것들이 있다. Google, Bing, Yandex 등 많은 검색 엔진들이 존재한다.
많은 웹 초보자들이 검색 엔진과 브라우저를 혼동한다.
분명히 하자면, 브라우저는 소프트웨어의 한 조각으로 웹 페이지를 검색하고 보여준다.
검색 엔진은 사람들이 다른 웹사이트에서 웹 페이지를 찾도록 도와주는 웹 사이트다. 혼란이 생기는 이유는, 처음 브라우저를 실행하면, 브라우저는 검색 엔진의 홈페이지를 보여주기 때문이다.
이것이 의미있는 이유는 브라우저로 가장 하고 싶은 일이 보여줄 웹페이지를 찾는 것이기 때문이다.
브라우저같은 기반 시설을 검색엔진 같은 서비스와 혼동하지 말자. 이것을 구별하는 것이 상당히 도움이 될 것이다.
이 다음 TIL 에서는 웹서버에 대해 더 자세하게 파고들 것이다.
사실 서버 프로그래밍에 관해서 공부하려다 이해가 안돼서 웹 서버에 대해 파고들려다가, 다시 또 이해가 안돼서 여기(웹)로 후진하게 됐다.
그래도 웹페이지와 사이트, 브라우저를 확실하게 구별할 수 있게 되어서 나쁘지 않은 결과라 생각이 들었다.
