개발자와 디자이너가 함께 보는 자바스크립트 프로그래밍

1장 점진적 기능 향상
__점진적 기능 향상의 정의
____역사
____목적
____접근성
____재사용성
____점진적 기능 향상 대 단계적 기능 축소
__구조 계층
____HTML5에 의미 더하기
__표현 계층
____인라인 CSS
____스타일시트 연결
__행위 계층
____인라인 자바스크립트
____내장 자바스크립트
____외부 및 분리형 자바스크립트
__점진적 기능 향상의 혜택
____성능
____미래를 위한 대비
____터치 인터페이스
__점진적 기능 향상에 관한 마지막 조언
__정리
__연습문제

2장 브라우저에서의 자바스크립트
__자바스크립트의 민중사
____기원
____점진적 기능 향상
____행위 계층
____오늘을 지나서
__브라우저와 자바스크립트의 상호작용
____HTTP 요청
____자바스크립트와 렌더링 엔진
__자바스크립트가 할 수 있는 일
____HTML 변경
____서버와의 통신
____데이터 저장
__자바스크립트를 사용하는 법
____사용자 경험 개선
____책임감 있게 자바스크립트 사용
____실패 처리 기법 작성
__자바스크립트를 사용하는 데 도움되는 도구
____언어에 내장된 도구
____브라우저에 내장된 도구
__정리
__연습문제

3장 자바스크립트 용어
__기초
____문서 객체 모델
____부모
____자식
____형제
____변수
____문자열
____주석
____연산자
____use strict
__저장소
____캐시
____배열
____쿠키
____자바스크립트 객체 표기법
____객체
__상호작용 생성
____반복문
__조건문
____switch 문
____함수
____익명 함수
____콜백 함수
____메소드
____이벤트
____Ajax
__정리
__연습문제

4장 DOM 접근
__DOM이란 무엇인가?
__DOM 트리
____엘리먼트 노드
____텍스트 노드
____속성 노드
__엘리먼트 노드 사용
____ID를 이용한 엘리먼트 선택
____태그 이름을 이용한 엘리먼트 선택
____클래스를 이용한 엘리먼트 선택
____자바스크립트에서 CSS 선택자를 이용한 노드 선택
__속성 노드 사용
____속성 구하기
____속성 설정
____속성 제거
__텍스트 노드 다루기와 콘텐츠 변경
__DOM 탐색
____첫 번째 자식과 마지막 자식에 접근
____DOM에서 동적으로 노드를 추가하거나 제거
____DOM에 엘리먼트 추가
____DOM에서 엘리먼트 제거
__정리
__연습문제

5장 자바스크립트에서의 데이터 저장
__변수
____문자열
____숫자
____불린
____변수의 성능
__배열
____기본 배열
____연관 배열
____다차원 배열
____배열에 데이터 넣기
____배열 메소드 사용
__join
__slice
__shift와 unshift
__러닝
__pop
__concat
__sort
__객체
____객체의 성능
__JSON
____JSON 사용의 이점
____API 사용
__HTML5의 웹 스토리지
____localStorage와 sessionStorage
__setItem
__getItem
__removeItem
____JSON을 이용한 데이터 덩어리 저장
____책임감 있는 웹 스토리지 사용
__정리
__연습문제

6장 변수, 함수, 반복문
__변수 정의
____변수 그룹화
____예약어
__함수
____기본 함수
____익명 함수
__유효범위
____함수를 이용한 함수 호출
____데이터 반환
____메소드로서의 함수
__반복문
____for 문
__조건문
____if 문
____if/else 문
____switch 문
____if와 switch
__종합 예제
__정리
__연습문제

7장 이벤트를 통한 사용자와의 상호작용
__이벤트 첨부
____이벤트 핸들러
____이벤트 리스너
____이벤트 바인딩
____이벤트 바인딩 해제
__마우스 이벤트와 키보드 이벤트
____click
____focus와 blur
____접근성
____change
____mouseover와 mouseover(호버)
____submit
____기본 동작 방지
____keydown, keypress, keyup
____종합 예제
__터치와 방향 이벤트
____touchstart와 touchend
____touchmove
____orientationchange
____터치 이벤트 지원
__종합 예제
__정리
__연습문제

8장 Ajax를 이용한 서버와의 통신
__Ajax의 역사
____서버 통신
____XMLHttpRequest
__Ajax 호출 생성
____서버에 요청 전송
____서버에서 데이터 돌려받기
____반복적인 Ajax 호출
__Ajax 데이터 형식
____XML
____HTML
____JSON
__Ajax 접근성
____라이브 영역과 ARIA
__자주 저지르는 Ajax 관련 실수
____피드백 제공
__종합 예제
__Ajax는 어디로 가고 있나?
__정리
__연습문제

9장 코드 구성
__일반적인 코드 작성 스타일 규칙
____유효범위
____빨리 실패하기
____사용자 경험
__코드 설계
____파일과 디렉토리
____문서 내의 스크립트
____변수 선언
____변수와 함수의 명명
____주석
____들여쓰기
____공백
____문장 공백
____줄바꿈
____수학과 연산자
____eval( ) 사용
____스타일 가이드를 과도하게 받아들이기
__코드 구조
____함수
____익명 함수
____변수로서의 함수
____메소드로서의 함수
____자바스크립트 개발 패턴
__정리
__연습문제

10장 라이브러리 활용
__자바스크립트 라이브러리 기초
____라이브러리 학습 과정
____문법
____목표에 집중
____지름길 트기
____브라우저 문제 해결
____인기 있는 라이브러리
__제이쿼리 기초
____document.ready
____선택자
____DOM 탐색
____스타일 정보 추가
____이벤트 바인딩
____애니메이션
__제이쿼리 중급
____제이쿼리의 Ajax 활용
____제이쿼리에서의 데이터 순회
____함수 연쇄 호출
__플러그인을 통한 라이브러리 확장
____플러그인 제작
__라이브러리의 좋은 점
____대중성과 커뮤니티
____효율적인 코드
__라이브러리의 나쁜 점
____부하
____성능
____과도한 의존과 유통 기한
__마이크로라이브러리의 활용
____좋은 점
____나쁜 점
__정리
__연습문제

11장 HTML5 자바스크립트 API
__HTML5란 무엇인가?
__마크업(HTML로도 알려진)
____더 나은 시맨틱 만들기
____좀 더 접근성 높은 콘텐츠 제작
__자바스크립트 API
____navigator 객체
____지오로케이션
____오디오와 비디오
____히스토리 API
____웹 워커
__디바이스 API
____배터리 상태 API
____진동 API
____네트워크 정보 API
__기능 탐지를 이용한 디바이스 API 활용
__정리
__연습 문제

12장 자바스크립트를 통한 전진
__핵심 주제에 대한 간략한 복습
____점진적 기능 향상
____DOM 조작
____데이터 저장소
____서버 통신
__디자이너를 위한 자바스크립트
____고급 인터페이스 디자인
____자바스크립트에서의 CSS 변환
____데스크톱에서의 상호작용
__개발자를 위한 자바스크립트
____자바스크립트 템플릿
____NodeJS를 이용한 서버 측 자바스크립트
__정리
__연습문제

부록 A 모범 답안