[41-2 HTML] website 웹사이트가 작동하는 원리

Browser 브라우저

크롬, 사파리, 익스플로어 등이 브라우저이다.

웹사이트에 접속하기 위해서는 이들이 필요하다.  

브라우저가 하는 일은 웹사이트의 IP주소를 찾아서, 웹사이트로부터 데이터를 받는다.

 

Code Files 코드 파일

서버에서 받는 데이터 유형은 보통 HTML, CSS, JavaScript이다.

- HTML < >

웹사이트의 구조(structure)를 책임진다.

ex) 웹사이트의 버튼, 스크롤바, 텍스트박스, 제목, 본문 구성

- CSS { }

웹사이트의 모양, 스타일을 바꾼다.

ex) 버튼의 색깔, 글씨체, 모양

-JavaScript < >

웹사이트의 기능이 생겨, 실제로 어떤 행동을 하기 시작한다.

ex) 검색, 클릭 연결

 

브라우저는 이러한 데이터를 그대로 보여주는 것이 아니라,

우리들이 볼 수 있는 형태로 예쁘게 보여주는 역할을 한다.

 

 

<실습>

웹사이트가 어떻게 구성되는지 html 코드를 살펴보자.

웹사이트> 오른쪽 버튼 클릭> 검사(inspect) 

 

제목을 바꿔보자!

<h2 class="media_end_head_headline">이렇게 바꿀 수가 있답니다!</h2>

 

이것은 복사본을 바꾼 것이기 때문에 원본이 바뀌지는 않는다.