본문 바로가기
장인으로의 여정/웹개발 시작하기

웹코딩 HTML CSS JS 어떤 관계가 있을까요?

by 유기농프로그래밍 2022. 11. 17.
반응형

웹코딩의 구성

웹코딩은 크게 3가지로 구성됩니다.

HTML, CSS, JS

각각 하나씩 어떤 역할을 하는지 알아보겠습니다.

 

HTML(Hypertext Markup Language)

HTML은 사람으로 치면 뼈대입니다.

사람을 보면 머리부터 발끝까지 뼈들이 지지하며 구성되어 있습니다.

이 HTML은 웹페이지의 뼈대라고 볼 수 있습니다.

다른표현으로는 배우라고 칭할 수 있습니다. 영화나 연극, 드라마 등을 하는 배우를 HTML이라 합니다.

 

CSS(Cascading Style Sheet)

CSS는 사람으로 치면 피부라고 할 수 있습니다.

뼈를 감싸고 있으면서 운동을 하면 두꺼워지고 얇아지고 하는 근육, 살, 피부 이런것들이 CSS라 생각하면 쉽습니다.

HTML을 배우라 치면, CSS는 배우의 옷이나 메이크업을 담당하는 사람이라고 하면 될 것 같습니다. 웹코딩에서 코디나 메이크업 아티스트, 스타일리스트 등의 이름을 바로 CSS라 합니다.

 

JS(JavaScript)

JS는 행동이라고 보면 됩니다. 뼈와 살로 된 사람은 그대로 멈춰서있지만, 이 JS가 들어가면서 움직일 수 있게 됩니다.

즉, 행동을 할 수 있게 하는 게 JS라고 볼 수 있습니다.

HTML을 배우라 치면, CSS는 메이크업 아티스트, JS는 감독이라 할 수 있습니다. 배우를 어떻게 행동하게 지시하고 제대로 수행하는지 볼 수 있기 때문입니다.

 

반응형

댓글0