오늘은 웹페이지 구성에 필요한 언어에 대하여 다뤄보겠습니다.
웹 페이지 구성을 위해서는 크게 HTML, CSS, JavaScript 에 대한 지식이 필요합니다.
HTML(Hyper Text Markup Language)
HTML이란 구조(Sementic)을 만드는 언어입니다. 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당합니다.
CSS (Cascade Style Sheet)
마크업 언어(HTML)이 실제로 표시되는 방법을 정의합니다. (색상, 크기, 폰트, 레이아웃...등)
실질적으로 웹페이지를 이쁘게 디자인하는 부분은 CSS에서 수행할 수 있습니다.
JS (JavaScript)
HTML, CSS 를 통하여 웹의 정적인 페이지를 구성할 수 있다면, JS를 통해서 웹의 동적인 기능을 구성할 수 있습니다.
저희가 조작을 통하여 웹페이지를 조작하는 기능을 JS로 구현하게 됩니다. JS를 통하여 HTML/CSS로 표현된 정적인 페이지에서 원하는 동작을 할 수 있게 됩니다.
HTML CSS JavaScript - Tools and Resources
HTML, CSS and JavaScript are the parts of all websites that users directly interact with. Our free online tool collection...
html-css-js.com
위 그림을 보시면 HTML은 단순히 눈, 입이라는 구조를 만들며 CSS를 통해서 원하는 위치에 원하는 크기로 배치를 할 수 있습니다. 하지만, 이런 정적인 페이지에 JS를 통하여 액션을 부여하면 사용자가 동작을 제어할 수 있는 동적인 페이지를 만들 수 있게됩니다.