HTML,CSS,JS 웹을 만드는 세가지 축

미야옹·2021년 3월 12일
0

HTML은 Markup, 구조를 표헌하는 언어라고 생각하면 됩니다.
HTML의 문법의 특징으로는 opening tag, closing tag가 있으며, 주로

<div> 내용을 입력하세요 </div>

와 같은 문법으로 사용할 수 있습니다.
또한 input type을 설정하여 다양한 종류의 input을 활용할 수 있고, id와 class를 지정하여 해당 내용을 구분해 활용 할 수 있습니다.

CSS는 쉽게말하면 HTML로 만들어진 구조를 꾸미는 스타일링 작업을 구현하는것이라고 생각하면 됩니다.
만들어진 구조를 적당한 위치에 배치하는것도 가능하며,
텍스트 강조나 마우스오버시 바뀌는 기능이나, 해당창의 display속성값들을 이용해 뒤에 나오는 JS에서 CSS의 속성을 바꾸어 더 다양한 기능을 구현 할 수 있습니다.
해당 설명만 본다면 CSS는 디자이너의 영역으로 생각 할 수 있지만, 간단한 작업은 개발자도 기본으로 알아야 하며, JS를 작성할때도 이벤트에 따라 CSS의 속성을 바꾸는 일이 많기때문에, 해당 내용을 모른다면, 스크립트를 작성하는데 많은 어려움이 발생합니다.

JS (Java Script)는 HTML로 만들어진 구조와 CSS로 스타일링된 페이지에 다양한 기능을 구현하는 스크립트입니다.
작성된 파일을 HTML에 불러와 적용이 가능하며,
마우스 클릭시 나오는 이벤트나, Input Text창에 입력된 메시지를 클릭으로 입력받아 작동하는 방법등 여러가지 기능을 구현하기 위해 필요한 과정입니다.
쉽게 생각하면 웹 사이트에서 아이디와 비밀번호를 받아 로그인하는 기능들을 구현하는데 사용된다고 생각하시면 됩니다.

CSS와 JS를 사용할때 HTML에서 구조를 만들때 사용된 Class와 Id로 해당 구역을 확인하여, 그 부분만 적용이 가능하며, 해당 내용들은 이후 포스팅에서 자세히 설명하겠습니다.

0개의 댓글