#1.1 ~ #1.5

What Makes a Website?

웹사이트

일반적인 웹사이트는 타이틀, 텍스트, 이미지 집합으로 아주 단순한게 구현될 수 있으며, 다양한 프로그래밍 언어로 넷플릭스, 유튜브 뮤직와 같이 웹사이트를 흥미롭게 제작할 수 있다.

• 크롬 브라우저를 키고 F12를 눌러 웹사이트가 어떻게 구성되어 있는지 확인할 수 있다. 그 외로 단순한 소스를 보는 방법으론 아래와 같다.
  • View(보기)-Developer(개발자 정보)-View Source(소스보기)
  • 윈도우 같은 경우 Ctrl + U를하거나 마우스 오른쪽 클릭하여 페이지 소스 보기를 한다.

브라우저

소스 보기에서와 같이 웹사이트는 Text 파일로 구성되고 브라우저는 Text파일을 해석하여 사람이 보기 편한 모습으로 바꿔주는 역할을 한다. 그렇기에 개발자는 어떤 종류의 Text를 사용하여 어떻게 써야 하는지 배우면 된다.

#1.6 ~ #1.9

What is HTML

웹사이트를 구성하기 위해서는 최소 2가지 언어가 사용된다.(max 3종류)

• 첫번째 언어는 HTML이다. HTML은 30분 이내 배울정도로 간단하며 다양한 태그들이 존재하지만 웹에서 레퍼런스만 참고하여도 충분히 쉽게 사용 가능하다.
• 두번째 언어는 CSS이다. CSS도 30분 이내 배울정도로 간단하며 HTML 태그와 같이 웹에서 레퍼런스를 참고하여 사용 가능하다. 단, CSS는 다양한 디자인을 가능하게 하는만큼 충분히 훈련할 필요가 있다.
• 세번째 언어는 Javascript(JS)이다. JS는 웹사이트를 넷플릭스, 유튜브 뮤직과 같이 다양한 기능을 구현하기위해 사용되며 HTML과 CSS를 충분히 훈련했다면 배우는데에 부담가질 필요가 없다.

또한, 이 세가지는 프로그래밍 언어에 들어가지 않을 정도로 복잡하지가 않다.

HTML(HyperText Markup Language)

HTML컨샙은 표현하고자 하는 콘텐츠(Content)를 브라우저에게 알려주는 언어이다. 그렇기에 수많은 태그를 암기하는 것보다 어떻게 사용하는 것인가에 초점을 두어 이해하는 것이 중요하다.