html,css의 사전정의와 구조의 중요성

김창규·2023년 3월 7일
0

HTML/CSS/JS

목록 보기
1/14

HTML이란 무엇인가?

HTML 이란 무엇인가를 알기 위해 우선 HTML의 사전적 의미를 알아보자

HTML의 사전적 의미

HTML은 마크업 언어(Markup language)로 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 기술적 마크업(descriptive markup)은 문서의 일부에 이름을 다는 데사용된다. 주요 마크업 언어에는 HTML이 있다.

여기서 주의 깊게 보아야 할 점은 아래와 같이

  • HTML은 문서의 구조를 나타내는 태그이다.
  • HTML은 프로그래밍 언어가 아닌 마크업 언어로 프로그래밍 언어와는 다른 개념이다.

웹을 구성하는 요소들을 비유적으로 이해해보자

위의 HTML의 사전적 정의만을 보면 잘 이해가 안 갈 수 있다 그러니 아래와 같이 이해해보자

HTML: 사람의 뼈라고 생각하면 뼈가 인체의 구조를 잡고 있는 것 처럼 문서에서도 문서의 구조를 잡는 역할을한다.

CSS:사람의 뼈 위에 살과 근육을 붙이는 역할을한다. CSS가 있기에 문서에서도 폰트의 색상, 배경색과 같이 시각적으로 보기좋은 사이트들이 만들 수 있는 것이다.

JAVASCRIPT:자바스크립트는 위의 그림에서는 뇌에 비유했지만 좀더 자세히 말하면 동작을 구성하는 것이다. 이는 문서에서의 움직임을 제어 하는 역할을 할 수 있다. 이를 이용해 사용자에게 다양한
UI/UX를 제공 할 수 있는것이다.

마크업 개발(HTML)개발의 중요성

마크업 개발은 처음 작은 사이트를 만들때는 모를 수 있지만 좀더 큰 규모의 프로젝트를 진행한다면 그 중요성은 커진다. 마크업의 중요성에 대해 몇 가지 정리해보자면 아래와 같을 수 있다.

HTML 구조의 중요성

  • 서비스가 커질 수록 디자인의 복잡도 상승 = 구조의 중요성이 증가( 디자인이란 HTML에 CSS를 적용하는 것으로 구조가 이해하기 힘들다면 디자인을 하기도 힘들어짐 )

  • 유지보수의 어려움 - 위와 마찬가지로 구조를 이해하기 힘들다면 차후 유지보수를 진행할때 어려움을 격을 수 있음

  • 웹 접근성을 준수해야함: 웹 접근성이란 - 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것을 의미하는데 웹 접근성이 좋지 않다면 이처럼 몸이 불편한 분들이 사용하기에 굉장히 불편 할 수 있다.

profile
제로베이스 시작!

0개의 댓글