본문 바로가기

HTML&CSS

1. HTML / CSS / JAVASCRIPT(JS) 가 무엇일까? _ 웹 개발 기본 요소

[ 웹 개발 기본 요소 ]

 

웹 개발 및 퍼블리싱을 하는데에 있어 가장 기본이 되는 3요소는 HTML / CSS / JAVASCRIPT입니다.

이 세 가지의 언어를 조합하여 웹 페이지를 제작할 수 있는데, 

HTML과 CSS는 웹 페이지의 내용과 미적인 부분을 담당한다면 JAVASCRIPT는 웹 페이지의 인터렉션을 담당합니다.

 

 

 

HTML (hypertext markup language) 웹을 제작할 때 바탕이 되는 웹 언어

-  웹페이지 안에 들어가는 내용을 담당 / 웹 페이지의 큰 뼈대를 제공

   글자 크기, 글자색, 글자 모양, 그래픽, 문서 이동 등을 정의하는 명령어로 HTML 문서를 작성하면

   웹 브라우저가 해석하여 이용자들에게 보여주는 원리

 

+  hyper text = 웹사이트에서 어떤 링크를 클릭해서 다른 문서나 사이트로 이동하는 기능  
    Markup language = 태그를 사용해 제목과 본문을 구분하고, 웹에서 자유롭게 오가는 웹문서를 만드는 언어  

     * 태그란?  HTML에는 정보를 체계화하는 요소들이 존재하는데, 이 요소들을 '태그'라고 합니다. 

 

 

 

CSS (Cascading Style Sheets) HTML의 제약적인 부분을 보완해주는 스타일 시트의 표준안

- 웹페이지의 스타일을 담당 / 웹 페이지의 디자인 요소 관리

   다양하고 풍부한 디자인으로 웹을 설계할 수 있게 만들어주는 스타일 시트로 

   글자 크기, 글자체, 줄 간격, 배경 색상, 배열 위치 등을 자유롭게 변경할 수 있고 유지 및 보수가 편리

 

+  cascading style sheet = 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일 시트  

    이러한 디자인 작업을 '퍼블리싱'이라고 하며, 이것을 전문적으로 하는 사람을 '퍼블리셔'라고 부릅니다.  

 

 

 

JAVASCRIPT 크로스 플랫폼, 객체지향 스크립트 언어로 웹 페이지의 동작을 담당

- 웹 페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어 / 웹의 동적 처리를 담당 (기능 추가)

   HTML 문서의 정적이고 단조로운 한계를 극복하기 위해 만들어진 언어로

   웹의 콘텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할

  

+  주로 브라우저에서만 사용됐지만, 최근에는 프레임워크나 라이브러리들이 활발하게 만들어져  

    개발자들이 가장 많은 관심을 가지고 있는 언어로 점점 확장성과 사용빈도가 높아지고 있는 추세입니다.  

 

 

저작권에 걸릴까봐 직접 그린 이미지 ,, ~

 

 

위의 세 언어는 각각 다른 언어로써 웹 페이지를 꾸며주는 역할을 하며 주요 웹 브라우저에 지원되며,

웹 페이지의 기본 언어로 사용된다는 것을 알고 있어야 합니다!

 

 

이렇게 HTML, CSS, JAVASCRIPT에 대해 간단하게 알아보았습니다 -