코딩/JavaScript

웹 제작에 필요한 3가지 필수 언어

moodyblues 2021. 4. 25. 16:12
반응형

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는 웹페이지를 동작을 다이내믹하게 프로그래밍한다.

웹 페이지에 생명을 부여하고 웹페이지가 숨 쉬게 한다.

반응형