웹사이트는 어떻게 만들어지는가?

 

이번 포스팅에서는 웹사이트가 만들어지는 기본 원리에 대해서 설명해드리겠습니다. 

 

웹사이트란 어떻게 만들어지는 것일까?

 

웹사이트의 사전적 정의를 찾아보면 "인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 루트 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지 들의 의미 있는 묶음"이라고 나옵니다.

 

사전적 정의는 이렇게 언뜻 보기 생소한 용어들이 많아 이해하기 어려운데요. 

아주 간단하게 핵심만 설명해드리겠습니다.

 

 

 

---

 

 

"웹사이트 Website는 Text로 이루어져 있으며 이를 브라우저 Browser에게 전달한다.

그리고 Browser는 Code를 이해해서 이를 구현한다."

 

 

---

 

 

자, 위의 문장을 간단히 설명하면 웹사이트란 복잡해보이는 Text(코드)로 이루어져 있으며, 이를 브라우저(HTML 문서나 파일을 출력하는 응용 소프트웨어, ex) Internet Explorer, Chrome 등등)에게 보내게 됩니다. 그리고 브라우저는 복잡한 코드를 이해해서 웹사이트를 구현해 내는 것입니다! 아주 간단하죠?

 

 

다양한 브라우저가 존재한다

 

 

---

 

다음으로는 웹사이트를 만들 때 어떤 언어가 사용되는지를 설명해 드리겠습니다.

 

웹사이트는 크게 세 가지의 언어로 나뉘어집니다.(최소 2가지, 최대 3가지 언어가 필요합니다.) 

 

1. HTML

2. CSS

3. JavaScript

 

각각의 언어를 설명하자면

 

1. HTML(Hypertext Markup Language)

 

HTML은 Content가 무엇인지를 브라우저에게 전달합니다. (ex. titles, navigation, sidebars, descriptions, etc.) Skeleton(뼈대)의 역할

 

2. CSS(Cascading Style Sheets)

 

CSS는 Content가 어떻게 보여야 하는지를 브라우저에게 전달합니다. 그리고 CSS는 HTML없이 혼자 존재하지 못합니다. (그러나 HTML은 CSS없이 존재 가능합니다) Muscle(근육)의 역할.

 

3. JavaScript

 

JavaScript는 동적 상호작용 Interactivity(ex. 복잡한 애니메이션)를 가능하게 합니다. Brain(뇌)의 역할.

 

 

 

 

추가적으로

 

HTML은 MARKUP, CONTENT 언어.

CSS 는 DESIGN, STYLE 언어.

JAVASCRIPT는 PROGRAMING 언어.

 

 

 

자, 이렇게 웹페이지와 브라우저의 관계, 웹페이지는 어떤 언어로 구성되어 있는가에 대한 설명을 마치고

다음 포스팅부터는 Html에 대해서 자세히 알아보도록 하겠습니다.