목 차

1990년대 초 웹 브라우저가 등장하면서 인터넷이 전 세계에 널리 보급된 지 벌써 20년이 지났습니다. 그 동안 웹 브라우저에서 기본 문서를 표현하는 형식으로 사용되던 HTML은 기능이 부족함에도 불구하고 웹 사이트를 구축하는데 사용하기 매우 쉽고 간단하다는 장점으로 널리 애용되어 왔습니다. 그러나 최근 모바일 및 스마트 기기 시대를 맞이하면서 HTML 문서에서도 다양한 기능이 요구되고 있습니다. 이러한 요구에 부응하기 위하여 새로운 기능으로 대폭 개선된 HTML5가 선보이게 되었습니다.

HTML5는 단순히 웹 페이지 문서를 표현... 더보기

1990년대 초 웹 브라우저가 등장하면서 인터넷이 전 세계에 널리 보급된 지 벌써 20년이 지났습니다. 그 동안 웹 브라우저에서 기본 문서를 표현하는 형식으로 사용되던 HTML은 기능이 부족함에도 불구하고 웹 사이트를 구축하는데 사용하기 매우 쉽고 간단하다는 장점으로 널리 애용되어 왔습니다. 그러나 최근 모바일 및 스마트 기기 시대를 맞이하면서 HTML 문서에서도 다양한 기능이 요구되고 있습니다. 이러한 요구에 부응하기 위하여 새로운 기능으로 대폭 개선된 HTML5가 선보이게 되었습니다.

HTML5는 단순히 웹 페이지 문서를 표현하는 용도에서 많이 발전하여 의미 기반의 태그가 보강되고 더 나아가 오디오/비디오, 캔버스, SVG 등 멀티미디어 제어 기능이 대폭 강화되었습니다. 또한 위치 센서 등 주변장치 API, 로컬 스토리지 및 서버 연동 API 등 다양한 기능이 포함되었습니다. HTML5가 이제는 단순히 문서표현 언어가 아니라 모바일 웹을 포함하는 웹 애플리케이션을 개발하는 언어로 발전한 것입니다. HTML이 웹 페이지 작성에 주로 이용되었다면, HTML5는 웹 사이트에서 필요한 기능을 모두 구현할 수 있는 개발 언어로 많은 관심을 끌고 있습니다.

그 동안 HTML은 너무 간단하여 대학 교과목에서 점차 멀어졌지만 향후 웹 환경에서 기술의 핵심이 될 HTML5는 대학 교과과정에 반드시 포함되어야 할 교과목이 되리라 여겨집니다. 그러나 현재 HTML5를 다루는 서적들은 전문 개발자를 대상으로 하거나 이미 HTML을 잘 알고 있는 사람을 대상으로 집필되어 있는 경우가 많습니다. 혹은 기존의 HTML 교재에서 단순히 HTML5 기능을 추가해 놓은 경우도 있습니다. 그래서 우리 저자들은 일반 대학교의 교과목으로 HTML을 처음 배우는 사람에게 HTML5의 기능을 고르게 이해시키는 것을 목적으로 이 책을 집필하게 되었습니다.

이러한 이유로 이 책의 이름을 《HTML5 웹 프로그래밍 입문》으로 하였습니다. 기본적인 HTML5의 개념 및 다양한 태그를 설명하고 CSS3 스타일시트의 적용 방법을 설명하여 HTML을 처음 배우는 사람들이 쉽게 HTML5 개념 및 사용법을 배울 수 있게 하였습니다. 그리고 자바스크립트의 프로그래밍 방법과 몇 가지 주요 API를 설명하여 웹 애플리케이션을 개발할 능력을 갖출 수 있도록 하였습니다. 즉, 이 책의 목표는 웹 환경의 초보자가 HTML5로 웹 사이트 및 웹 애플리케이션을 개발하는 데 가장 기본적으로 필요한 지식을 이해시키고자 하였습니다.

이 책의 구성은 전체 13개 장이 크게 4가지 파트로 구분되어 있습니다. 제1부는 HTML5 기본 태그를 설명하고 있으며 1장에서 인터넷과 웹 환경의 발전에 대한 설명으로 시작하고 있습니다. 2장에서는 문서의 내용이나 문서구조를 표현하는데 필요한 HTML5의 기본 태그들을 설명하고 있습니다. 3장에서는 HTML의 가장 큰 특징 중의 하나인 하이퍼링크의 표현과 이미지/오디오/비디오 등 멀티미디어의 표현 방법을 설명합니다. 4장과 5장에서는 CSS3 스타일시트의 기본적인 사용방법에서 다양한 기능까지 설명하고 있습니다. 6장에서는 웹 페이지에서 사용자의 다양한 입력을 처리해 주는 입력 폼을 설명합니다. 제2부는 CSS3 스타일시트와 입력 폼 및 전반부의 실습을 다루고 있습니다. 7장에서는 전반부에서 설명한 HTML 태그와 CSS3를 실습할 수 있도록 인터넷 서점 사이트를 구축하는 프로젝트를 제시하고 있습니다.

제3부에서는 자바스크립트 프로그래밍을 다루고 있습니다. 8장에서 자바스크립트의 기본적인 프로그래밍 방법을 설명하고, 9장에서 자바스크립트 객체와 DOM 문서구조, 10장에서는 이벤트 처리 등 다양한 활용 방법을 설명하고 있습니다. 11장에서는 자바스크립트로 화면에 그림을 그리는 HTML5 캔버스라는 새로운 기능을 소개하고 있습니다. 제4부는 웹 애플리케이션 개발을 위한 HTML5의 다양한 API를 다루고 있습니다. 12장은 인터페이스 개발에 관련된 API를 설명하고, 13장에서는 저장 관련 API와 그 외에 다양한 API를 소개하고 있습니다. 14장에서는 후반부에서 배운 내용의 실습이 가능하도록 프로젝트를 제시하였습니다. 이 프로젝트는 전반부에 구축한 인터넷 서점 웹사이트에서 도서를 대출하고 정보를 저장하는 모바일 웹 애플리케이션을 구현하는 내용으로 후반부 실습이 가능하도록 하였습니다.

이 책은 대학교의 강의 교재로서만이 아니라 HTML5 환경을 처음 배우는 웹 개발자, 웹 기획자, 웹 디자이너에게도 매우 유용한 교재로 사용될 수 있습니다. 더 나아가 HTML5가 단순히 웹 애플리케이션을 개발하는 용도에서 더욱 다양한 분야에 활용될 것이 예상되므로 각종 소프트웨어 개발자들에게도 HTML5 기술의 입문서로 적합하리라 판단됩니다. 이 책의 가장 큰 특징은 HTML5 태그와 API, CSS3 그리고 자바스크립트까지 여러 권이 아니라 이 책 한 권으로 기본 개념을 익힐 수 있는 입문서라는 점입니다. 또한, 실습 프로젝트까지 제시하고 있으므로 실습 시간의 교재로까지 사용할 수 있으며, 다양한 형태의 연습문제를 풍부히 제공하여 강의를 진행하는데 큰 도움이 되도록 하였습니다.

앞으로 HTML5를 처음 배우는 사람들에게 이 책이 좋은 지침서 역할을 하리라 기대를 하고 있습니다. 끝으로, 이 책의 출판을 위하여 적극적으로 후원하여 주신 생능출판사 김승기 사장님과 직원 여러분께 감사드립니다.

개정3판에서 변경된 내용

최근 4차산업의 발전