노마드코더 코코아톡 클론코딩 1일차

#1.5 What Makes a Website? 

 

"웹사이트는 text 파일이다."

내가 쓴 text 파일, 즉 코드를 브라우저에게 주면 브라우저는 코드를 이해하고 웹사이트를 만들어준다.

사실 모든 일은 브라우저가 하고 있는 것이다. 개발자로서 우리가 할 일은 어떤 종류의 text를 쓰고, 어디에 써야 하는지를 배우는 것이다.

 

 

#1.6 What is HTML

 

지난 시간에 비유했던 text -> langauge(언어)

웹사이트는 2개나 3개의 언어로 구성되어 있다. ; HTML, CSS, JavaScript

 

웹사이트는 contents들로 이루어져있다. 

브라우저는 우리의 웹사이트를 모르기 때문에, 우리는 브라우저에게 content가 무엇인지 알려줘야 한다. '이건 title이고 이건 image야. 이 title 아래에 link그룹이 있어' ..우리는 브라우저에게 모든걸 설명해줘야 한다. 이걸 HTML로 한다.

HTML로 웹사이트의 content를 브라우저에게 설명해준다.

 

 

#1.7 What is CSS

 

CSS는 브라우저에게 웹사이트가 어떻게 보여야하는지에 대해 알려준다. 

HTML은 브라우저에게 웹사이트의 content가 무엇인지 알려준다.
'브라우저야, 이건 title이야'
CSS는 브라우저에게 웹사이트의 그 content가 어떻게 보여야하는지 알려준다.
'브라우저야, 그 title은 녹색이어야해'

 

CSS는 언제나 HTML과 함께 쓰인다.  HTML이 없으면 아무것도 할 수 없다.

 

 

#1.8 What is JavaScript

 

정적인 웹사이트와는 달리, 뭔가를 클릭하면 어떤 일이 생기는, 동적으로 움직이는 웹사이트들이 있다.

= interactivity(상호작용성)

ex) 이 버튼을 누르면 애니메이션이 생기고, 또 여기를 클릭하면 어딘가로 이동하고 등등..

이런 좀 더 복잡한 것을 만드려면 javascript가 필요하다.

 

*3가지 언어 중 자바스크립트만이 프로그래밍 언어이다. HTML과 CSS는 프로그래밍 언어가 아니다. 

html은 Markup(content) language, css는 디자인과 스타일을 위한 언어

 

 

 

 

#1일차 후기

영어로 하는 수업이라서 잠시라도 한눈을 팔면 아예 내용을 못들으니까 오히려 더 집중하게 된다. 그래서 좋다. 이 강의로 들으니까 책으로 볼땐 지겹던게 재밌게 느껴진다. 아직 1일차지만.. 앞으로도 이 흥미가 유지됐음 좋겠다.