2. 웹페이지 작동원리(How Do Websites Work?)

키워드 : 브라우저,  웹페이지 구성 요소,  HTML,  CSS,  JavaScript

10분 정리 :

 클라이언트가 웹페이지에 접근하려면 브라우저가 필요하다. 브라우저는 클라이언트가 원하는 주소에 대응하는 "IP 주소"를 찾고, 이 주소를 가진 서버에 클라이언트가 원하는 "데이터를 요청하고 받는다". 브라우저의 예로는 크롬, 사파리, 파이어 폭스 등등이 있다.

 이때 브라우저가 서버로 부터 받는 웹페이지 데이터 파일은 일반적으로 3종류 파일로 구성되어있다. HTML, CSS, JS 이다.

•  HTML은 웹페이지의 "구조"를 결정한다. structure를 담당한다.
• CSS는 웹페이지가 "어떻게 보일지"를 결정한다. styling을 담당한다.
• JS(JavaScript)는 웹페이지가 실제로 "동작"하게 한다. to actually do things 하게 한다.

 웹페이지를 집으로 비유하면, HTML은 집을 짓는(벽을 세우고, 화장실을 만들고) 사람이다. CSS는 페인터등에 비유할수 있다. JS는 전기공이나 배관공 처럼 집이 제 기능을 하게 한다.

 

요약 : 

• 웹페이지에 접근하려면 브라우저가 필요하다.
• 브라우저는 IP 주소 찾기 / 서버로부터 데이터 받기 등의 역할을 한다.
• 일반적으로 웹 페이지는 3가지 파일로 구성된다.
• 이는 HTML / CSS / JS 이며, 각자 다른 기능을 한다.