Do it! 자바스크립트+제이쿼리 입문(개정판 2판)(Do it! 시리즈)

더 강력하게 돌아왔다!
《Do it! 자바스크립트+제이쿼리 입문》 개정 2판!
새로워진 자바스크립트+제이쿼리 내용을 반영하여 《Do it! 자바스크립트+제이쿼리 입문》이 다음 내용을 중심으로 전면 개정되었습니다.

? 자바스크립트 최신 문법 반영
? 자바스크립트 비동기 방식 개념 및 실습 강화
? 실무에서 활용할 수 있는 제이쿼리 플러그인 강화
? 최신 경향에 맞춰 본문과 소스 코드 업데이트

친절한 설명과 도해로 제대로 이해하고,
<마무리 문제>로 확실히 점검하자!
이 책은 자바스크립트와 제이쿼리를 처음 접하는 입문자도 자바스크립트 코드가 동작하는 원리를 알 수 있도록 집필했습니다. 이해하기 어려운 내용은 친절한 그림으로 알려 주고 놓치기 쉬운 코드는 자세히 설명합니다. 또한 장 마지막에 <마무리 문제>를 배치하여 각 장에서 배운 내용을 확실하게 점검할 수 있습니다. 자바스크립트와 제이쿼리의 기초와 핵심을 쉽고 빠르게 배워 웹 개발에 입문해 보세요!

자바스크립트 기본부터 실전에 필요한 반응형 웹, 실무 활용 플러그인까지!
책 한 권으로 자바스크립트+제이쿼리 기초 완전 정복!
이 책의 첫째마당에서는 자바스크립트의 기본 개념과 문법을 공부하며 웹페이지에서 자바스크립트가 어떻게 동작하는지 정확히 이해합니다. 둘째마당에서는 자바스크립트를 더 쉽게 만들어 주는 제이쿼리를 공부합니다. CSS 선택자를 살펴보고 문서 객체와 이벤트를 다루는 방법 그리고 애니메이션, 플러그인의 개념과 사용법을 알아봅니다. 셋째마당에서는 앞에서 배운 자바스크립트와 제이쿼리 기술을 활용하여 반응형 웹사이트를 실무에서 개발하듯이 직접 만들어 보며 실전 감각을 키웁니다. 마지막으로 스페셜에서 크롬 브라우저로 디버깅하는 방법까지 배우고 나면 웹 프런트엔드 개발의 동작 원리와 이를 응용하는 능력을 습득할 수 있습니다.

목표를 정해 혼자서도 체계적으로 공부해 보세요!
30일 코스와 15일 코스, 2가지 학습 계획표와 동영상 강의 제공!
이 책은 혼자서도 체계적으로 공부할 수 있도록 학습 계획표를 제공합니다. 학습 계획표에 스스로 목표 날짜를 써넣고 공부를 시작해 보세요. 자바스크립트와 제이쿼리를 처음 시작한다면 30일 코스를, 자바스크립트를 이미 경험해 보았고 웹 개발의 핵심을 빠르게 익히고 싶다면 15일 코스를 추천합니다! 15일 학습 계획표로는 한학기 수업도 가능합니다. 또한 저자 직강 동영상을 무료로 제공합니다. 이 책의 핵심 내용을 프런트엔드 전문가에게 1:1 과외받듯이 배워 보세요. 책과 함께 시청하면 자바스크립트와 제이쿼리에 더 쉽게 입문할 수 있습니다.

함께 배우고, 나누고, 성장하는 'Do it! 스터디룸'으로 오세요!
혼자 계획을 세우고 공부하다 보면 금방 지치기 마련입니다. 어려운 내용은 나와 비슷한 고민을 하는 독자를 만나 공유해 보세요. 서로 도움을 주고받으며 공부하다 보면 더 보람차니까요. 내가 잘 이해한 내용은 남을 도와주고 내가 잘 이해하지 못한 내용은 도움을 받으면서 공부하면 복습 효과도 누릴 수 있습니다. 멀리 가려면 친구와 함께해 보세요.
? Do it! 스터디룸: cafe.naver.com/doitstudyroom

이 책, 이런 분께 추천해요!
? 자바스크립트와 제이쿼리를 처음 접하는 입문자
? 기초부터 실무까지 프런트엔드의 기본을 익히고 싶은 분
? 단기간에 자바스크립트와 제이쿼리의 핵심을 정리하고 싶은 분

첫째마당 기초부터 시작하는 자바스크립트

01장 자바스크립트 시작하기
_01-1 처음 만나는 자바스크립트
__프런트엔드 개발 이해하기
__자바스크립트 이해하기
_01-2 개발 환경 준비하기
__크롬 브라우저 설치하고 개발자 도구 살펴보기
__자바스크립트 편집기 설치와 사용법
__비주얼 스튜디오 코드 설치하기
__확장 기능 이용해 HTML 문서를 크롬 브라우저에서 바로 열기
_01-3 자바스크립트 맛보기 예제
__자바스크립트로 간단한 실행문 작성하기
_마무리 문제

02장 자바스크립트 기초 문법
_02-1 자바스크립트의 기초 문법 알아보기
__자바스크립트 선언문
__자바스크립트 주석 처리
__내부 스크립트 외부로 분리하기
__코드 입력 시 주의 사항
_02-2 변수
__변수란?
__변수에 저장할 수 있는 자료형
__ES6에 추가된 let과 const
__변수 선언 시 주의 사항
_02-3 연산자
__연산자란?
__산술 연산자
__문자 결합 연산자
__문자를 쉽게 병합해 주는 템플릿 문자열
__대입 연산자
__증감 연산자
__비교 연산자
__논리 연산자
__연산자 우선순위
__삼항 조건 연산자
__총정리 실습 | 적정 체중을 구하는 테스트기 만들기
_마무리 문제

03장 제어문
_03-1 제어문 알아보기
_03-2 조건문
__if 문
__else 문
__else if 문
__중첩 if 문
__if 블록 레벨 스코프
_03-3 선택문
__switch 문
_03-4 반복문
__while 문
__do while 문
__for 문
__break 문
__continue 문
__중첩 for 문
_마무리 문제

04장 객체
_04-1 객체 알아보기
__객체란?
__객체의 종류
_04-2 내장 객체
__내장 객체 생성하기
__날짜 정보 객체
__수학 객체
__배열 객체
__문자열 객체
__ES6 내장 객체에 추가된 유용한 기능
_04-3 브라우저 객체 모델
__브라우저 객체란?
__window 객체
__일정한 시간 간격으로 코드 실행하기
__screen 객체
__location 객체
__history 객체
__navigator 객체
__총정리 실습 | 웹 브라우저 객체 모델을 사용해 운영체제와 스크린 정보 얻기
_마무리 문제

05장 함수
_05-1 함수 알아보기
__함수란?
__기본 함수 정의문
__매개변수가 있는 함수 정의문
__매개변수 없이 함수에 전달된 값 받아오기
_05-2 함수에서 return 문의 역할
__데이터를 반환하고 강제 종료하는 return 문
__재귀 함수 호출
_05-3 함수 스코프의 개념 이해
__함수 스코프란?
__전역 변수와 지역 변수의 개념과 차이
__전역 함수와 지역 함수의 차이
__전역과 지역을 나누는 이유
_05-4 객체 생성자 함수의 활용
__객체 생성자 함수
__메모리를 절약하는 프로토타입 사용하기
_05-5 자바스크립트 내장 함수
_05-6 ES6 화살표 함수와 모듈 패턴
__화살표 함수
__모듈 패턴
__Live Server 플러그인을 설치해 인터넷 프로토콜 사용하기
__모듈 패턴 예제 살펴보기
_마무리 문제

06장 비동기 방식 연동
_06-1 동기 방식과 비동기 방식
__동기 방식과 비동기 방식의 차이점
_06-2 약속 객체 생성하기
__비동기 코드를 위한 약속 객체 생성하기
__async 함수와 await 키워드
_06-3 fetch API
__비동기 방식으로 데이터를 바인딩하는 fetch
_마무리 문제

둘째마당 자바스크립트를 더 쉽게 해주는 제이쿼리

07장 제이쿼리 문서 객체 선택자와 조작법
_07-1 제이쿼리 기본 다지기
__제이쿼리란?
__제이쿼리 라이브러리 연동하기
_07-2 선택자
__선택자
__기본 선택자
__직접 선택자
__인접 관계 선택자
_07-3 제이쿼리 탐색 선택자
__탐색 선택자
__위치 탐색 선택자
__제이쿼리 배열 관련 메서드
__속성 탐색 선택자
__그 외의 선택자 ? 콘텐츠 탐색 선택자
__선택자와 함께 알아두면 유용한 메서드
_07-4 객체 조작
__객체 조작 메서드
__속성 조작 메서드
__수치 조작 메서드
__객체 편집 메서드
__총정리 실습 | 주요 선택자 정리하기
_마무리 문제

08장 제이쿼리 이벤트
_08-1 이벤트 등록 메서드
__이벤트 등록 메서드란?
__이벤트 등록 방식 알아보기
__마우스 이벤트
__이벤트 객체와 종류
__포커스 이벤트
__키보드로 마우스 이벤트 대응하기
__키보드 이벤트
__이벤트가 발생한 요소 추적하기
_08-2 그룹 이벤트 등록 및 삭제하기
__그룹 이벤트 등록 메서드
__이벤트 제거 메서드
__총정리 실습 | 글자 확대, 축소 버튼 만들기
_마무리 문제

09장 다양한 효과와 애니메이션
_09-1 효과 및 애니메이션 메서드
__효과 메서드
__동작을 불어넣는 애니메이션 메서드
_09-2 애니메이션 효과 제어 메서드
__애니메이션 효과 제어 메서드란?
__총정리 실습 | 지정 구간에서 슬라이드 요소 만들기
_마무리 문제

10장 제이쿼리 비동기 방식 연동
_10-1 Ajax
__Ajax란?
_10-2 Ajax 관련 메서드
__Ajax 관련 메서드들
__Ajax로 JSON 데이터 바인딩하기
__Ajax로 XML 데이터 바인딩하기
__자바스크립트의 보안 정책과 외부 데이터 바인딩하기
__RSS 연동하기
__비동기 작업을 관리하는 디퍼드 객체
__총정리 실습 | Ajax로 로그인 프로그램 만들기
_마무리 문제

11장 제이쿼리 플러그인
_11-1 제이쿼리 플러그인이란?
__제이쿼리 플러그인이란?
_11-2 제이쿼리 UI 플러그인 활용하기
__제이쿼리 UI 플러그인
__UI 플러그인으로 드래그 레이어 창 만들기
__UI 플러그인으로 날짜 설정 달력 만들기
_11-3 Swiper JS 라이브러리 활용하기
__Swiper JS 라이브러리
_11-4 jquery-cookie 플러그인 활용하기
__jquery-cookie 플러그인
_11-5 플러그인 직접 제작하기
__플러그인을 제작하는 $.fn.extend( ) 메서드
__간단한 플러그인 제작하기
__자주 묻는 질문 플러그인 제작하기
__총정리 실습 | Swiper JS를 이용해 섬네일 슬라이드 갤러리 만들기
_마무리 문제

셋째마당 자바스크립트 + 제이쿼리 실무 예제

12장 반응형 웹 UI 만들기
_12-1 프로젝트 구성과 HTML 문서 설계하기
__프로젝트 구성 요소 알아보기
__HTML 레이아웃과 콘텐츠 구성
__문서의 기본 구조
_12-2 공통 UI 만들기
__브라우저의 너비 설정하기
__GNB 만들기
_12-3 메인 콘텐츠 영역 UI 만들기
__메인 비주얼 슬라이드 배너 만들기
__최근 게시물 탭 메뉴 만들기
__BEST BOOK 만들기

스페셜 크롬 브라우저로 디버깅하기

찾아보기

정인용 현대자동차, 현대로템, 삼성 반도체, 삼성 카드 사이트 등 여러 웹사이트를 개발했고 삼성인재개발원과 한국녹색디자인개발협회의 기술연구원으로 웹 표준 인재를 양성해 왔다. 또한 한국직업전문학교와 한국디지털기업협회에서 HTML과 CSS, 자바스크립트, 제이쿼리 등 프런트엔드 개발 관련 강의를 했으며 네이버 '웹 표준 스쿨' 카페에서 온·오프라인 모임으로 기부형 강좌를 제공했다. 현재는 매디브에서 웹 프런트엔드 개발 팀의 부장으로 재직 중이다.
프런트엔드 실무와 강의 경험을 바탕으로 2014년에 집필한 《Do it! 자바스크립트 + 제이쿼리 입문》은 지난 10년간 웹 입문자, 실무자 모두에게 도움을 주는 필독서로 자리 잡았다. 웹 입문자가 프런트엔드 개발에 자신감을 가질 수 있도록 최신 문법과 실무 노하우를 반영해 이 책을 집필하였다.


주요 저서
?《실전 프로젝트 반응형 웹퍼블리싱》(아이콕스, 2014)