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

171개 예제로 기본 잡고, 반응형 웹부터 실무 활용 플러그인까지!

정인용 저자 지음

이지스퍼블리싱 2024년 12월 30일 출간 국내도서 : 2024년 12월 12일 출간

작품소개

책소개

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

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

찾아보기

작가정보

저자(글) 정인용 저자

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