Home >

HTML5 데이터 처리와 구현

[100가지 예제로 배우는 모던 웹을 위한 데이터 표현 기법 acorn+PACKT 시리즈]

지은이 고르기 코세브, 미테 미트레스키 [옮긴이]김태원 | 출판사 에이콘 | 발행일 2014년 08월 27일

POD(Printed On Demand)

최근 출판 흐름의 한 방법으로 디지털 데이터에 의한 소량출판 시스템을 말합니다.
강의,학술자료,희귀본 등을 reprint하거나 OCR edition,Facsimile printing의 방식으로
생산되어 제본이나 인쇄의 질이 떨어질 수도 있으며 missing page,mark 등이 있을 수 있습니다.

물론 POD 전체 도서가 이에 해당되는 것은 아니며 이 같은 책은 일부 독자분들께서
불법 인쇄물로 오해하실 수도 있으나 합법적인 국제간 유통에 의해 공급되는 상품이므로
교환이나 환불이 불가한 점에 유의하시기 바랍니다.

	판매가	35,000원 → 31,500원 10%
	마일리지	5% 1,750원

	발행일	2014-08-27
	ISBN	8960775959 \| 9788960775954
	기타정보	번역서 \| 592쪽 \| Paperback

	예상출고일	1~2일 이내 (근무일기준)
	배송비	무료배송

프로그래밍언어

종합지수 0p

※ NAVER Pay로 구매시 제주지역은 5만원 미만 결재의 경우 배송비가 추가 될 수 있습니다.

	이 책의 원서
		Html5 Data and Services Cookbook Packt Publishing \| Gorgi Kosev

★ 요약 ★

HTML5에서 데이터를 다루는 방법을 알기 쉽게 설명한 책이다. 이 책에서는 HTML5의 가장 기초적인 텍스트와 그래픽 데이터부터
서버와의 통신 및 간단한 멀티 미디어 사용법까지 다양한 내용을 알기 쉽게 풀이했으며 상세한 예제를 제공한다. 이 책을 읽고 나면 독자
여러분은 HTML5를 십분 활용한 멋진 웹 애플리케이션을 만들 수 있게 될 것이다.

★ 이 책에서 다루는 내용 ★

1장, ‘문자 데이터 표시’에서는 HTML5에서 문자를 표시하는 방법을 알아본다. 그리고 숫자 형식 변환, 수식 표시와 측정을 다룬다.
또한 표 데이터 표시와 매일 개발되는 기능 중 일부를 사용하는 마크다운 렌더링을 보여준다.

2장, ‘그래픽 데이터 표시’에서는 플롯 차트 라이브러리를 사용해 차트를 만들어보며 최신 D3.js도 다뤄본다. 또한 마커와 경로를
포함한 지도도 다뤄본다.

3장, ‘데이터 애니메이션 표시’에서는 애니메이션 생성과 인터랙티브 시각화를 알아본다. 인터랙티브 시각화는 D3.js를 사용하지만
스크래치에서 시작하는 예제와 통지 API 기술 등을 사용한 예제도 있다.

4장, ‘HTML5 입력 컴포넌트 사용’에서는 간단한 텍스트 입력 사용부터 HTML5에서 추가된 새로운 입력 타입까지 알아본다. 또한
위치 또는 드래그 앤 드롭과 같이 좀 더 진보된 입력의 새로운 속성 사용법을 알아본다.

5장, ‘사용자 정의 입력 컴포넌트’에서는 4장에서 다룬 내용에 이어 새로운 기능이 추가된 사용자 정의 컨트롤 또는 데스크탑
애플리케이션에 있는 컴포넌트를 흉내 낸 컨트롤 등을 만들어본다. 또한 5장에서는 메뉴, 다이얼로그, 리스트 선택, 리치 텍스트 입력 같은
컨트롤을 생성하는 방법을 알아본다.

6장, ‘데이터 검증‘에서는 HTMl5에서 폼 검증을 하는 방법을 소개한다. 텍스트, 숫자를 검증하는 방법을 알아보고 이메일과 숫자를
검증하는 미리 만들어진 검증을 사용하는 방법도 알아본다. 또한 Node.js를 사용해 서버에서 검증하는 방법과 클라이언트와 서버를 연계해
검증하는 방법도 알아본다.

7장, ‘데이터 직렬화’에서는 클라이언트에서 자바스크립트로 JSON, base64, XML 형식으로 직렬화 하는 방법을 소개하며 거꾸로
직렬화된 데이터에서 자바스크립트 객체로 만드는 방법을 알아본다.

8장, ‘서버 통신’에서는 Node.js와 REST API를 배워본다. 또한 순수 자바스크립트로만 HTTP 콜을 만드는 자세한 정보를
알아보며 바이너리 파일을 다루는 방법과 통신 보안도 알아본다.

9장, ‘클라이언트 템플릿‘에서는 Handlebars, EJS, Jade 같은 클라이언트에서 사용하는 가장 인기 있는 템플릿 언어의
사용법을 알아본다. 추가로 언어의 사용법외에 파셜, 필터, 믹스인 같은 진보된 기능도 알아본다.

10장, ‘데이터 바인딩 프레임워크’에서는 다른 두 타입의 웹 프레임워크를 알아본다. 먼저 많은 종류의 클라이언트 측 MVC 프레임워크를
강력하게 표현하는 앵귤라(Angular)를 알아보고 임의의 도메인에서 기능의 폭을 조절할 수 있는 메테오(Meteor)를 알아본다.

11장, ‘데이터 저장소’에서는 HTML5에서 사용하는 새로운 클라이언트 저장소 API를 알아보며 파일을 다루는 새로운 API도
살펴본다. 이 새로운 기능을 활용하면 페이지를 새로고침해도 계속 데이터를 사용할 수 있으며 각 요청에 따라 정보를 전송하지 않는
클라이언트 정보를 저장할 수 있다.

12장, ‘멀티미디어’에서는 이전에는 외부 플러그인으로 수행한 기능인 브라우저에서 비디오와 오디오를 재생하는 방법을 알아본다.

부록 A, ‘Node.js 설치와 npm 사용법’에서는 Node.js를 설치하는 간단한 소개와 함께 npm 패키지 매니저 사용법을
알아본다.

부록 B, ‘커뮤니티와 리소스’에서는 HTML5 발전에 기여하는 단체에 대한 간략한 설명과 역사를 소개한다.

★ 이 책의 대상 독자 ★

이 책은 자바스크립트를 한 가지 방법 이상으로 사용해 본 개발자에게 적합하다. 또한 백엔드(backend) 코드를 많이 사용하고 있지만
HTML5와 자바스크립트와 관련한 실력을 키우고자 하는 사람들을 위한 책이며, 웹 페이지의 코드를 단순하게 복사해 붙여 쓰는 개발자가
실제 내부 구동 방식까지 알고 싶어할 때 적합한 책이다. 그리고 HTML5의 최신 기법과 기능을 습득해 자기계발을 하고 싶은 사람들에게도
유용하다.

이 책은 처음 시작하는 사람에게도 알맞고, HTML이나 자바스크립트 및 제이쿼리를 이미 다뤄본 개발자에게도 적합한 책이지만, 반드시 깊은
지식이 선행되어야 하는 것은 아니다.

★ 이 책의 구성 ★

■ Flot 또는 HTML5 캔버스로 차트 만들기

■ D3.js로 멋진 시각효과 만들기

■ 애니메이션 효과가 있는 인터랙티브한 시각효과 만들기

■ HTML5 입력 도움말 사용하기

■ 사용자 정의 입력 컴포넌트 만들기

■ HTML을 간단히 만드는 클라이언트 템플릿 만들기

■ Angular.js 또는 메테오를 활용한 자동 데이터 바인딩 사용하기

■ Node.js를 활용해 자동 데이터 바인딩 만들기

★ 저자 서문 ★

HTML5는 PC에서부터 태블릿, 스마트폰 심지어는 최신 TV까지 모든 곳에 있다. 웹은 가장 진보된 유비쿼터스 애플리케이션 플랫폼이며
정보 매체다. 또한 최근에는 HTML5가 마이크로소프트 윈도우 8, 파이어폭스 OS, 구글 크롬 OS와 같은 운영체제에 도입됐다.

웹에 있어서 개방성은 가장 중요한 덕목 중 하나다. HTML5는 어떠한 기술에 종속적이며 개별적인 솔루션과는 반대되는 입장에 있다. 또한
HTML5는 지난 몇 년 동안 실로 혁명과도 같은 발전 과정을 거쳐왔다. 자바스크립트 또한 웹 애플리케이션 개발에 있어 서버와 클라이언트
양쪽 모두에서 잘 사용될 수 있도록 발전되어 왔다.

이 책은 최근 HTML5 기능을 빠르게 배울 수 있게 구성됐다. 책을 다 읽고 나면 브라우저와 서버 양쪽 모두에서 사용할 수 있는
자바스크립트 지식을 습득할 수 있을 것이다. 또한 새로운 HTML5 기술을 십분 활용해 작지만 멋진 애플리케이션을 만들 수 있을 것이며
현재 사용하고 있는 애플리케이션에 HTML5의 새로운 기술을 접목할 수 있는 방법을 습득하게 될 것이다.

★ 옮긴이의 말 ★

최근 IT 분야의 핫 키워드는 단연 HTML5라고 할 수 있다. 최근 몇 년 동안 HTML5는 기존 HTML과 차이를 못 느낄 정도로
생소한 분야였지만, 현재는 데스크탑과 모바일을 넘어 자동차, TV 분야로까지 퍼져나가고 있으며 몇 년 후에는 없어서는 안 될 기술이 될
것이라고 많은 전문가는 예측한다.

이렇게 빠르게 변해가는 웹 표준시대에 사용자 요구에 맞춰 개발자가 자유롭게 데이터를 처리해 더욱 가치 있는 정보를 도출하는 일은 무엇보다
중요한 요소라고 할 수 있다. 특히 웹이라는 무대에서 무한히 넘쳐나는 데이터를 조합하고 가공해 빠르게 서버로 전송한 뒤 사용자에게
의미있는 정보를 전달하는 행위는 가장 기본적인 비즈니스 모델 중 하나다.

이 책은 이런 웹 표준 흐름에 맞춰 최신 HTML5 기능을 빠르게 습득할 수 있고 쉽게 찾아 볼 수 있도록 구성되어 있다. 책을 다 읽고
나면 새로운 HTML5 기술을 이용해 작지만 멋진 웹 애플리케이션을 만들 수 있게 될 것이다.

1장 텍스트 데이터 표시

__소개

__어림수 표시

__패딩수 표시

__미터법과 영국식 도량형 표시
__사용자 시간대 날짜 형식 표시

__경과 시간을 동적으로 표시

__수식 표시

__끝이 없는 스크롤 리스트 생성

__정렬할 수 있는 페이지가 있는 테이블 생성

__복수 선택 필터 생성

__범위 필터 생성

__결합된 복잡한 필터 생성

__HTML로 코드 표시

__마크다운 렌더링

__자동 업데이트 필드

2장 그래픽 데이터 표시

__소개

__꺽은선형 차트 만들기

__막대형 차트 만들기

__파이 차트 만들기

__영역형 차트 만들기

__혼합형 차트 표시

__거품형 차트 만들기

__위치를 표시한 지도 보이기

__경로가 있는 지도 표시

__게이지 표시

__트리 표시

__웹 글꼴로 나타내는 LED 점수판

3장 디퓨즈 셰이딩

__소개

__모션 차트 만들기

__방향 그래프 표시

__실시간 범위 차트 필터 만들기

__이미지 캐러셀 만들기

__차트 주밍과 패닝

__웹 통지 API 사용

__데이터 집합을 사용해 지구를 나타내는 지도를 생성

4장 HTML5 입력 컴포넌트 사용

__소개

__text 입력 필드 사용

__textarea 사용

__날짜 입력

__시간 입력

__전화번호 입력

__범위 입력 필드

__컬러 선택 입력

__단일 선택 드롭다운 사용

__다중 선택 리스트 사용

__지리 위치 입력

__클라이언트에서 파일 입력 사용

__드래그앤드롭 파일 영역 사용

5장 사용자 정의 입력 컴포넌트

__소개

__기본 리치 텍스트 입력을 위한 contentEditable 사용

__진화된 리치 텍스트 입력

__드롭다운 메뉴 만들기

__사용자 정의 대화 상자 만들기

__입력 내역 자동 완성 기능 만들기

__사용자 정의 단일 선택 리스트 만들기

__다중 선택 리스트 만들기

__지도를 사용한 지리적 위치 입력

6장 데이터 검증

__소개

__텍스트 길이 검증

__숫자 범위 검증

__내장 패턴을 사용한 검증

__내장된 제약과 사용자 정의 검증 고급 사용

__패스워드 강도 계산

__미국 우편번호 검증

__서버 측 검증 기능을 비동기로 활용

__클라이언트 검증 기능과 서버 검증 기능을 조합

7장 데이터 직렬화

__소개

__JSON에서 자바스크립트 객체로 역직렬화

__JSON 문자열로 객체 직렬화

__base64 방식으로 인코딩된 바이너리 데이터 디코딩

__바이너리 데이터나 텍스트를 base64로 인코딩

__바이너리 데이터를 JSON으로 직렬화

__쿠키의 직렬화 및 역직렬화

__폼을 직렬화해 요청 문자열로 형성

__XML 문서를 DOMParser로 읽기

__클라이언트에서 측에서 하는 XML 문서 직렬화

8장 서버 통신

__JSON을 가져오는 HTTP GET 생성

__사용자 정의 헤더가 있는 요청 생성

__API 버전 작업

__JSONP로 JSON 데이터 가져오기

__서버로부터 XML 데이터 읽기

__FormData 인터페이스 사용

__서버로 바이너리 데이터를 전송

__Node.js로 SSL 연결 생성

__에이잭스 푸시로 하는 실시간 업데이트

__웹소켓으로 하는 실시간 메시지 교환

9장 클라이언트 템플릿

__소개

__핸들바를 사용한 객체 렌더링

__EJS를 사용한 객체 렌더링

__제이드를 사용한 객체 렌더링

__핸들바를 사용한 리스트 렌더링

__EJS를 사용한 리스트 렌더링

__제이드를 사용한 리스트 렌더링

__핸들바 헬퍼로 템플릿 간소화

__핸들바 파셜로 템플릿을 재사용

__EJS 파셜로 템플릿을 재사용

__제이드 필터 사용

__제이드 믹스인 사용

__제이드에서 레이아웃과 블럭을 사용

__소개

10장 데이터 바인딩 프레임워크

__데이터 바인딩으로 기본 앵귤러를 생성

__리스트 렌더링과 앵귤러 컨트롤러

__앵귤러의 라우팅, 필터, 백엔드 서비스

__앵귤러 클라이언트 검증

__앵귤러 지시자로 차트 컴포넌트 만들기

__Meteor.js 애플리케이션 구조

__반응형 프로그래밍과 Meteor.js에 있는 데이터

__라이브 HTML과 Meteor.js 사용자 정의 데이터

__Meteor.js 보안 메커니즘

11장 데이터 스토리지

__소개

__데이터 URI

__세션 스토리지와 로컬 스토리지

__파일에서 데이터 읽기

__IndexedDB 사용

__스토리지 제한과 더 많은 용량 요구

__브라우저 히스토리 다루기

12장 멀티미디어

__소개

__오디오 파일 재생

__비디오 파일 재생

__미디어 엘리먼트 사용자 정의 컨트롤

__비디오에 자막 넣기

__멀티미디어 임베딩

__HTML5 오디오를 사용해 텍스트를 음성으로 변환

부록 A Node.js 설치와 npm 사용

부록 B 커뮤니티와 리소스

저자 : 고르기 코세브

저자 고르기 코세브(Gorgi Kosev)는 Node.js에 기반한 클라우드 솔루션뿐만 아니라 모바일과 데스크탑 HTML5 애플리케이션을 만드는 크리에이션팔(CreationPal)에서 소프트웨어 엔지니어를 이끌고 있다. 또한 스포티팔(SpotyPal)과 구글닥스를 위한 앱저(Appzer) 같은 크리에이션팔에서 사용하는 전반적인 기술 선택과 개발을 맡고 있다. 2008년 세인트 시릴 메소디우스 대학에서 전기공학부를 졸업했으며 2011에 인텔리전트 인포메이션 시스템 전공으로 석사학위를 받으며 컴퓨터 시스템과 기계 학습 협업을 연구했다. 여가 시간에는 핵랩(hack lab)에서 지인들과 하드웨어를 해킹하거나 코드 공유를 하며 피아노를 연주하기도 한다.

저자 : 미테 미트레스키

저자 미테 미트레스키(Mite Mitreski)는 자바와 JVM에 기반한 사용자 정의 엔터프라이즈 애플리케이션 작업을 하고 있으며 과거에는 프로그래밍 코스 트레이너로 일하기도 했다. 또한 마이트는 마케도니아에 있는 개발그룹에서 활발하게 활동하고 있으며 현재는 같은 개발 그룹의 자바 유저 그룹(JUG)의 리더로 활동한다. 그리고 오픈소스 소프트웨어, 오픈 데이터 포맷, 오픈 웹에 열정을 갖고 있으며 가끔씩 블로그(http://blog.mitemitreski.com)에 글을 올리며 트위터(@mitemitreski)에서도 활동한다.

역자 : 김태원

역자 김태원은 다년간 브라우저 개발자로 생활하다가 지금은 SK Planet에서 클라우드 스트리밍 시스템용 웹 플랫폼을 연구 중이며 HTML5 표준 및 웹 트랜드에도 관심이 많아 항상 최신 기술을 습득하려 노력 중이다. 웹킷 기반 프로젝트를 여럿 수행했으며 현재는 크로미엄 기반의 웹 플랫폼에서 웹의 장점을 잘 표현하도록 노력 중이다.