웹 개발에서 많이 사용되는 대표적인 언어에는 HTML, CSS, Java Script가 있습니다. 

이 세가지 언어들은 웹 디자인과 개발에 대한 기초를 이해하는 데에 필수적인 언어이기도 합니다. 

각 언어의 특징과 장점에 대해 알아보겠습니다.

 

[HTML(Hypertext Markup Language) : 전체적인 구조를 설계하는 역할]


HTML이란?

 

HTML은 웹 개발시, 웹의 전체적인 구조를 만들 수 있는 다른 언어들에 비해 비교적 단순하지만 없어서는 안 될 필수적인 프로그래밍 언어라고 볼 수 있습니다. HTML은 우리가 블로그나 카페에 글을 쓸 때 폰트에 효과를 넣게해주는 언어라고 생각하시면 쉬운데요. 

 

어떠한 텍스트 파일에서도 다양한 효과, 그래픽, 폰트, 색상을 표시할 수 있습니다. IT와 관련된 기초지식이나 과거의 학습 경험이 없더라도 HTML은 초보 개발자여도 쉽게 접할 수 있는 프로그래밍 언어입니다. 이처럼 HTML은 마크업(표기) 언어이며, 후에 설명할 CSS와 자바스크립트는 대체로 HTML을 보강하는 언어로써 활용이 되기 때문에, 대부분 HTML을 먼저 학습하는 경우가 많습니다.


 

-HTML 기본 문법 참고하면 좋을 블로그 주소

https://kephilab.tistory.com/68

 

[CSS(Cascading Style Sheets): 매력적인 옷을 입히는 역할]


CSS란?

 

CSS는 HTML로 만들어진 문서의 스타일(컬러, 폰트 스타일, 레이아웃 등의) 을 지정하는 방식을 규정하는 스타일 시트 언어입니다. 이렇듯 CSS는 정적 프로그래밍 언어긴 하지만, 웹사이트를 시각적으로 보다 매력적으로 만드는 기능을 수행합니다. CSS에 대한 내용을 기본적으로 이해하고 있다면, 웹사이트의 전반적인 모양과 느낌에 자유자재로 변화를 줄 수 있습니다. 

 

– 웹 페이지에 있는 일부 텍스트의 색상을 변경하고 싶다면, 기초적인 CSS만으로도 웹 페이지에 구현되어 있는 HTML 코드에 “스타일” 코드를 추가해서 원하는 작업을 처리할 수 있습니다.


–HTML로 표시된 내용에 더해서 CSS를 사용하면, 웹사이트의 레이아웃과 포맷을 변경할  있으며, 기존 디자인에 적용된 모든 HTML을 개선할 수 있습니다


 

[Javascript: 반응해서 움직이게 하는 역할]


자바스크립트란?


자바스크립트는 웹사이트를 보다 인터랙티브 하게 만들고 사용자의 참여율을 높이고 싶을 때 가장 필요한 프로그래밍 언어입니다. HTML은 웹사이트의 구조를 제공하고 CSS는 웹사이트를 매력적으로 보이게 해준다면, 자바스크립트는 웹페이지에 포함되어 있는 구성요소들의 동작을 변경할 수 있는 도구를 제공해줍니다. 이를 활용하면, 웹사이트의 CSS와 HTML 구성요소들에 인터랙티브 계층을 추가할 수 있습니다. 따라서 자바스크립트는 앞서 소개한 HTML, CSS에 비해 복잡한 언어입니다. 

 

요즘 웹사이트를 살펴보면, 특정 버튼을 클릭했을 때 메뉴 바가 펼쳐지면서 사용자가 웹사이트를 쉽게 탐색할 수 있게 편리하게 구성되어 있습니다. 메뉴 버튼은 페이지의 옆쪽에 작은 메뉴 형태로 표시되며, 이것 만으로도 웹 페이지에 인터랙티브 요소가 더해지게 됩니다. 이런 자바스크립트의 기능들은 HTML의 정적이고 단조로운 특징을 보완해주는 역할을 합니다.

 


 

참고자료

-https://html-css-js.com/

-https://junghn.tistory.com/entry/htmlcss-HTMLCSSJavascript-%EC%9D%98-%EC%A0%95%EC%9D%98%EC%99%80-%EC%B0%A8%EC%9D%B4%EC%A0%90

-https://velog.io/@i01029407043/TIL.-FrontEnd-HTMLCSSJavaScript%EC%9D%98-%EC%A0%95%EC%9D%98%EC%99%80-%EC%97%AD%ED%95%A0

-https://ko.wikipedia.org/wiki/HTML_%EC%9A%94%EC%86%8C

-https://ko.wikipedia.org/wiki/CSS