웹 개발 간단하게 시작해보기(HTML + CSS + JS)

웹은 우리가 주로 프론트 엔드라고 부르는 것이다.

페이지를 구성하는 요소로는
HTML + CSS + JS (Java Script)

HTML은 Hyper Text Markup Language 인데
Hyper Text 는 우리가 하이퍼링크 같은걸로 이미 알고 있는데, 그런 것들을 만들어낼 수 있는 언어를 뜻한다.

페이지의 제목, 문단, 표, 이미지 동영상 등의 웹의 구조를 담당한다.
HTML은 기획자의 역할을 하고
구조와 내부 컨텐츠를 결정하는 것이다.

css는 디자이너의 역할을 한다.
cascading Style Sheets
실제 화면에 표시되는 방법 (색상, 크기, 폰트 레이아웃 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당한다.
실제로 구성요소들을 어떤식으로 표현할 지 정하는 정도이다.
하지만 움직이거나 하는 등의 동작은 할 수 없다.

JS는 개발자의 역할을 하는 것이다.
JavaScript
콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당한다.
키보드로 뭔가를 움직이거나 하는 등의 동작을 JS에서 담당할 수 있다.

HTML을 통해서 구조를 만들고, CSS를 통해 스타일을 정하고 꾸미는 동작을 한다.
그리고 JS를 통해서 움직이거나 반응 하는 등의 동적인 것을 입혀주는 역할을 하게 된다.


학습 순서는 HTML -> CSS -> JS 순서대로 하게 되는데 대부분은 CSS까지는 나름 쉽게 배우게 된다.
JS를 배우면서 많이 포기를 하게 된다.


생각하는 방법이 조금 다르긴한데, 어렵진 않으니 포기하지 않고 해보면 좋을 것 같다.