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

10년 연속 베스트셀러! 《Do it! 자바스크립트+제이쿼리 입문》 전면 개정 2판 출간!

자바스크립트 기본 문법부터 웹 개발 실무까지 한 권으로 완성한다!

누적 5만 5천 명의 독자가 선택한 IT 분야 스테디셀러 《Do it! 자바스크립트+제이쿼리 입문》이 최신 문법과 실무 노하우를 강화하여 전면 개정되었습니다.

이제 웹 개발자는 물론 웹 디자이너와 웹 퍼블리셔처럼 웹 프로젝트에 참여하는 사람이라면 자바스크립트 스킬을 갖춰야 합니다. 이 책은 171개 예제로 자바스크립트의 기본 문법을 익히고 반응형 웹 프로젝트를 직접 만들며 실무에서 활용할 수 있는 플러그인까지 공부합니다. 자바스크립트 입문자는 물론이고 동적으로 기능하는 웹 개발의 핵심을 빠르게 익히고 싶은 분 모두에게 지름길을 알려 주는 안내서가 될 것입니다.

[목 차]

 

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

 

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 만들기

 

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

 

찾아보기