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

정인용

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

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

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문
__elseif문
__중첩if문
__if블록레벨스코프
_03-3선택문
__switch문
_03-4반복문
__while문
__dowhile문
__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-6ES6화살표함수와모듈패턴
__화살표함수
__모듈패턴
__LiveServer플러그인을설치해인터넷프로토콜사용하기
__모듈패턴예제살펴보기
_마무리문제

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

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

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

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

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

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

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

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

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

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

찾아보기

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

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

친절한설명과도해로제대로이해하고,
<마무리문제>로확실히점검하자!

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

자바스크립트기본부터실전에필요한반응형웹,실무활용플러그인까지!
책한권으로자바스크립트+제이쿼리기초완전정복!

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

목표를정해혼자서도체계적으로공부해보세요!
30일코스와15일코스,2가지학습계획표와동영상강의제공!

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

함께배우고,나누고,성장하는‘Doit!스터디룸’으로오세요!

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

이책,이런분께추천해요!

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