실무에서 널리 쓰는 자바스크립트 필수 문법을 모두 담았다!
변수부터 브라우저 객체 모델까지 쉽고 빠르게
처음 보는 개념이 너무 많아 겁먹고 책을 덮어버린 적 있나요? 입문자에게 당장 쓰지 않을 어려운 문법은 부담일 뿐입니다. 필요한 문법부터 빠르게 배워 쓸 수 있다면 공부가 더 재밌고 효율적이겠지요? 이 책은 실무에서 가장 많이 쓰는 자바스크립트 필수 문법을 ES6(ECMAScript2015) 이상 버전을 기준으로 알차게 담았습니다. 자바스크립트와 웹 프로그래밍의 기본을 빠르게 다져 보세요.

계산기부터 회원 가입 프로그램까지
여러 가지 프로그램을 만들며 문법도 신나게 배운다!
영어 단어를 외울 때, 단어만 외운다면 그 단어를 어떤 상황에 써야 할지 알 수 없지요. 프로그래밍도 마찬가지입니다. 이 문법이 어떤 프로그램의 어떤 기능을 만들 때 사용하는 건지 모른다면 문법을 아무리 열심히 배워도 제대로 쓸 수 없습니다. [Do it! 실습] 코너에서 구구단, 기념일 계산기, 로그인 프로그램 등 총 11가지 간단한 프로그램을 직접 만들며 실제로 코딩할 때 문법을 어떻게 사용하는지 자연스럽게 익혀 보세요.

1분 복습, 필수 개념 & 문법 퀴즈, 도전! 응용 문제까지
다양한 학습 설계로 손이 기억하게 만든다!
프로그래밍 언어는 머리로 이해했다고 마음대로 쓸 수는 없습니다. 말이 입에서 튀어나오듯, 손에서 코드가 술술 나올 때까지 반복해야 합니다. 새로 배운 문법을 바로 되새기는 [1분 복습], 꼭 외워야 할 개념과 문법을 점검하는 [필수 개념 & 문법 퀴즈], 배운 내용을 응용해 새로운 프로그램을 만드는 [도전! 응용 문제]까지 독자가 다양한 방법으로 끊임없이 손을 움직이며 공부하게 만듭니다.

독학도 문제없다!
맞춤 진도표와 저자 직강 동영상 제공
혼자 책으로 공부하는 독자가 더 편할 수 있도록 저자 직강 동영상을 이지스퍼블리싱 유튜브에서 무료로 제공합니다. 또, 독자가 원하는 기간에 책을 완주할 수 있도록 돕는 맞춤 진도표도 제공합니다. 프로그래밍이 처음이라면 20일 코스로, 공부한 경험이 있다면 10일 코스에 도전해 보세요.
- 이지스퍼블리싱 유튜브: youtube.com/easyspub

6가지 실전 프로젝트가 담긴 PDF 전자책을 특별 부록으로!
실력도 더 키우고, 포트폴리오로 응용할 수 있어요
책을 끝까지 공부한 독자를 위해 책보다 어려운 난이도의 실전 예제가 담긴 PDF 전자책을 특별 부록으로 제공합니다. 온도 변환기, 라이트 박스 등 6가지 색다른 프로그램을 만들어 볼 수 있습니다.
- 이지스퍼블리싱 홈페이지: www.easyspub.co.kr → [자료실] 클릭 → 도서명 또는 ‘실전 프로젝트’ 검색

완성 소스 파일은 이지스퍼블리싱 홈페이지 자료실 또는 저자 깃허브에서 제공합니다
- 이지스퍼블리싱 홈페이지: www.easyspub.co.kr → [자료실] 클릭 → 도서명 검색
- 저자 깃허브: https://github.com/js-basic-new

함께 배우고, 나누고, 성장하는 ‘Do it! 스터디룸’으로 오세요
혼자 계획을 세우고 공부하다 보면 금방 지치기 마련이죠? 이지스퍼블리싱에서 운영하는 네이버 카페 ‘Do it! 스터디룸’ 또는 저자가 직접 운영하는 카페에서 같은 고민을 하는 친구들과 함께 공부해 보세요. 내가 잘 이해한 내용을 남을 도와주고, 내가 잘 이해하지 못한 내용은 도움을 받으면서 공부하면 복습 효과도 누릴 수 있습니다. 서로서로 코드와 개념 리뷰를 하며 훌륭한 개발자로 성장해 보세요(회원 가입과 등업 필수).
- 두잇 스터디룸: cafe.naver.com/doitstudyroom
- 저자 운영 카페: cafe.naver.com/doithtml5

01 안녕? 자바스크립트!
__01-1 웹 프로그래밍이란?
__01-2 자바스크립트로무엇을할수있을까?
__01-3 자바스크립트의특징은무엇일까?

02 자바스크립트와 친해지기
__02-1 개발환경준비하기
__02-2 비주얼스튜디오코드와인사하기
____[Doit!]작업폴더를설정하고파일열어보기
____[Doit!]다른파일과비교하며코드작성하기
____[Doit!]라이브서버확장기능사용하기
__02-3 자바스크립트소스작성하고실행하기
____[Doit!] HTML 문서안에자바스크립트소스작성하기
____[Doit!]외부스크립트파일연결하기
__02-4 나의첫번째자바스크립트프로그램
____[Doit!]인사하는브라우저만들기
__02-5 자바스크립트의입력과출력
____[Doit!]크롬브라우저콘솔로오류찾아내기
__02-6 자바스크립트소스를작성할때지켜야할규칙

03 변수와 자료형 그리고 연산자
__03-1 변수란무엇일까?
____[Doit!]나이계산프로그램만들기
__03-2 자료형이해하기
__03-3 연산자이해하기
____[Doit!]할인가격계산프로그램만들기
__03-4 연산자깊게알아보기

04 흐름을 제어한다! 제어문
__04-1 조건에 따라 흐름 조절하기 - if문, if…else문과 조건 연산자
____[Doit!] 3의배수검사기만들기
__04-2 조건이많을때흐름조절하기-switch문
____[Doit!]switch문으로여러조건값확인하기
__04-3 명령반복실행하기-for문
____[Doit!]for문작동과정이해하기
__04-4 for문반복하기-중첩for문
____[Doit!]별찍기실습으로중첩for문알아보기
____[Doit!]구구단프로그램만들기
__04-5 특정조건에따라반복하기-while문, do…while문
____[Doit!]팩토리얼계산기만들기
__04-6 반복을건너뛰거나멈추기-break문, continue문
____[Doit!]짝수더하기프로그램만들기

05 함수와 이벤트
__05-1 여러동작을묶은덩어리, 함수
____[Doit!]버튼으로함수를실행하는프로그램만들기
__05-2 let과constant로변수선언하기
__05-3 여러번사용할수있는함수만들기
__05-4 함수표현식
__05-5 이벤트다루기
____[Doit!]〈button〉태그에이벤트처리기로함수연결하기
____[Doit!] [상세설명] 버튼만들기
____[Doit!]여러이벤트처리기연결하기

06 여러 자료를 한꺼번에 담는 객체
__06-1 객체란?
__06-2 사용자정의객체만들기
____[Doit!]리터럴표기법으로장난감정보객체만들기
____[Doit!]생성자함수로도서목록객체만들기
__06-3 Date객체를활용해기념일계산기만들기
____[Doit!]기념일계산프로그램만들기

07 배열을 쉽게 다루자! Array 객체
__07-1 Array객체란?
__07-2 Array객체의함수알아보기
__07-3 여행준비물점검프로그램만들기
____[Doit!]준비물점검프로그램만들기

08 웹 문서를 다루는 방법, 문서 객체 모델(DOM)
__08-1 문서객체모델이란?
____[Doit!]DOM을사용하지않고상세설명가리기
____[Doit!]DOM을사용하여상세설명가리기
__08-2 DOM 요소에접근하기
____[Doit!] DOM 요소에접근하는여러가지방법
__08-3 웹요소의태그속성가져와서수정하기
____[Doit!]선택한상품이미지표시하기
__08-4 DOM에서이벤트처리하기
____[Doit!]addEventListener( )함수로여러이벤트를한번에처리하기
__08-5 웹요소의스타일가져와서수정하기
____[Doit!] [상세설명보기/닫기] 버튼만들기
__08-6 DOM에 요소 추가하기
____[Doit!]웹문서에새로운노드추가하기
____[Doit!]참가신청명단프로그램만들기
__08-7 추가한노드순서바꾸거나삭제하기
____[Doit!]여러노드를한꺼번에저장하는노드리스트
____[Doit!]참가신청명단프로그램개선하기

09 폼과 자바스크립트
__09-1 폼요소에접근하는여러가지방법
____[Doit!]배송정보자동입력프로그램만들기
__09-2 폼요소에서입력값검증하기
____[Doit!]입력값검증프로그램만들기
__09-3 다양한폼요소다루기

10 웹 브라우저를 다루는 방법, 브라우저 객체 모델
__10-1 브라우저객체모델이란?
__10-2 웹브라우저를제어하는Window객체
____[Doit!]팝업창표시프로그램만들기
__10-3 브라우저정보가담긴Navigator객체
__10-4 그밖의브라우저객체들

찾아보기

[특별부록] 실전프로젝트