웹의 3요소 알아보기

DongHee Kim·2021년 5월 21일
2

Web

목록 보기
1/9
post-thumbnail

📗 참고 학습자료
✔ 비전공자를 위한 이해할 수 있는 IT지식 - 최원영 지음
✔ 위키백과 (용어 정의)

What is Web? ➡ Just Text!

웹은 결국 Text인 코드로 이루어져 있다.

웹사이트에 코드가 구현되는 과정

나(코드 작성) >> 브라우저(코드 이해/구현) >> 웹사이트


웹의 3요소 : HTML, CSS, Javascript

각 요소를 개념 중심으로 구분해보자


1. HTML (HyperText Markup Language)

= 뼈대

  • 브라우저에게 웹사이트의 content가 어떻게 구성되어 있는지 알려준다.
    ( 👩‍💻 : browser야, 이게 title이야! )

  • 운영체제에 상관없이 브라우저만 있으면 어디서든 웹사이트에 접속하여 동일한 정보를 볼 수 있게 해준다. 이러한 정보를 표현하기 위한 코드를 '태그'라고 부른다. (HTML을 구성하는 코드)

ex. <h> : Header(대제목)
    <p> : Paragraph (문단)
  • HTML작업을 마크업 작업이라고도 부르고,HTML작업을 주로 하는 분들을 마크업 개발자라 칭한다.

2. CSS (Cascading Style Sheets)

= 근육 (뼈대없는 근육은 없다. HTML과 함께 해야한다)

  • browser에게 웹사이트가 어떻게 보여져야 하는지 알려준다.
    ( 👩‍💻 : browser야, 이 title은 녹색이어야 해 )

  • HTML + CSS = '퍼블리싱' 작업


3. JavaScript

= 뇌

  • 웹에서 '프로그래밍 언어'의 역할을 한다. (HTML, CSS는 프로그래밍 언어가 아니다)
    for interactivity ! 웹사이트를 동적으로 만들어준다.
    ( 👩‍💻 : browser야, 이 title을 클릭하면 ~가 보여지게 해줘 )
profile
일상의 성실이 자존감을 만드는 성취주의자

0개의 댓글