소장자료검색

자바스크립트 입문자를 위한 학습서로, ES6 기초부터 DOM에 대한 이해까지 할 수 있습니다.
300개 이상의 기초 예제를 통해 자바스크립트 실력을 키울 수 있으며, 실무 프로젝트에서 가져 온 다양한 실전 예제를 통해 실무 중심의 코드를 작성하는 방법을 배울 수 있습니다.
구버전 웹브라우저 호환성 문제와 지원에 대한 광범위한 팁을 제공하기 때문에 호환성 문제 없는 자바스크립트 코드를 작성하는데 도움을 받을 수 있습니다.
실무 웹 개발자의 오랜 경험에서 나오는 최적화된 코드를 작성하는 방법을 배울 수 있습니다.

최신 ES6 자바스크립트 기술을 익힙니다.

아직도 프론트엔드 개발에서 낡은 자바스크립트 코드로 비효율적인 개발을 하는 경우가 많습니다.
최신 프론트엔드 개발은 빠르게 ES6 이상의 표준을 따르는 자바스크립트를 사용하는 방식으로 옮겨가고 있습니다.
ES6 자바스크립트는 이전 자바스크립트와는 다른 많은 기능이 추가되었으며, 더 효율적이고 빠른 개발이 가능합니다.
이 책을 통해 ES6의 최신 문법을 중심으로 빠르게 학습을 할 수 있습니다.

실무에서 자주 사용하는 우선 순위에 따라 배웁니다.

ES6에서 추가된 개념을 중심으로 실제 실무에서 사용하는 구문을 중심으로 내용이 진행됩니다.
모든 내용에 예제 코드가 포함되어 있기 때문에 복잡한 설명보다 더 빠르고 확실하게 개념을 익힐 수 있으며, 어려운 이론적인 부분들은 추가 일러스트로 개념을 한 번에 익힐 수 있도록 도와줍니다.

실전 프로젝트를 익힙니다.

실무에서 적용해 사용한 프로젝트 코드를 기초로 학습할 수 있도록 다양한 실전 프로젝트를 실제로 작성해 볼 수 있습니다.


실무에서 사용하는 다양한 예제 소스 제공

실제로 실무에서 구현해 사용하는 코드를 발췌에서 예제에 사용하기 때문에 실무에서 사용하는 코드를 익히는데 도움이 됩니다.


저자에게 물어보세요

저자가 운영하는 블로그(https://apost.kr)에는 자바스크립트 강의와 팁을 포함한 다양한 분야의 강의가 올라가고 있습니다. 책을 보다 궁금한 점이 있으면 블로그에 문의를 하면 저자의 답변을 얻을 수 있습니다.

1장. 자바스크립트 기초
1. 자바스크립트 버전의 이해 16
2. 클라우드 기반 프론트엔드 코드 에디터 JSFiddle 과 JSBin 19
3. 변수와 상수의 이해 21
4. 변수명 사용 규칙과 제약사항 26
5. 원시형 데이터 타입과 참조형 데이터 타입의 이해 28
6. 자료형의 변환 31
7. 숫자 표현과 숫자 변환 기초 34
8. 숫자형의 표현 범위와 사용시 주의할 점 40
9. 불리언(boolean) 사용시 주의할 점 43
10. Null, Undefined, 0 의 차이 45
11. 연산자 기초 48
12. 조건문 기초 - if 와 switch 문 53
13. 반복문 기초 1 - 다양한 for 문의 이해 57
14. 반복문 기초 2 - while 문의 이해 62

2장. 함수
1. 자바스크립트 함수의 이해 66
2. 함수 파라메터의 이해 69
3. 커링(Curring) 함수 기초 72
4. 펼침 연산자(spread operator), 전개 구문, 그리고 나머지 파라메터 75
5. 나머지 파라메터의 활용 78
6. 화살표 함수 기초 81
7. 고차함수의 이해(High-order function) 83
8. 변수의 스코프(Scope)와 스코프 체인(Scope Chain)의 이해 84
9. 생성자 함수(Generator Function) 87
10. 자바스크립트 에러와 예외 처리 92

3장. 객체와 클래스
1. 클래스(Class)의 이해 98
2. 프로토타입과 클래스 102
3. 생성자 함수(Constructor Function)의 이해 105
4. 클래스 상속(Inherit)의 이해 107
5. 클래스 정적 속성과 정적 메서드의 이해 109
6. this의 컨텍스트 범위와 바인딩 111
7. 클로저(Closure)의 이해 116
8. 객체의 이해 120
9. 객체 속성의 추가, 변경, 삭제 123
10. 객체의 단축 속성명, 단축 메서드명, 계산된 속성명 127
11. 객체의 참조와 복사, 상속의 이해 129
12. 객체의 초기화와 복사의 활용 133
13. 속성 기술자로 객체 속성을 정의하기 136
14. 맵(Map)의 이해 140
15. 셋(Set)의 이해 144
16. 모듈(Module)의 이해 147

4장. 문자열
1. 문자열과 문자열 객체의 차이 154
2. 문자열의 공백 제거하기 158
3. 문자열 자르기 160
4. 문자열이 아닌 데이터를 문자열로 변환하기 163
5. 문자열 찾기 164
6. 문자열 바꾸기와 대소문자 변환 168
7. 문자열 합치기 171
8. 문자열 리터럴과 템플릿 리터럴, 그리고 태그드 템플릿 173
9. 여러 줄로 된 긴 문자열 사용 176
10. 템플릿 리터럴 자세히 알기 178
11. 날짜 포맷과 문자열 변환 183

5장. 배열
1. 배열의 기초 188
2. 배열의 길이 속성 length 190
3. 배열 요소의 추가와 삭제 192
4. splice() 로 배열 요소들의 빠른 추가, 변경, 삭제 196
5. 2차원 배열, 다차원 배열 그리고 중첩 배열 198
6. 배열의 합계를 구하기 203
7. 배열 검색하기 205
8. 배열의 조건 체크와 필터링 207
9. JSON 데이터를 배열로 변환하기 211
10. 문자열을 배열로 만들기 213
11. 배열 요소의 순환(forEach, map) 217
12. 배열 정렬하기 222
13. 배열 요소를 추출하기 224
14. 배열 합치기 227

6장. 비동기 통신과 AJAX
1. AJAX 비동기 통신 기초(XMLHttpRequest) 232
2. XMLHttpRequest 객체의 웹 브라우저 호환성과 인터넷 익스플로러 236
3. AJAX 와 JSON 238
4. 더 나은 비동기 통신을 위한 프로미스(Promise) 기초 240
5. 더 간편한 프로미스(Promise) 구현을 위한 패치(Fetch) 245
6. 프로미스 Async/Await 249
7. HTTP 응답 상태 코드 표(Response Status Code) 251
8. 타이머를 이용한 지연 실행과 반복 실행 253

7장. DOM과 이벤트
1. 문서 객체 모델(DOM)과 노드, 그리고 태그의 이해 260
2. DOM 노드와 속성의 이해 263
3. DOM 노드의 생성, 수정, 삭제 기초 267
4. DOM 이벤트 기초 274
5. 이벤트 캡쳐링(Capturing)과 버블링(Bubbling)의 이해 279
6. DOM 엘리먼트 노드의 CSS 관리 기초 282
7. 이벤트 타입과 속성의 이해 288
8. DOM 제어의 시작점 DOMContentLoaded 이벤트 293
9. 마우스 중복 클릭 막기 295
10. stopPropagation() 과 preventDefault() 의 차이 297
11. event.keyCode 코드표 300

8장. HTML 제어
1. 폼 요소(Element) 선택과 제어 302
2. 아이프레임 제어와 데이터 교환 307
3. URL과 히스토리 제어 기초 312
4. location.href 와 location.replace() 의 차이 316
5. HTML 데이터셋(Dataset, data-*) 속성의 이해 317
6. CSS 쿼리 선택자 기초 321
7. 입력 필드 글자수 카운팅과 입력 길이 제한 325
8. append() 와 appendChild()의 차이 326
9. remove() 와 removeChild() 의 차이 328
10. scrollHeight, clientHeight, offsetHeight 의 차이 329
11. JSON 데이터로 HTML 내용 추가하기 331

9장. 실전 활용 예제
1. 자바스크립트 코드를 분리된 .js 파일에 작성해야 하는 이유 336
2. 자릿수 만큼 남는 공간을 0으로 채우기 339
3. 마우스 우 클릭과 드래그 영역 선택을 막기 342
4. 로컬 스토리지(localStorage) 사용 344
5. 쿠키로 개인화 데이터 관리하기 346
6. location 객체와 URL 구조의 이해 349
7. 쿼리 스트링을 JSON 객체로 변환하기 351
8. “키:값” 객체를 배열로 변환하기 352
9. != 과 !== 비교 연산자의 차이점 355
10. 정규 표현식(Regular Expression)으로 이메일 주소 검증하기 356
11. 정규 표현식으로 문자열 전체 바꾸기 구현 357
12. 복사해서 바로 사용하는 정규 표현식(Regular Expression) 모음 359
13. Null(널) 과 Undefined(언디파인드) 의 차이점 361
14. 모바일 기기 체크하기 363
15. HTML 테이블(〈table〉)과 아이프레임의 반응형 웹 지원 추가하기 366
16. HTML 테이블을 CSV 파일로 다운로드 하기 368
17. HTML 테이블을 엑셀 파일로 저장하기 371

10장. 실전 프로젝트
1. 반응형 레이아웃 구현 378
2. 탑 스크롤 버튼 구현 380
3. 업로드 할 이미지 미리보기 구현 383
4. 쇼핑몰 상세 보기 화면 더보기 구현 387
5. 이벤트 위임(Event Deligation)으로 메뉴 선택 구현하기 390
6. 무한 롤링 이미지 배너 구현 - 1. 무한 롤링 구현 393
7. 무한 롤링 이미지 배너 구현 - 2. 앞뒤 이동 버튼 구현 398
8. 슬라이딩 모바일 메뉴 구현 402
9. To Do List 앱 구현하기 408
10. 프로토타입으로 별점 댓글 기능 구현하기 416
11. 이벤트 리스너로 장바구니 수량 변경 및 자동 합계 구하기 422