웹 공부를 시작한다.

HTML (Hyper Text Mark up Language)

문서의 구조를 나타냄 →웹페이지의 뼈대를 구성하는 언어

 

CSS(Cascading Style Sheet)

문서 각 요소들의 스타일을 나타냄  3EX)글씨 크기, 색상, 폰트 등

 

-Cascading 의 'C' 를 사용하는 이유는 상위 요소의 스타일 속성을 자손 요소들에게 상속 시켜주는 모습이 DOM 트리구조에서 마치 폭포수처럼 내려가는 모습을 닮았기 때문이라고 한다.(cascade : 종속,  작은 폭포)

 

-CSS는 HTML과 달리 문법에 엄격하다. 구두점 하나만 빼먹는 실수를 해도 전체 CSS파일의 로딩에 실패한다. 따라서 CSS를 편집할 때는 코드의 무결성을 검증해줄 수 있는 IDE나 코드 에디터를 사용하는 게 좋다.

 

JAVA SCRIPT

정적인 문서에 구조와 스타일에 변화를 가하거나 로직을 추가할 수 있는 것

 

-Java script는 document, window 등의 object가 있고, 해당 객체를 통해 각종 html element 나 css에 접근하고 조작을 가할 수 있다.

 

-프로토 타입 기반의 객체지향 프로그래밍 언어로, 스크립트 언어에 해당된다. 특수한 목적이 아닌 이상 모든 웹 브라우저에 인터프리터가 내장되어 있다.

 

-java와는 이름만 비슷하지 실제로는 전혀 관계 없는 언어다. Java는 jvm을 이용해 돌아가고, javascript는 브라우저 내의 스크립트 엔진인 인터프리터에 의해 돌아간다.

C언어 → 컴파일 → 기계어 JAVA → 컴파일 → byte code(.class) → JVM → 기계어

 

HTML이 웹 페이지의 기본 구조를 담당하고, CSS가 디자인을 담당한다면 JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다.

 

--> HTML은 자동차의 뼈대, CSS는 자동차의 외관, JavaScript는 자동차의 동력이라고 볼 수 있다. 

 

 

Mark-up 언어

-문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다. (데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 차이가 있다.)

 

-태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이였으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다.

 

-HTML, XML 등의 마크업 언어들은 문서의 구조를 정의한다. 즉, 문서의 골격에 해당하는 부분을 작성하는데 사용한다.(앞에서 말한 자동차의 뼈대(골격))

 

Mark-down 언어

-마크업 언어의 일종으로, 존 그루버와 아론 스워츠가 만든 일반 텍스트 문서의 양식을 편집하는 문법이다.

 

-읽고 쓰기가 쉬우며 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.

 

-README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다.

ex)git의 md 확장자 파일이 마크다운의 줄임말 이다.

ex) facebook 이나 instagram에서 @로 사람을 태그하거나 #으로 문구를 태그 하는 것도 마크 다운 언어이다.

→태그 문자를 특정 기능으로 인식하고 이를 텍스트에 적용