우리가 흔히 사용하는 WWW는 월드 와이드 웹(World Wide Web)의 줄임말입니다. 월드 와이드 웹 이란, 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말합니다.
인터넷은 전 세계를 연결하고 있는 국제 정보 통신망을 뜻하고, 웹은 인터넷 위에서 작동하는 서비스 개념입니다.
1969년 미국이 핵과같은 공격에 대비하기 위해 통신시스템에서 데이터를 안전하게 보관 및 전송할 수 있도록 한 시스템에서 시작되었습니다. 처음에는 미국의 국방성과 대학교를 연결하는 것에 그쳤지만, 점점 민간 연구용 네트워크가 생기고, 그 민간용 네트워크가 오늘날 현재의 인터넷으로 발전되었습니다. 이것을 만들어낸 핵심 개발자인 팀 버너스 리가 1991년에 WWW를 개발하여 배포하였고, 1993년에는 WWW 소스 코드를 모든 사람들이 사용할 수 있도록 공개하였습니다. 그리고 지금 사용하고 있는 HTML의 표준을 제정하는 단체인 W3C 재단을 만들었습니다.
팀 버너리스를 중심으로 1994년 10월에 설립된 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직입니다. 여기서 말하는 웹 표준이란 우리가 흔히 들어본 적 있는, HTML, CSS, XML 등의 표준을 이야기합니다.
저는 어릴때부터 웹브라우저라는 개념도 몰랐고 윈도우 컴퓨터에 설치되어있는 인터넷 익스플로러가 인터넷의 전부인 줄 알았습니다. 하지만 크롬을 비롯한 많은 웹 브라우저가 존재한다는 것을 알게 되었고, 우리가 인터넷 익스플로러밖에 알지 못했던 이유는 윈도우즈를 만든 MS사가, 타 웹브라우저와의 경쟁에서 이기기 위해 강제로 윈도우즈에 설치한 것을 알게 되었습니다. 2016년 1월에 결국 발 빠르게 변하고 있는 웹브라우저들의 성능을 이기지 못한 채 MS사는 인터넷 익스플로러 10 이하의 버전의 지원을 중단하게 되었습니다. 그리고 현재는 구글사의 크롬이 웹브라우저 점유율을 장악하고 있습니다.
우리가 보고 있는 모든 웹사이트는 HTML이라는 문자로 만들어진 것입니다. 그러므로 웹사이트를 개발하기 위해서는 반드시 HTML을 알아야 하고, 그 사이트의 색상 등을 꾸며주기 위해서 더 중요하게 알아야 할 부분이 CSS입니다. 더 나아가 스크립트를 공부하면, 동적 페이지를 개발할 수 있습니다. [HTML + CSS + 스크립트]가 합쳐져 웹을 구성하는 것입니다.
웹은 특정 기기를 가리지 않고, 동일하게 동작한다는 장점이 있습니다. 따라서 프로그램 언어를 따로 공부하지 않고도 웹 기반의 애플리캐이션을 개발할 수도 있습니다. 웹을 기반으로 한 프로그램인 인스타그램, 핀터레스트 같은 애플리케이션은 웹만으로 개발이 되었기 때문에, 프로그램 설치가 따로 필요 없다는 장점이 있습니다.
위에서 말한 웹 브라우저의 장점을 활용하여 웹 기반의 프로그램을 만들기 위해서는 HTML을 배워야 합니다. 그리고 프로그램을 개발하지 않더라고, 우리가 사용하는 웹 사이트의 구조와 원리를 공부하다 보면, 우리가 생활하는 웹 상의 크고 작은 문제들을 이해하고 해결하는데 큰 도움이 되리라 생각합
니다.
사실 제목에 '우리가'라는 말을 쓰긴 했지만, 이 글을 쓰는 이유는 '제가 HTML 공부하는 이유'를 적기 위해서입니다. 저의 과거는 이랬습니다. 에러 창만 보면 강제 종료부터 했고, 컴퓨터에 무언가 설치하라는 안내만 나오면 묻고 따지지도 않고 허용을 눌러대고, 설치하고 재부팅하는 모든 것들에 피로감을 느껴 그냥 콜센터에 전화하고 말았던 저였습니다. 이런 제가 티스토리 블로그를 시작하고 HTML이라는 것을 배우기 위해 '모던 웹을 위한 HTML5 + CSS3'이라는 책을 구매했습니다.
앞으로의 HTML과 CSS 관련 글은, 제가 공부하는 내용들을 정리하는 것을 목표로 적게 될 것임을 미리 알려드립니다.
<본 내용은 한빛미디어 '모던웹을 위한 HTML5+CSS3 바이블 3탄' 책 목차와 내용을 참고하고, 위키피디아와 지인에게 배운 지식을 바탕으로 재구성하였습니다>
웹 꾸미기 CSS기초 자손, 후손, 동위 선택자 알아보기 Combinators (0) | 2020.03.09 |
---|---|
티스토리 스킨 변경하기 - 메뉴바 크기 변경 (Magazine 스킨) (3) | 2020.03.07 |
HTML5 기본 태그 모음 (3) | 2020.03.06 |
HTML5 기본용어 익히기 (코드, 태그, 속성, 요소란 무엇인가?) (2) | 2020.03.05 |
HTML5가 무엇인가요 ? (1) | 2020.03.04 |
댓글 영역