코코아톡 #1

1.3

• 크롬으로 웹사이트 코드 보기: 오른쪽 마우스 -> 검사
• 웹사이트는 text 파일일뿐이다
• 브라우저가 text 파일을 받아서 웹사이트를 만든다
• 내가 해야 할 일
  • 어떤 종류의 text를 써야하고,
  • text를 어디에 써야하는지 배우기

1.4

• text -> language
• 2 or 3 languages for website
  • HTML(HyperText Markup Language)
  • CSS(Cascading Style Sheets)
  • Javascript
• HTML
  • 브라우저는 인간의 언어를 이해하지 못한다
  • HTML로 브라우저에게 웹사이트의 content(내용) 구성이 어떤지를 설명해줘야 한다
  • content: title, link, list, article, header...
  • 예시: 이건 title이고 이건 link야...

1.5

• 항상 CSS는 HTML과 함께 사용한다
• CSS는 브라우저에게 웹사이트의 content가 어떻게 보여야 하는지 알려준다
• 예시
  • 그 title은 녹색이어야 돼
  • 그 이미지는 가로 길이가 이렇고 세로 길이는 이래야 돼...
• 디자인과 관련된 부분 -> CSS
• HTML: 뼈대 vs. CSS: 근육
• CSS 없는 HTML은 못생겼고 HTML 없는 CSS는 불가능하다(구조가 없어서 디자인 못함)

1.6

• Javascript: 웹사이트의 뇌
• 똑똑한 웹사이트에 필요하다
• 어딘가를 클릭하면 뭔가(애니메이션, 메뉴바) 나타나게 하는 것
• 동적 상호작용성(interactive): 유튜브 같은 웹사이트
• HTML과 CSS만으로도 웹사이트를 만들 수 있다

1.7

• Javascript만 프로그래밍 언어
• HTML은 마크업(content) 언어
• CSS는 디자인과 스타일을 위한 언어