홈앤서비스 SK BROADBAND

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