이번에 티스토리 블로그를 시작하면서 기존 티스토리 주소말고 가비아라는 곳에서 도메인을 구입하게 되었습니다. 기존 티스토리 주소가 있는데 왜 따로 도메인을 구입해야 했을까요?그래서 오늘 도메인에 대해서 알아보고 왜 따로 도메인을 구입해야 했는지도 알아보려고 합니다. * 도메인이란 무엇인가?컴퓨터의 보급과 빠른 인터넷이 가능해져 인터넷이 우리의 일상 생활에 깊숙이 자리 잡으면서, 웹사이트는 개인과 기업의 필수적인 요소가 되었습니다. 그러나 웹사이트를 구축하고 운영하는 데 있어 가장 중요한 요소 중 하나인 도메인에 대해 깊이 이해하는 사람은 많지 않습니다. 도메인은 웹사이트의 "주소"로, 사용자가 웹 브라우저를 통해 특정 사이트에 접속하기 위해 사용하는 문자나 숫자의 조합입니다. 예시로 지금 보고 있는 이 블..

웹사이트의 뼈대는 HTML이라고 했습니다. 그런데 HTML으로만 만든 웹사이트는 전혀 예쁘지 않고 웹사이트 제작자만의 개성도 드러낼 수가 없습니다. 그럼 이 HTML 문서를 꾸밀 수 있는 방법이 무엇인지 오늘 알아보도록 하겠습니다.  HTML으로 웹사이트의 구조를 만들고 보여줄 내용을 넣었다면 이제 꾸며줄 차례입니다. HTML을 꾸미기 위해서는 CSS가 필요합니다. 그럼 CSS는 무엇일까요? * CSS(Cascading Style Sheets)웹 개발에서 필수적인 것으로, HTML의 스타일을 꾸미는데 사용됩니다. CSS를 활용하여 웹사이트를 자유롭게 조정할 수 있고, 특히 레이아웃, 색상, 글꼴, 간격 등을 세부적으로 나의 개성을 펼칠 수 있습니다. 1. CSS의 기본 개념CSS는 HTML과 함께 사용되..

웹사이트의 주소를 본 적이 있다면 공통적으로 들어가는 단어를 볼 수 있습니다. 바로 http:// 또는 https:// 일 것입니다. 그럼 이 HTTP에 대해 알아보고 HTTPS와 어떤 부분이 다른지 알아보겠습니다.1. HTTP는 무엇인가?HTTP는 Hypertext Transfer Protocol의 준말이며, 웹의 기본 프로토콜입니다. 여기서 프로토콜이란 어떤 장치에서 다른 장치에 데이터를 전달하고 받기 위한 여러 규약을 말합니다. 그렇다면 HTTP는 서버와 웹 브라우저 사이에 데이터를 주고 받기 위한 여러 규약과 기술이라고 할 수 있습니다. 웹사이트를 이용하는 사람이 웹사이트를 방문할 때마다 웹 브라우저는 HTTP를 통해 서버에 데이터를 요청하고, HTTP를 통해 데이터를 요청받은 서버에서는 그 요청..

HTML에 대해서 알게 되었다면 꼭 듣는, 보는 말이 있습니다. HTML을 구성할 때는 시맨틱 태그를 사용하여 시맨틱 마크업을 해야 한다는 것입니다. 여기서 시맨틱 마크업은 무엇인지, 어떤 태그들이 있는지 알아보겠습니다.  시맨틱 마크업(Semantic Markup)우선 시맨틱(Semantic)은 “의미의” 또는 “의미론적인”이라는 사전적 정의를 가지고 있습니다. 이렇게 사전적 의미만 본다면 시맨틱 마크업은 의미론적인 마크업이라고 할 수 있습니다.시맨틱 마크업을 위해서는 시맨틱 태그를 사용하여 HTML을 구성하면 됩니다. 그렇다면 여기서 시맨틱 태그는 의미론적인 태그일 것입니다. HTML 구조를 구성할 때 의미가 적합한 태그를 사용하여 적합한 구조로 마크업하는 것입니다. 시맨틱 태그를 사용하여 시맨틱 마..

오늘은 웹사이트의 뼈대라고 할 수 있는 HTML에 대해서 알아보겠습니다. 1. HTML이란?HTML은 Hyper Text Markup Language로 웹사이트를 보여주는 가장 기본적인 구성요소입니다. 흔히 HTML을 프로그래밍 언어라고 오해하기도 하지만, 단어에서 알 수 있듯이 HMTL은 마크업 언어입니다.여기서 마크업 언어란 태그 등을 사용하여 문서를 구성하는 언어입니다.HTML은 웹사이트의 보이는 부분을 만드는 것뿐만 아니라, 웹사이트의 타이틀을 정하거나 다른 파일을 가져올 수 있게 하는 등의 작업을 할 수 있습니다. 이러한 작업을 하려면 태그를 사용해야 합니다.태그는 괄호 사이에 사용 용도에 맞는 단어를 넣어 사용됩니다. 2. HTML의 역사최초의 HTML은 1991년 팀 버너스리가 SGML을 참..