웹(Web)에 대한 이해 및 구성요소

웹(Web)에 대한 이해 및 구성요소

안녕하세요, junymoney입니다. 이번 포스팅은 웹에 대한 간단한 이해와 어떻게 동작되는지 알아보도록 하겠습니다. 

웹(Web)구성요소

웹은 World Wide Web으로 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간입니다. 

 

웹은 인터넷과 같은 의미로 생각되어서 사용되고 있지만, 정확히 말하면 인터넷에 있는 서비스중 하나입니다. 

웹과 인터넷은 현재는 두 단어가 같은 의미로 사용될만큼 웹이 인터넷에 차지하는 비중이 엄청 크게 되었습니다. 

 

웹은 인터넷에서 어떤 텍스트나 그림, 소리, 영상 등과 같은 멀티미디어 정보를 하이퍼텍스트 방식으로 연결해서 제공합니다. 

 

하이퍼텍스트(hypertext)란 인터넷 서버에 올린 멀티미디어 문서 정보를 네트워크를 통해 다른 사람들도 접근 할 수 있도록 하는 일종의 문서 형식입니다. 

하이퍼링크(hyperlink)는 여러 개의 멀티미디어 문서를 또다른 멀티미디어 문서와 연결되도록 합니다.

하이퍼텍스트(hypertext), 하이퍼링크(hyperlink)의 보다 자세한 정보는 검색을 통해 찾아보실 수 있으실겁니다. 

 

그럼 웹을 구성하는 3요소인 HTML(내용,구조), CSS(디자인), JavaScript(프로그래밍 언어)에 대해 간단히 알아보도록 하겠습니다. 

 

HTML (Hyper Text Markup Lnaguage)

웹은 하이퍼텍스트를 작성하기 위해 HTML 언어를 사용합니다. 이렇게 작성된 하이퍼텍스트 문서를 웹 페이지(web page)라고 부릅니다. 

 

웹은 하이퍼텍스트 문서를 작성하기 위한 기본 언어로 HTML 언어가 활용됩니다.

HTML 문서는 운영체제에 상관없이 브라우저만 있으면 스마트폰, PC에서도 모두 웹사이트에 접속하여 동일한 정보를 볼 수 있도록 합니다. 

HTML 언어 정보를 표하기 위한 코드를 '태그'라고 부릅니다.

즉, '태그'는 HTML을 구성하는 코드입니다. 태그 중에는 한 HTML 문서에서 다른 HTML 문서로 이동할 수 있게 해주는 <a>태그가 있습니다. 이게 우리에게 익숙한 '링크'라는 개념입니다.

HTML 태그는 다양하게 구성되어 있기에 보다 자세한 HTML 태그는 다음 포스팅에 좀 더 자세히 다루도록 하겠습니다. 

 

HTML은 프로그래밍 언어는 아닙니다. HTML은 컴퓨터가 어떤 특정 작업이나 일을 하도록 구현하는 언어가 아닌 단지 브라우저가 볼 수 있는 문서를 적는 언어입니다. 

 

CSS (Cascading Style Sheets) 

 

HTML이 정보 작성이나 전달에 활용되다 보니, 디자인 기능이 부족하다고 느껴지게 되었습니다. 

그래서 디자인적 요소를 활용하기 위해 CSS코드가 등장하게 되었습니다. 

CSS 코드는 HTML로 작성된 문서에 디자인을 입힐 수 있게 되었습니다.

우리가 워드프로세서나 한글문서는 텍스트 위주라 디자인적인 요소가 아쉽다고 느끼게 되면 결국 포토샵이나 일터스트같은 프로그램으로 디자인을 추가하는 것처럼 HTML코드는 정보를 작성하고, CSS 코드는 디자인을 표현할 수 있게 되었습니다. 

 

HTML과 CSS를 합쳐서 '퍼블리싱'작업이라고 표현하기도 합니다. 그리고 이런 작업을 하는 사람들을 '퍼블리셔'라고 합니다.  

 

JS (JavaScript)

 

웹이 더 확장되게 사용되면서 사람들은 기존 HTML, CSS 기능을 넘어선 다른 기능을 원하게 되었습니다. 

이러한 기능들은 기존 HTML, CSS로는 힘든 기능이기에 결국 프로그래밍을 하는 언어가 필요하게 되었습니다. 

그래서 웹에서는 Javascript라는 프로그래밍 언어가 동적인 기능을 담당하게 됩니다. 

Javascript 자바스크립트는 일종의 프로그래밍 언어이기에 웹이 동적으로 작동하게 합니다. 

웹페이지에서 검색어를 입력했을 때 검색어가 입력되면서 특정 페이지가 노출되게 하는 등 어떤 동작에 대해서 작동되게 합니다. 

 

참고로 JavaScipt 언어는 단순히 웹언어로만 쓰이는게 아니라 앱에서도 자바스크립트 언어로 동작하게 하는 등 다양하게 현재는 활용되고 있습니다. 

 

이번 포스팅은 간단하게 웹에 대해서 이야기해보았습니다.

다음 포스팅에서도 유익한 IT지식을 다뤄보도록 하겠습니다. 감사합니다.