1. 웹페이지를 만드는데 꼭 필요한 3요소
- HTM
- CSS
- JavaScript
2. 이 셋의 공통점과 차이점
(1) 위 3가지의 공통점 : 언어(Language)
대화의 당사자 = 인간 : 컴퓨터
(그래서, Code이기도 하다 - 정치인이든, 스파이든 지들끼리 숙덕거리는 부호= code)
(이 code를 끄적거리는 일이 =cording)
(2) 위 3가지의 차이점: 서로 문법이 다르다. 역할이 다르다
3. 각각의 역할
1) HTML
웹사이트의 뼈대이다. 즉, 웹 페이지의 구조를 담당한다.
HTML은 제목과 문단을 만들고 이미지와 링크와 목록과 테이블을 만든다.
인라인 태그로 콘텐츠에 장식을 줄 수 있지만 가급적 스타일은 CSS에 외주를 주는 것이 현명하다.
왜냐하면 인라인으로 장식을 하다 보면 뼈대보다도 장식이 더 많아지게 된다.
머리(head)와 몸(body)은 각각 하나씩밖에 없는데 장식은 수백 가지 이상이 된다면 곤란하다.
하나하나 장식하다 보면 치렁치렁 매달린 옷가지와 박스들과 256*256*256 색상(가능한 색상: 16,777,216 종류의 컬러)들이 너무나 무거워 head와 body가 견딜 수 없게 될 것이다.
HTML 자체적으로 해야 할 일이 많다.
구조가 검소하게 잡혀야, CSS도, JavaScript도 그 토대 위에서 모든 것이 이루어진다.
2) CSS
CSS는 웹 페이지의 레이아웃을 담당한다.
Cascading Style Sheets에서 보듯이 Cascading이란 말 그대로 폭포수처럼 흘러내리는 스타일 시트이다. 폭포수처럼 흐른다는 것은 윗 물이 맑아야 아랫물이 맑다는 뜻 <포함 관계=상속관계, 존비속>의 자기대로는 깊은 의미를 함축하는 단어이다.
Style Sheets란 '요 위에 까는 천', '침대 커버' , 즉 HTML의 뼈대 위에 천을 입히는 일이다.
배경을 주고 색을 입히고 그러데이션을 주고 그림자를 입힌다.
. css확장자로 된 문서를 HTML 파일에 연결하여 효율적으로 웹사이트를 조성할 수 있다.
3) Java Script
스크립트(Script)란 대본, 각본의 뜻이다.
연극에서 배우들이 훌륭한 연기를 할 수 있도록 각본을 써 놓은 것이다.
초창기에 스크립트 언어는 Job Control Language(즉, 작업 통제 언어)로 불렸다.
요즘은 사용자와 서로 대화하게 한다.
HTML과 CSS가 정적(움직이지 않는 상태)이라면
Java Script는 웹페이지를 동작을 다이내믹하게 프로그래밍한다.
웹 페이지에 생명을 부여하고 웹페이지가 숨 쉬게 한다.
'코딩 > JavaScript' 카테고리의 다른 글
자바스크립트 역할과 코드 추가 방법 (0) | 2021.12.02 |
---|---|
자바스크립트 태그 위치 4가지(async, defer) (0) | 2021.12.02 |
비주얼 스튜디오 코드, Visual Studio Code, 설치 및 사용 방법 (0) | 2021.11.24 |
Node.js 설치, Node.js 설치 방법 (0) | 2021.11.24 |
크롬 계산기 사용법, 크롬 콘솔에서 자바스크립트 문법으로 계산 (0) | 2021.11.20 |