자바스크립트 프로젝트북

실무에 적합한 9가지 프로젝트로 배우는 웹 프로그래밍

권대용 지음

한빛미디어 2017년 08월 01일 출간 종이책 : 2017년 08월 01일 출간

작품소개

책소개

실무 개발자를 위한 웹 프로그래밍 레시피!

프로그래밍 언어를 공부할 때는 실무에서 많이 사용하는 코드를 조금씩 구현해보면서 익히는 것이 좋다. 이 책에서는 실무와 밀접한 내용을 다양한 유형의 웹 애플리케이션이나 UI 요소로 익힐 수 있도록 9가지 프로젝트를 구성했다. 프로젝트 주요 부분에 자바스크립트와 제이쿼리 소스를 함께 수록하여, 자바스크립트와 제이쿼리를 함께 이해하고 실무 능력을 키울 수 있게 했다.

목차

Part 1 자바스크립트 기초 다지기

CHAPTER 1 시작하기 전에
1.1 개발 환경 설정
1.2 자바스크립트 바로 알기
1.3 마치며

CHAPTER 2 놓치기 쉬운 자바스크립트 문법
2.1 변수와 타입
2.2 제어문
2.3 함수와 유효 범위
2.4 배열과 객체
2.5 마치며

CHAPTER 3 문서를 동적으로 다루는 방법: DOM
3.1 하나의 문서 객체를 선택하는 메서드
3.2 여러 문서 객체를 선택하는 메서드
3.3 텍스트 조작과 DOM 속성 다루기
3.4 마치며

CHAPTER 4 이벤트 제어
4.1 인라인 이벤트
4.2 이벤트 핸들러
4.3 이벤트 리스너
4.4 두 가지 이벤트 속성으로 hover 처리
4.5 submit 이벤트와 기본 동작 방지
4.6 터치 이벤트
4.7 드래그 앤 드롭 구현
4.8 연습 문제
4.9 마치며

Part 2 실전 프로젝트

CHAPTER 5 워밍업: 프로그래밍 도전하기
5.1 구구단 출력 애플리케이션
5.2 작업 목록 애플리케이션
5.3 마치며

CHAPTER 6 프로젝트 1: 계산기
6.1 개요
6.2 사전 학습: form 요소
6.3 구현하기
6.4 기능 개선하기: 예외 처리하기
6.5 jQuery 코드로 변환하기
6.6 연습 문제
6.7 마치며

CHAPTER 7 프로젝트 2: 라이트 박스
7.1 개요
7.2 구현하기
7.3 jQuery 코드로 변환하기
7.4 연습 문제
7.5 마치며

CHAPTER 8 프로젝트 3: 달력
8.1 개요
8.2 사전 학습: Date 객체
8.3 구현하기
8.4 기능 개선하기: 조회 기능 추가하기
8.5 jQuery 코드로 변환하기
8.6 연습 문제
8.7 마치며

CHAPTER 9 프로젝트 4: 3D 페이지
9.1 개요
9.2 구현하기
9.3 자바스크립트 전체 코드 보기
9.4 연습 문제
9.5 마치며

CHAPTER 10 프로젝트 5: 다이내믹 배너
10.1 개요
10.2 구현하기
10.3 jQuery 코드로 변환하기
10.4 연습 문제
10.5 마치며

CHAPTER 11 프로젝트 6: 지도
11.1 개요
11.2 사전 학습: AJAX
11.3 구현하기
11.4 기능 개선하기: 스타일 지정하기
11.5 연습 문제
11.6 마치며

CHAPTER 12 프로젝트 7: 날씨 위젯
12.1 개요
12.2 사전 학습: openweather API
12.3 구현하기
12.4 자바스크립트 전체 코드 보기
12.5 연습 문제
12.6 마치며

CHAPTER 13 프로젝트 8: 퀴즈 게임
13.1 개요
13.2 사전 학습: 객체 지향 프로그래밍
13.3 구현하기
13.4 jQuery 코드로 변환하기
13.5 연습 문제
13.6 마치며

CHAPTER 14 프로젝트 9: 스티키 메모장
14.1 개요
14.2 사전 학습: 스토리지
14.3 구현하기
14.4 연습 문제
14.5 마치며

Part 3 더 알아보기

CHAPTER 15 jQuery 라이브러리
15.1 jQuery 실행 환경
15.2 jQuery 객체와 메서드
15.3 jQuery 선택자
15.4 문서 조작
15.5 jQuery 애니메이션
15.6 jQuery 이벤트

CHAPTER 16 ECMAScript 6
16.1 ECMAScript 6 소개
16.2 ES6 실행 환경
16.3 변수와 상수
16.4 화살표 함수
16.5 파라미터 핸들링
16.6 객체 표현식
16.7 for ~ of 문
16.8 템플릿 표현식
16.9 배열과 객체의 비구조화
16.10 클래스

출판사 서평

★Part 1. 저자의 현장 강의 노하우를 한데 모았다!
다년간 웹 개발자를 육성해온 저자가 강의 노하우를 살려 자바스크립트를 배울 때 꼭 필요한 개념을 정리했다. Part 1에서는 기본 환경 설정부터 필수 문법까지 살펴보며 자바스크립트의 기본기를 다질 수 있다.

★Part 2. 따라 하기 쉬운 구성: 사전 학습 → 구현 → 기능 개선 → jQuery 코드로 변환 → 연습 문제
프로그래밍 언어를 익히는 가장 좋은 방법은 실무에 필요한 부분부터 구현해보는 것이다. 초보자가 쉽게 이해할 수 있으면서도 실무에서 꼭 필요한 예제 프로젝트를 엄선했다. ‘개요’에서 프로젝트를 먼저 살펴보고, ‘사전 학습’으로 기초를 쌓은 뒤 ‘구현하기’를 진행한다. 한발 더 나아가 ‘기능 개선하기’와 ‘jQuery 코드로 변환하기’를 끝내고 ‘연습 문제’를 풀어보며 스스로 점검해본 다음 프로젝트를 마무리한다.

★Part 3. 자바스크립트의 최신 경향에 발맞춰 나아가고 싶다면!
Part 2에서도 자바스크립트 라이브러리를 활용하지만 그것으로는 조금 부족한 것 같다면 Part 3에서 jQuery를 더 자세히 살펴보자. 더불어 차세대 자바스크립트인 ECMAScript 6 문법도 자세히 살펴본다.

_이 책에서 만드는 9가지 프로젝트
● 계산기
● 라이트 박스
● 달력
● 3D 페이지
● 다이내믹 배너
● 지도
● 날씨 위젯
● 퀴즈 게임
● 스티키 메모장

_대상 독자
● 기초 문법을 빠르게 살펴보고 본격적으로 개발하고 싶은 자바스크립트 입문자
● 애플리케이션과 UI 구현 기법을 습득하려는 UI 개발자, 웹 크리에이터
● 단기간에 실무 스킬을 끌어올리고자 하는 초보 개발자
● 그동안 배운 관련 프로그래밍 지식으로 무언가를 만들어보고 싶은 입문자

_유형별 학습 로드맵
이 책은 1부에서 자바스크립트 기초를 다루고, 2부에서 본격 프로젝트를 다룬다. 마지막 3부에서 자바스크립트에 대한 더 깊은 이야기를 한다. 책을 순서대로 읽어도 좋지만 다음 학습 로드맵을 참고하면 각자의 상황에 맞춰 필요한 기술을 더 빠르게 습득할 수 있다.
● 프로그래밍 초보라면?
Part 1 → Part 3 → Part 2
● 자바스크립트와 제이쿼리 기본은 알고 있다면?
Part 2 (→ Part 3)

작가정보

저자(글) 권대용

저자 권대용은 개발자이기보다는 자유를 추구하는 크리에이터. 한 분야에만 머물지 않고 게임과 멀티미디어 웹 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했다. 대학에서 디지털 미디어와 영상학을 전공했으며 현재는 웹 디자인과 개발에 관련된 실무 교육과 미디어 교육 특강을 진행하면서 집필을 병행하고 있다.