HTML의 개요 및 특징
HTML은 Hypertext Markup Language의 약자입니다. 우리가 인터넷을 통해 보고 있는 대부분의 웹 페이지는 HTML로 만들어지고 있습니다. 지금 제 블로그도 HTML을 통해서 기본적인 뼈대가 만들어지고, 스타일시트로 색상, 그림자, 각 항목의 위치들이 조절되고 있죠. 초창기의 HTML은 단순히 특정한 대상을 클릭하면 대상과 관련된 정보로 연결해주기 위해 만들어졌는데요, 현재는 웹의 표준이 될 만큼 많은 발전을 거치며 여러 가지 기능이 추가되었습니다.
HTML은 C언어, JAVA 등의 언어와 같이 특정한 목적을 가지고 있는 언어입니다. 그 목적은 웹페이지를 구성하는 것이죠. HTML 언어는 다른 프로그래밍 언어와 차별화 되는 특징이 있는데요. JAVA와 C 등의 언어를 사용하여 프로그램을 만들 땐 최종단계에서 컴파일 과정을 거쳐야 사용할 수 있는 프로그램이 되지만 HTML은 크롬, 인터넷 익스플로러, 사파리 등 웹 브라우저에서 코드를 인식하고 화면상에 출력해주기 때문에 별도의 컴파일러가 필요 없습니다.
그러면 HTML5는 무엇이냐? HTML5 언어는 W3C(World Wide Web Consortium) 재단에서 2014년 10월경 제정된 HTML Language의 표준입니다. 기존 HTML 언어와 차별화된 점은 기존에는 동영상 재생이나, 음악 재생 등 여러 가지 기능을 사용하기 위해선 특정 ActiveX 플러그인에 의존했던 반면 HTML5는 자체적으로 동영상과 음악을 재생할 수 있습니다. 또한, 웹상의 다채로운 애니메이션 효과는 대부분 플래시로 구현되었지만, HTML5를 이용하면 하드웨어 가속을 이용해 2차원 그래픽과 3차원 그래픽을 웹상에 표현할 수 있습니다. 그리고, 다양한 웹 접속 환경을 완벽하게 지원할 수 있는 언어이기도 합니다. 이외에도 많은 기능이 있지만, 내용이 많으므로 강좌를 진행하면서 정리하도록 하겠습니다.
개발 환경 준비하기
구글 쿠름 웹 브라우저 설치
HTML5 표준안이 제정된 지 얼마 안 된 만큼 모든 브라우저에서 완벽하게 지원하지는 않습니다. 그래서 HTML을 공부하기에 앞서 현재 HTML5 언어를 완벽하게 지원하는 웹 브라우저를 사용해야 공부한 내용을 정확하게 확인할 수 있습니다. 링크를 클릭하여 구글 크롬 브라우저의 공식 사이트로 이동합니다.
홈페이지로 이동하면 위와 같은 화면이 나옵니다. 파란색의 Chrome 다운로드 버튼을 눌러 다운로드하고 설치해줍니다. 설치과정은 프로그램에서 잘 안내하고 있으므로 생략하겠습니다.
Visual Studio 2015 Express for Web
여러 가지 웹 언어를 이용한 개발 프로그램이 있지만, 유료로 제공되는 프로그램들이 많으므로 현재 무료로 이용할 수 있는 웹 개발 도구인 Visual Studio 2015 Express for web을 이용하도록 하겠습니다. 물론 메모장에다가 코드를 입력하는 방법도 있습니다만, 손가락이 많이 아프실 겁니다. 설치는 링크를 클릭하여 Visual Studio 2015의 공식페이지로 이동합니다.
위 화면이 보이시나요? 화면상의 화살표의 방향을 따라 클릭하여 이동합니다.
그러면 위와 같은 화면이 나오는데요, 여기서 다운로드 버튼을 눌러 다운로드 및 설치과정을 진행하면 됩니다. 용량이 조금 커서 다운로드가 다소 오래 걸리고, 설치하는 항목들이 많아서 다소 시간이 걸릴 수도 있습니다. <뭐, 그만큼 편리하고 강력한 프로그램이니 시간이 조금 걸리더라도 설치하도록 합시다. 메모장을 쓸 순 없잖아요? :-) >
설치가 완료되면 마이크로소프트 계정을 만들고 로그인을 하면 무료로 사용할 수 있습니다. 여기까지 개발 환경 준비가 완료되었습니다. 추후 사용할 수 있는 유용한 도구들은 글을 연재하면서 소개하도록 하겠습니다.
끝맺음
오늘은 HTML 및 HTML5의 특징에 대해 알아보고, 개발 환경을 위한 프로그램을 설치했습니다. 요즘 들어 국내 웹 사이트도 ActiveX 플러그인을 점점 줄여나가는 추세입니다. 애니메이션 콘텐츠들도 HTML5를 이용해 구현하는 것으로 변경되는 추세입니다.
또한, 최근 모바일 환경이 급속성장하면서 모바일 환경을 위한 Web 개발이 선택이 아닌 필수가 되고 있습니다. 이런 상황 속에서 웹 개발을 위한 첫걸음인 HTML5를 잘 익혀둬야 합니다.
글이 도움이 되셨다면, 공감버튼을 눌러주세요.
더 많은 사람이 글을 볼 수 있어요
로그인은 필요없습니다
