Front-end/코코아톡 클론 코딩

#0 INTRODUCTION

탱 'ㅅ' 2021. 3. 2. 12:05

Q. How many langauges can a website be made of? - Min. 1 Max. 3 (not Min 2)

Q. Can we make a website only with HTML? - We can! (not can't)

Q. What do we use JS for? - To make our website interactive (not responsive)

⚠️   Q. To make a heading on HTML I should write <h1> Title <h1> - False

 

#1.3 What Makes a Website? 

A website is just a text file.

 

I write a text file(code) 👩‍💻📄 

➡️  Browser understands the text file(reads the code) 🖥</> 

➡️  Browser paints the website 🎨

 

 

#1.6 What is HTML 

웹사이트는 최소2 최대3 언어로 구성된다.

1. HTML : Hyper Text Markup Language

 

브라우저는 멍청해서, 인간의 언어로 만든 content(website)를 이해하지 못 한다.

So, 우리는 브라우저에게 웹사이트의 content가 무엇인지, 어떤 구조인지 알려줘야 한다.

무엇으로? HTML로.

 

 

#1.7 What is CSS 

2. CSS : Cascading Style Sheet

 

HTML과 CSS는 단독으로 쓰지 않고, 반드시 함께 쓰인다!

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

 

HTML like a skeleton (content, text, title, link, list, images..)

CSS like muscles(skin) == how does it look like

skeleton   muscle   skin

 

#1.4 What is JavaScript 

3. JavaScript : Programming Language

 

JS like a brain 👈  interactivity

But, 모든 웹사이트에서 필요한 것은 아니다.

 

That(JS가 가능케 하는 모든 action) makes the website smart.

you can see it's interactivity.

I click, something happenes.

I click, I go somewhere.

 

 

#1.9 Recap 

Markup means content.
Html is to tell to the browser what's your content is in our page.
CSS is to tell to the browser how does that content look like.
In Javascript, is to make the website a little bit smarter, interactive.

 

  HTML CSS JavaScript
language Markup Language Design Language Programming Language
if human skeleton muscles brain
for the .. content design interactivity, interaction

 

 

 

GitHub - devininy/Devininy-Guide: 노마드코더 질문 봇 (!변경사항: pull request는 master branch 로 보내주시면

노마드코더 질문 봇 (!변경사항: pull request는 master branch 로 보내주시면 감사하겠습니다.) - GitHub - devininy/Devininy-Guide: 노마드코더 질문 봇 (!변경사항: pull request는 master branch 로 보내주시면 감사하

github.com

 

'Front-end > 코코아톡 클론 코딩' 카테고리의 다른 글

#5 Git and Github  (0) 2024.04.22
#6 Cloning Time  (0) 2021.03.10
#4 CSS ⅱ  (0) 2020.11.18
#3 CSSⅰ  (1) 2020.08.26
#2 HTML  (0) 2020.08.21