Do it! 자바스크립트 입문

고경희

2010년《Doit!HTML5+CSS3》출간이후HTML5와웹관련강의를꾸준히해왔다.웹초창기부터ASP와JAVA등전문도서를번역하면서웹기술에관심을가지기시작했고,이후HTML과DHTML(DynamicHTML),CSS,JavaScript등웹관련기술을더쉽게익힐수있는도서60여종을집필하며자타공인HTML권위자로자리매김했다.
홍익대학교컴퓨터공학과를졸업하고동대학원에서인공지능을공부한뒤,현재DevelopmentTechnologies분야에서마이크로소프트공인최고기술자(MicrosoftMostValuableProfessional)로활동하고있다.

대표저서
-《Doit!HTML5+CSS3+자바스크립트웹표준의정석》
-《Doit!HTML5+CSS3웹표준의정석-전면개정판》
-《Doit!지옥에서온문서관리자깃&깃허브입문》
-《Doit!프런트엔드웹디자인입문-전면개정판》등총60여종

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-4for문반복하기-중첩for문
____[Doit!]별찍기실습으로중첩for문알아보기
____[Doit!]구구단프로그램만들기
__04-5특정조건에따라반복하기-while문,do…while문
____[Doit!]팩토리얼계산기만들기
__04-6반복을건너뛰거나멈추기-break문,continue문
____[Doit!]짝수더하기프로그램만들기

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

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

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

08웹문서를다루는방법,문서객체모델(DOM)
__08-1문서객체모델이란?
____[Doit!]DOM을사용하지않고상세설명가리기
____[Doit!]DOM을사용하여상세설명가리기
__08-2DOM요소에접근하기
____[Doit!]DOM요소에접근하는여러가지방법
__08-3웹요소의태그속성가져와서수정하기
____[Doit!]선택한상품이미지표시하기
__08-4DOM에서이벤트처리하기
____[Doit!]addEventListener()함수로여러이벤트를한번에처리하기
__08-5웹요소의스타일가져와서수정하기
____[Doit!][상세설명보기/닫기]버튼만들기
__08-6DOM에요소추가하기
____[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그밖의브라우저객체들

찾아보기

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

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

계산기부터회원가입프로그램까지
여러가지프로그램을만들며문법도신나게배운다!
영어단어를외울때,단어만외운다면그단어를어떤상황에써야할지알수없지요.프로그래밍도마찬가지입니다.이문법이어떤프로그램의어떤기능을만들때사용하는건지모른다면문법을아무리열심히배워도제대로쓸수없습니다.[Doit!실습]코너에서구구단,기념일계산기,로그인프로그램등총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

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