목 차

1997년, 전기의 광명을 처음 본 사람처럼 저자는 넷스케이프를 사용하면서 정말 즐거웠다. 그때 이미 웹의 전쟁이 시작되고 있었고, 웹의 존재를 일반인에게 전파한 넷스케이프는 윈도우 운영체제에 끼워 배포한 익스플로러에 웹 땅을 내어주고 말았다. 2000년대 초 대한민국은 온통 홈페이지 만들기에 빠져있었고, 저자는 〈자바스크립트 웹프로그래밍〉, 〈DHTML+자바스크립트 프로그래밍〉 책을 출간하고, www.webprogramming.co.kr 사이트를 운영하면서 대한민국 웹 프로그래밍 기술 전파에 나름대로 기여했던 것 같다.

웹 프로그... 더보기

1997년, 전기의 광명을 처음 본 사람처럼 저자는 넷스케이프를 사용하면서 정말 즐거웠다. 그때 이미 웹의 전쟁이 시작되고 있었고, 웹의 존재를 일반인에게 전파한 넷스케이프는 윈도우 운영체제에 끼워 배포한 익스플로러에 웹 땅을 내어주고 말았다. 2000년대 초 대한민국은 온통 홈페이지 만들기에 빠져있었고, 저자는 〈자바스크립트 웹프로그래밍〉, 〈DHTML+자바스크립트 프로그래밍〉 책을 출간하고, www.webprogramming.co.kr 사이트를 운영하면서 대한민국 웹 프로그래밍 기술 전파에 나름대로 기여했던 것 같다.

웹 프로그래밍, 소위 HTML 페이지 제작은 HTML 태그를 이용하여 페이지를 만들고 CSS3로 모양을 꾸미고, 자바스크립트로 사용자 인터페이스나 응용프로그램을 작성하는 과정으로 이루어진다. 이 3가지 지식이 모두 필요하므로 웹 프로그래밍은 쉬운 것 같으면서 알아야 할 것이 많은 분야이다.

벌써, 웹은 오래된 옷을 벗고 HTML5라는 새 옷으로 갈아입은 지 몇 년이 지났다. HTML5는 검색 엔진이 좋아하는 가치 있는 웹 페이지를 만들 수 있도록 시맨틱 태그를 표준화하고, PC나 모바일 단말기 등 기기에 관계없이 작동되는 웹 애플리케이션을 만들 수 있도록 자바스크립트 API를 표준화하였다. 이로써 HTML5는 웹 페이지가 정보를 교류하던 문서에서 웹 응용프로그램이 되도록 지평을 넓혔다. 그 내용을 보면, 캔버스 그래픽, 웹 스토리지, 위치 정보 서비스, 멀티태스킹을 위한 웹 워커, 오디오 비디오 멀티미디어 제어 등 다양한 표준 자바스크립트 API를 제공하였다. 그리고 플래시나 자바 애플릿과 같은 플러그인을 쫓아내어 브라우저마다 달리 개발해야했던 개발자의 어려움을 완벽히 해소하였다. 특히 자바스크립트 언어의 거듭된 발전으로 인해 데스크톱에서만 실행되던 많은 응용프로그램들을 웹 응용프로그램으로도 작성할 수 있게 되어 웹이 이제 진정한 정보 소통의 장이 되었다. 이것이 바로 웹 전문가와 기업들이 “HTML5!”라고 외치는 이유다.

그렇기 때문에 HTML5의 공부가 HTML 태그와 CSS3를 이용한 웹 문서 제작에 머무른다면, 기존의 HTML 공부와 별반 다르지 않다. 저자는 HTML5 기술을 제대로 전달하기 위해 HTML5 태그, CSS3, 자바스크립트를 모두 아우르도록 내용을 구성하고, 특히 자바스크립트 API로 HTML5 웹 응용프로그램을 작성하는 지식을 예제와 실습 중심으로 저술하였다.

웹에 대한 공부는 특별히 실습이 중요하다.

그래서 저자는 www.webprogramming.co.kr 사이트를 만들어 교수님들이 강의 시간에 바로 활용하고, 학생들은 언제 어디서나 예제를 실행해보고 수정하여 연습해볼 수 있도록 하였다.

개정판에서 수정 보완한 부분

1. ES6의 자바스크립트 표준에 따라 자바스크립트에서 변수를 선언하는 방법을 var 대신 let으로 모든 코드를 수정하였다.

2. 예제 등의 실행 화면을 갱신하였다.

3. 12장 HTTP 통신과 쿠키에 대한 내용을 최신 정보에 맞게 수정하였다.

4. 13장 2절 Geolocation을 보완하여 위치와 지도에 대한 실습이 가능하도록 하였다.

이 책의 특징

1. 이 책의 범위

이 책은 HTML5, CSS3, 자바스크립트 언어, HTML5 API를 이용한 웹 애플리케이션을 다룬다. HTML5의 표준 기술을 전반적으로 학습할 수 있는 내용을 갖추고 있다.

2. HTML5 태그와 CSS3로 홈페이지 만들기 연습

2~5장까지 open challenge 문제를 매주 연속하여 연습하도록 구성하였다. 2장 open challenge에서 학생은 자신만의 주제를 정하고, 각 장이 끝날 때 그 장에서 배운 내용을 토대로 웹 페이지를 완성해가면 된다. 2~5장의 open challenge는 다음과 같다.

- HTML 페이지 만들기(2장 open challenge) : 컴퓨터 기술 소개 웹 페이지 만들기

- HTML5로 문서 구조화하기(3장 open challenge) : 2장에서 만든 웹 페이지 구조화

- CSS3로 웹 페이지 꾸미기(4장 open challenge) : 3장에서 만든 웹 페이지 꾸미기

- CSS3의 배치 스타일로 꾸미기(5장 open challenge) : 4장에서 만든 웹 페이지를 배치 스타일 시트로 꾸미기

3. 자바스크립트를 포함한 웹 프로그래밍 응용 연습

14장은 웹 프로그래밍을 모두 배우고 난 뒤 학생 스스로 학습할 과제로 주어진 장이다.

4. www.webprogramming.co.kr 사이트 활용

www.webprogramming.co.kr 사이트를 활용하면 강의와 연습을 언제 어디서든 쉽게 할 수 있다. 직접 예제를 실행하고 수정해 볼 수 있다. 또한 Q&A 게시판을 통해 질문과 답을 나눌 수 있다.

5. 연습문제

연습문제에는 그 장에서 배운 내용을 학습할 수 있는 다양한 이론 실습 문제가 있다. 문제가 모호하지 않도록 명확히 출제하였다.

이 책의 내용

1장 웹 프로그래밍과 HTML5 개요에서는 웹이 가지는 근본적인 목적과 간단한 배경지식, 역사, 작동 메커니즘, 구성 등에 대해 익히고 앞으로 웹 프로그래밍을 공부하는데 있어 어떤 방향으로 공부해 나가야 할 것인지 학습하게 된다. 또한 간략한 예제를 통해 웹 프로그래밍을 어떠한 방식으로 하게 되는지 맛볼 수 있다.

2장 HTML5 기본 문서 만들기에서는 HTML을 이용하여 웹 페이지의 기본적인 골격을 만드는 방법과 자주