웹사이트는 어떻게 구성되어있나-HTML과 CSS와 Javascript의 이해
#resource
#web
작성일:2025. 4. 14.
수정일:2025. 4. 16.
웹 사이트가 브라우저 상에서 우리의 눈으로 보여지기 위해서는 우리가 원하는 모습을 브라우저에게 인식시켜야 한다. 이 문서의 구조와 형태를 브라우저에게 이해시키는 언어가 바로 HTML 과 *CSS*이다.
HTML 의 경우 문서가 어떤 구조로 구성되어 있는지 브라우저에게 이해시키는 역할을 하고 CSS의 경우 이 문서가 어떻게 생겼고 구조가 어떤식으로 보여져야 하는지 브라우저에게 알려주는 역할을 한다.
보통 위키피디아나 간단한 뉴스 혹은 블로그 처럼 웹사이트와 상호작용이 필요 없는 사이트의 경우 이 HTML과 CSS 만으로 충분 하지만 상호작용을 통해 문서가 조작되어야 한다면 Javascript를 활용하여야 한다.
Interactive 한 웹사이트
상호작용이 가능하다는 것의 의미는 사용자의 입력에 반응하거나 페이지를 업데이트 하지 않고 콘텐츠를 업데이트 하거나 실시간으로 데이터를 처리하는 등의 문서가 Javascript에 의해 조작되는 웹사이트를 말한다.
궁금한점#
- 웹사이트는 어떻게 보여지는가-브라우저의 렌더링
- Javascript가 웹사이트를 어떻게 조작할 수 있는가-DOM과 CSSOM의 개념