메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

모던 웹을 위한 HTML5 프로그래밍 : 한 권으로 끝내는 자바스크립트 프레임워크 Backbone.js, Angular.js, Knockout.js 활용

모던 웹을 위한 HTML5 프로그래밍 : 한 권으로 끝내는 자바스크립트 프레임워크 Backbone.js, Angular.js, Knockout.js 활용

한빛미디어

집필서

절판

  • 저자 : 윤인성
  • 출간 : 2013-08-08
  • 페이지 : 720 쪽
  • ISBN : 9788968480416
  • 물류코드 :2041
  • 초급 초중급 중급 중고급 고급
4점 (1명)
좋아요 : 18

다양한 프레임워크로 완성하는 웹 애플리케이션

 

자바스크립트 대표 MVC 프레임워크 수록

현재 가장 널리 쓰이는 Backbone.js, 구글에서 개발하는 Angular.js, MVVM 모델을 지원하는 Knockout.js를 모두 수록했다. 또한, 할 일 목록을 관리하는 Todo 애플리케이션을 자바스크립트로 완성하고, 이를 Backbone.js, Angular.js, Knockout.js로 개발해본다. 이를 통해 프레임워크를 이용한 개발의 장점을 스스로 파악할 수 있으며, 각 프레임워크의 장단점도 비교해보게 했다.

 

HTML5 고급 기능과 관련 라이브러리 해설

동시에 여러 일을 진행하는 웹 워커, 파일 처리, 드래그와 드롭, 애니메이션, 카메라나 마이크에 접근하는 미디어 장치 표준, 이미지 필터 처리, 오디오 필터 처리, 오프라인 웹 애플리케이션 기능을 설명한다. 웹 브라우저 히스토리를 처리하는 Sammy.js, 애니메이션 기능을 도와주는 stats.js, tween.js, 이미지 이펙트를 위한 glfx.js 라이브러리를 수록했다. 또한, RESTful 서비스 개발 방법을 설명했다.

 

소셜 네트워크 서비스(SNS) 프로젝트로 높이는 응용력

제대로 동작하는 소셜 네트워크 서비스를 직접 만들어보면서 다양한 라이브러리와 프레임워크를 어떻게 결합하여 사용하는지 설명했다. 친구 요청과 응답 처리, 소켓 처리, 글과 댓글 기능을 직접 만들어본다. 인증 처리를 위한 everyauth 모듈, 페이지 이동과 응답을 처리하기 위한 session, router 모듈을 사용하고, 사용자 지정(Custom) 모듈을 제작해 기능을 확장하는 방법을 보여준다.

 

웹 애플리케이션 제작을 위한 다양한 기술 수록

웹 앱 배포를 위한 폰갭 빌드, 간편한 문법으로 개발할 수 있는 커피스크립트, 다양한 자바스크립트 라이브러리를 관리하는 require.js, Node.js 서버의 실행을 책임지는 supervisor, forever 모듈 설명했다. 웹 에디터 제작에 널리 쓰이는 ACE, 다양한 차트를 표현하는 Chart.js, 스프레드시트를 만들어 주는 Handsontable jQuery 플러그인의 기본 사용법도 수록했다. 사용자가 몰릴 때 발생하는 서버 트래픽을 분산하기 위한 nginx 로드 밸런서, 굉장히 빠른 처리 속도를 자랑하는 인메모리 데이터베이스 레디스(Redis)를 Node.js에서 활용하는 방법까지 다뤘다. 빠르게 발전하는 자바스크립트 관련 기술 분야에서 가능하면 널리 쓰이는 분야별 대표 기술을 선정해 수록했다.

윤인성 저자

윤인성

출근하는 것이 싫어서 책을 집필하기 시작했습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미입니다. 책의 소개말을 쓰는 시점을 기준으로 해서 이 책은 73번째 도서입니다.

저서로는 『자바스크립트 프로그래밍 입문(2판)』(한빛아카데미, 2022), 『C# 프로그래밍(2판)』(한빛아카데미, 2021)과 『혼자 공부하는 파이썬(개정판)』(한빛미디어, 2023) 등이 있습니다. 역서로는 『내 코드가 그렇게 이상한가요?』(인사이트, 2023), 『이펙티브 코틀린(인사이트, 2022)』 등이 있습니다.

 

PART I  개요

 

CHAPTER 1 웹 개발의 현재
  1.1 클라이언트 기술 
    하이브리드 애플리케이션 
    네이티브 애플리케이션 
    서버 기술의 변화 
  1.2 웹의 현재 
    단일 페이지 애플리케이션 
    플러그인의 영역 침범 
    캐주얼 게임 
    고성능 게임 
  1.3 개발 효율성 향상 
     스타일시트 컴파일 엔진 
    자바스크립트 컴파일 엔진 
    개발 환경 

 

CHAPTER 2 자바스크립트 심화
  2.1 참조 복사 
  2.2 함수의 메서드 
  2.3 이벤트 순서 
  2.4 속성 추가 
  2.5 strict 모드 

 

PART II  HTML5 API

 

CHAPTER 3 기본 기능과 벤더 프리픽스 제거
  3.1 선택자 
  3.2 전체 화면 
  3.3 벤더 프리픽스 제거 함수 

 

CHAPTER 4 히스토리
  4.1 Sammy.js 라이브러리 
    기본 
    요청 매개변수 처리 
    트위터 검색 애플리케이션 
  4.2 해시 관리 
    해시 변경 이벤트 
    페이지 라우트 
  4.3 상태 관리 
    pushState( ) 메서드와 popState 이벤트 
    트위터 검색 애플리케이션 

 

CHAPTER 5 웹 워커
  5.1 개요 
    코드 진행 
    UI 스레드 
  5.2 웹 워커 
    웹 워커 기본 
    웹 워커를 사용한 연산 

 

CHAPTER 6 파일
  6.1 파일 조작 
    파일 정보 수집 
    텍스트 파일 출력 
    이미지 파일 출력 
  6.2 Blob 객체 
    생성과 접근 
    인라인 웹 워커 

 

CHAPTER 7 드래그와 드롭
  7.1 요소 드래그 
    draggable 속성 
    드래그 이벤트 
  7.2 파일 드래그 

 

CHAPTER 8 애니메이션 프레임
  8.1 애니메이션 프레임 요청 
  8.2 stats.js 라이브러리 
  8.3 tween.js 라이브러리 

 

CHAPTER 9 미디어 장치
  9.1 미디어 장치 접근 
  9.2 glfx.js 라이브러리 
    기본 
    토이 카메라 


CHAPTER 10 웹 오디오
  10.1 오디오 소스 
  10.2 오디오 로드 
  10.3 음악 시각화 

 

CHAPTER 11 오프라인 애플리케이션
  11.1 온라인과 오프라인 상태 
  11.2 애플리케이션 캐시 
  11.3 매니페스트 파일 

 

PART III  웹 애플리케이션 개발

 

CHAPTER 12 RESTful 웹 서비스
  12.1 개요 
    자원과 자원의 위치 
    요청 방식 
    상태 코드 
  12.2 프로젝트 개요 
    구조 
    프로젝트 생성 
    테스트 프로그램 
  12.3 RESTful 웹 서비스 구현 
    데이터 조회 
    데이터 추가 
    데이터 수정 
    데이터 제거 
  12.4 RESTful 웹 서비스 사용 
    데이터 조회 
    데이터 추가 
    데이터 수정 
    데이터 제거 
  12.5 사용자 인증 구현 
    해시 
    사용자 조회 
    가입 
    로그인 
    현재 사용자 
    로그아웃 
    기본 자원과 사용자 연동 
  12.6 서버 전체 코드 
  12.7 클라이언트 페이지 
    페이지 라우트 
    로그인 페이지 
    가입 페이지 
    메인 페이지 
  12.8 클라이언트 전체 코드 

 

CHAPTER 13 Backbone.js 라이브러리
  13.1 Underscore.js 라이브러리 
    설정 
    기본 사용 
    템플릿 엔진 
  13.2 Backbone.js 라이브러리 설정 
  13.3 MVC 패턴 
  13.4 Backbone.Model 객체 
    생성 
    이벤트 
    변환 
    상속 
  13.5 Backbone.Collection 객체 
    생성 
    이벤트 
    변환 
    상속 
  13.6 Backbone.View 객체 
    상속 
    템플릿 
    이벤트 
    선택 
    제거 
  13.7 Backbone.Router 객체 
    정적 라우트 
    동적 라우트 
    라우터 상속 
  13.8 데이터 동기화 
    서버 구성 
    Backbone.Model 객체 동기화 
    Backbone.Collection 객체 동기화 
  13.9 할 일 목록 
    프로젝트 생성 
    Backbone.Model 객체와 Backbone.Collection 객체 
    Backbone.Router 객체 
    Backbone.View 객체 
    가입 페이지 
    로그인 페이지 
    메인 페이지 
    리스트 아이템 요소 
    정리 
  13.10 트위터 검색 
    페이지 생성 
    리스트 뷰 구성 
    리스트 뷰 데이터 구성 
    요소 뷰 구성 
    정리 

 

CHAPTER 14 Knockout 라이브러리
  14.1 Knockout 라이브러리 설정 
  14.2 MVVM 패턴 
  14.3 기본 객체 
    Observable 객체 
    ObservableArray 객체 
  14.4 바인딩 
    모델 바인딩 
    컬렉션 바인딩 
    메서드 바인딩 
    이벤트 바인딩 
  14.5 바인딩 종류 
    입력 양식 바인딩 
    속성 바인딩 
    스타일 바인딩 
    조건 바인딩 
  14.6 할 일 목록 
    프로젝트 구성 
    서버 
    가입 페이지 
    로그인 페이지 
    뷰 
    뷰모델 
    정리 
  14.7 사용자 정의 바인딩 
  14.8 코드 에디터 
    뷰 
    뷰모델 
    정리 

 

CHAPTER 15 Angular.js 라이브러리
  15.1 설정 
  15.2 컨트롤러 기본 
    모델과 컬렉션 
    메서드 
    이벤트 
  15.3 ng 속성 
    ng 바인드 속성 
    ng 이벤트 속성 
    ng 외부 템플릿 속성 
  15.4 페이지 라우트 
    라우터 설정 
    뷰 설정 
    컨트롤러 설정 
  15.5 서비스 
  15.6 할 일 목록 
    서버 
    라우터 
    가입 페이지 
    로그인 페이지 
    메인 페이지 
    전체 코드 
  15.7 강제 바인딩 
  15.8 팩토리 
  15.9 사용자 정의 속성 
    attrs 객체 
    element 객체 
    scope 객체 
  15.10 Chart.js 플러그인 응용 

 

PART IV  프로젝트 개발

 

CHAPTER 16 소셜 네트워크 서비스
  16.1 실행 결과 
  16.2 프로젝트 개요 
    발생 코드 
    친구 요청과 응답 처리 
    소켓 처리 
    글과 댓글 처리 
  16.3 프로젝트 생성 
  16.4 프로젝트 구성 
    config 파일 구성 
    routes 폴더 구성 
    views 폴더 구성 
    public 폴더 구성 
  16.5 서버 구성 
  16.6 Custom Global 모듈 
  16.7 Custom Main 모듈 
  16.8 Custom Auth 모듈 
    가입 
    로그인 
    클라이언트 
  16.9 Custom Socket 모듈 
  16.10 Custom Friend 모듈 
  16.11 Custom Post 모듈 
  16.12 Custom Reply 모듈 
  16.13 클라이언트 
    라우터 
    팩토리 
    보조 함수 
    Feeds 컨트롤러 
    Friends Detail 컨트롤러 
    Friends 컨트롤러 
  16.14 전체 코드 
  16.15 도전 과제 

 

부록  A 폰갭 빌드
부록  B 커피스트립트
부록  C require.js
부록  D 단위 테스트
부록  E 서버 실행 모듈
부록  F 유용한 라이브러리
부록  G 로드밸런서
부록  H 레디스 데이터베이스

개발경력 15년이 되어가고 있다.
지금은 코딩도 겨우 하고, 내내 전화와 문서에 파묻혀 살고 있는 오래된 개발자일 뿐이다.
"오래된"이라는 수식어를 "내공이 풍부한"으로 변화시켜보고자 몸부림 치는 1인이다.

최근 모바일 환경이 일반화되고, SNS 속에서 커뮤니케이션하는 생활이 보편화 되면서
HTML5에 대한 관심이 더더욱 커지는 듯하다.
사실 개발자 초년시절에 HTML은 디자이너가 담당하고, 개발자는 서버사이드 코드를 작성하던 환경에 익숙해서
HTML5에 대한 큰 관심이 없었던것은 사실이다.
어쨋든, "오래된"이 "낡은"이라는 더 부정적인 수식어가 되지않기를 희망하며 손에 든것이 이 책 "모던웹을 위한 HTML5프로그래밍"이다.

1. 코딩을 따라하며 배운다.
먼저 가장 좋은 느낌이 드는것은, 예제를 통해 배워가도록 구성되었다는 점이다.
기존 HTML 서적들이 TAG가 어쩌고 저쩌고, 표로 나열해가면서 독자에게 암기하라는 형식의 책이 아니어서 좋다.
물론 부재의 "한 권으로 끝내는 자바스크립트 프레임워크 활용"에서 조금은 암시하고 있었기는 하지만....
코드가 짧지만, 허접한 코드가 아닌 멋진 기능의 코드라는 점도 매력적이다.
열심히 타이핑하면서 따라가다 보니, 어느새 책의 페이지는 넘어가고 있고 결과물을 실행하면서 뿌듯함도 느껴본다. ㅋㅋ
한 줄의 실행코드를 작성하고 실행해보는것이
백줄의 이론적 설명보다 더 깔끔하고 쉽게 와닿는것은 나만의 유별남은 아닐것이다.

2. 독자와 소통하는 듯한 느낌이 든다.
딱딱한 문어체가 아니, 직접 대화하는 듯한 대화체로 서술되어서만이 아니다.
책을 읽다가 뭔가 궁금하다 싶으면, 나를 대신한 누군가가 책속에서 질물은 하고 있다.
그럼, 바로 저자는 그 질문에 친절한 설명을 추가한다.
중간 중간 나오는 "NOTE"는 필요한 지식을 알맞은 시기에 공유해주고 있다.
정말 한 명의 개발자 친구와 이야기를 나누는 듯 하다.

3. 나의 느낌.
계속 서버사이드 개발만 해왔던 나에게, 최신 웹기술 동향에 대한 이해를 넓혀주는 좋은 계기가 되었다.
나 처럼, 웹 클라이언트 분야에 초급자들에게 좋은 참고서적이 될만하다고 생각된다.
서문에 나와있는 것처럼 HTML5, JavaScript, Node.js 등에 대한 조금의 지식이 필요하다.
사실 나는 위 모두에 대해 무지했던 터라, 따로 책을 구해서 병행으로 읽어가느라 조금은 어려움이 있었다.

어쨋든, 좋은 책과의 만남으로 이제 새로운 분야에 친근한 느낌으로 발을 디디게 되는것 같다.
HTML5의 무궁한 가능성을 느껴보면서 책의 리뷰를 마친다.

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
모던 웹을 위한 HTML5 프로그래밍 : 한 권으로 끝내는 자바스크립트 프레임워크 Backbone.js, Angular.js, Knockout.js 활용
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
모던 웹을 위한 HTML5 프로그래밍 : 한 권으로 끝내는 자바스크립트 프레임워크 Backbone.js, Angular.js, Knockout.js 활용
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
모던 웹을 위한 HTML5 프로그래밍 : 한 권으로 끝내는 자바스크립트 프레임워크 Backbone.js, Angular.js, Knockout.js 활용
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실