1. What Makes a Website?
- 웹사이트의 본질은 'text 파일'입니다.
- 다시말해 정확한 위치에 정확한 text를 쓴다면 웹사이트를 만들수 있습니다.
- 브라우저는 우리가 작성한 코드를 생생하게 구현해 주는 것입니다
- 사실상 브라우저가 모든 일을 하고 있다는 말입니다.
- 개발자로서 우리가 알아야 하는 건 어떤 종류의 text를, 어디에 써야하는지를 배우는 것입니다.
2. What is HTML
- 웹사이트는 2~3가지 종류의 text로 구성되어 있습니다.
※ 앞으로 'text' 대신 '언어'라고 지칭하겠습니다. - 첫 번째 언어는 HTML, 두 번째 언어는 CSS, 마지막 언어는 자바스크립트입니다
- 브라우저(구글크롬, 파어이폭스, 사파리, 익스플로러 등)는 인간의 언어를 이해하지 못합니다
- 따라서 우리는 브라우저에게 HTML으로 content가 어떻게 구성되어 있는지 설명해줘야만 합니다.
- 가령, title이 무엇이고, link가 무엇이며, list가 무엇인지 등
3. What is CSS
- CSS는 HTML와 함께 사용해야 합니다.
- CSS는 브라우저에게 웹사이트의 content가 어떻게 보여야하는지에 대해 알려줍니다.
- 예를 들어,
- HTML : "브라우저야, 이건 title이야"
- CSS : "브라우저야 그 title은 녹색이어야해"
- HTML : "브라우저야, 이건 image야"
- CSS : "브라우저야 그 image는 가로 25px 세로 100px이어야해"
- CSS는 디자인과 스타일을 위한 언어입니다.
4. What is JavaScript
- 자바스크립트는 웹사이트의 뇌입니다
- 자바스크립트는 웹사이트에 동적 상호작용(interactivity)을 부여할 때 사용합니다.
- 자바스크립트만 프로그래밍 언어입니다.
- CSS와 HTML은 프로그래밍 언어가아닙니다.
댓글