TRY HELLOWORLD 자바스크립트
책 소개
혼자서 공부하는
자바스크립트 + 웹 프런트엔드
# 하루 15분! 자바스크립트 기초부터 웹 프런트엔드까지!
짧은 강의와 실습을 통해 하루 15분이면 누구나 자바스크립트 프로그래밍을 배울 수 있게 구성하였다. 기초 문법을 익힌 후에는 HTML, CSS와 함께 자바스크립트를 활용해 웹 페이지의 다양한 기능을 구현해본다.
# 5분 동영상, 53개 강의
지하철 안에서, 생활 속 자투리 시간에 틈틈이, 짬짬이 볼 수 있는 동영상 강의 53개를 제공한다(본문에 QR 코드 수록). 초보자도 차근차근 학습할 수 있도록 동영상 강의에서 미처 다루지 못한 내용을 책에 보완하고 실전에 필요한 팁을 추가했다.
# 코딩 실습 22개 + 정답 수록
배운 내용을 바로 확인하고 점검할 수 있는 실습 문제와 정답을 수록했다. 프로그래머스 사이트(http://programmers.co.kr)에서 직접 코드를 입력하고 실행해보면서 배운 내용을 훈련할 수 있다.
작가 소개
저 : 김용록
구글코리아에서 소프트웨어 엔지니어로 재직 중이다. 더 좋은 소프트웨어 엔지니어가 되기를 갈망하지만 일과 삶의 균형이 더 중요하다. 겨울에는 주로 스키를 즐긴다.
목 차
1부 자바스크립트 입문
Part 01 시작하기
1강. 실습 환경 만들기
2강. 개발자 도구 사용하기
[실습] console.log( ) 명령으로 출력하기
Part 02 변수
3강. 변수를 선언하고 초기화하기
[실습] 변수 사용하기
4강. 변수 활용하기
[실습] 변수 사용하기
Part 03 데이터 타입
5강. 기본 데이터 타입
[실습] 기본 데이터 타입 실습하기
6강. 숫자형
[실습] 숫자형 실습하기
7강. 문자열
[실습] 문자열 실습하기
8강. 객체
[실습] 객체 선언하기
9강. undefined와 null
[실습] undefined와 null 사용하기
Part 04 연산자와 함수
10강. 산술 연산자
[실습] 산술 연산자 사용하기
11강. 함수 사용하기
[실습] 함수 사용하기
12강. 관계 연산자와 논리 연산자
[실습] 관계 연산자 사용하기
13강. 연산자 우선순위
Part 05 문자열
14강. 문자열 이어 붙이기
[실습] 문자열 이어 붙이기
15강. 문자열 다루기
[실습] 문자열 다루기
Part 06 배열
16강. 배열 만들기
[실습] 배열 만들기
17강. 배열 사용하기
[실습] 배열 사용하기
Part 07 주석
18강. 주석 사용하기
[실습] 주석 사용하기
Part 08 조건문
19강. if 조건문
[실습] if 조건문 사용하기
20강. switch 조건문
[실습] switch 조건문 사용하기
Part 09 반복문
21강. while 반복문
[실습] while 반복문 사용하기
22강. do while 반복문
23강 for 반복문
[실습] for 반복문 사용하기
24강. for in 반복문
[실습] for in 반복문 사용하기
Part 10 더 알아보기
25강. 변수의 유효 범위
26강. 변수 가림 현상
[실습] 변수 가림 현상 사용하기
27강. 메서드와 this
28강. 클로저
2부 자바스크립트와 웹 프런트엔드
Part 11 자바스크립트와 웹
29강. 자바스크립트, HTML, CSS
30강. window 객체
31강. CSS 다루기
Part 12 DOM + JS
32강. DOM 알아보기
33강. 단일 엘리먼트 선택하기
34강. 다중 엘리먼트 선택하기
35강. CSS 선택자를 이용해서 엘리먼트 선택하기
36강. 엘리먼트를 추가하고 삭제하기
Part 13 이벤트와 자바스크립트
37강. 콜백 함수
38강. HTML 태그 속성에 이벤트 핸들러 추가하기
39강. 자바스크립트에서 이벤트 핸들러 설정하기
Part 14 네트워킹
40강. Ajax 요청 보내기
41강. Ajax 응답을 받아서 처리하기
42강. JSON
43강. Ajax와 JSON
Part 15 클래스와 객체 지향 프로그래밍
44강. script 태그의 위치에 따라 달라지는 실행 순서
45강. 크롬 디버거 활용하기
46강. 익명 함수와 함수 즉시 호출
47강. 예외 처리
48강. 예외 처리 활용하기
Part 16 이미지 갤러리 프로젝트
49강. 이미지 갤러리 만들기
50강. 이미지 선택 기능 만들기
51강. 전체 선택 기능 만들기
52강. 자세히 보기 기능 만들기
53강. 슬라이드 쇼 기능 만들기
Part 01 시작하기
1강. 실습 환경 만들기
2강. 개발자 도구 사용하기
[실습] console.log( ) 명령으로 출력하기
Part 02 변수
3강. 변수를 선언하고 초기화하기
[실습] 변수 사용하기
4강. 변수 활용하기
[실습] 변수 사용하기
Part 03 데이터 타입
5강. 기본 데이터 타입
[실습] 기본 데이터 타입 실습하기
6강. 숫자형
[실습] 숫자형 실습하기
7강. 문자열
[실습] 문자열 실습하기
8강. 객체
[실습] 객체 선언하기
9강. undefined와 null
[실습] undefined와 null 사용하기
Part 04 연산자와 함수
10강. 산술 연산자
[실습] 산술 연산자 사용하기
11강. 함수 사용하기
[실습] 함수 사용하기
12강. 관계 연산자와 논리 연산자
[실습] 관계 연산자 사용하기
13강. 연산자 우선순위
Part 05 문자열
14강. 문자열 이어 붙이기
[실습] 문자열 이어 붙이기
15강. 문자열 다루기
[실습] 문자열 다루기
Part 06 배열
16강. 배열 만들기
[실습] 배열 만들기
17강. 배열 사용하기
[실습] 배열 사용하기
Part 07 주석
18강. 주석 사용하기
[실습] 주석 사용하기
Part 08 조건문
19강. if 조건문
[실습] if 조건문 사용하기
20강. switch 조건문
[실습] switch 조건문 사용하기
Part 09 반복문
21강. while 반복문
[실습] while 반복문 사용하기
22강. do while 반복문
23강 for 반복문
[실습] for 반복문 사용하기
24강. for in 반복문
[실습] for in 반복문 사용하기
Part 10 더 알아보기
25강. 변수의 유효 범위
26강. 변수 가림 현상
[실습] 변수 가림 현상 사용하기
27강. 메서드와 this
28강. 클로저
2부 자바스크립트와 웹 프런트엔드
Part 11 자바스크립트와 웹
29강. 자바스크립트, HTML, CSS
30강. window 객체
31강. CSS 다루기
Part 12 DOM + JS
32강. DOM 알아보기
33강. 단일 엘리먼트 선택하기
34강. 다중 엘리먼트 선택하기
35강. CSS 선택자를 이용해서 엘리먼트 선택하기
36강. 엘리먼트를 추가하고 삭제하기
Part 13 이벤트와 자바스크립트
37강. 콜백 함수
38강. HTML 태그 속성에 이벤트 핸들러 추가하기
39강. 자바스크립트에서 이벤트 핸들러 설정하기
Part 14 네트워킹
40강. Ajax 요청 보내기
41강. Ajax 응답을 받아서 처리하기
42강. JSON
43강. Ajax와 JSON
Part 15 클래스와 객체 지향 프로그래밍
44강. script 태그의 위치에 따라 달라지는 실행 순서
45강. 크롬 디버거 활용하기
46강. 익명 함수와 함수 즉시 호출
47강. 예외 처리
48강. 예외 처리 활용하기
Part 16 이미지 갤러리 프로젝트
49강. 이미지 갤러리 만들기
50강. 이미지 선택 기능 만들기
51강. 전체 선택 기능 만들기
52강. 자세히 보기 기능 만들기
53강. 슬라이드 쇼 기능 만들기
01. 반품기한
- 단순 변심인 경우 : 상품 수령 후 7일 이내 신청
- 상품 불량/오배송인 경우 : 상품 수령 후 3개월 이내, 혹은 그 사실을 알게 된 이후 30일 이내 반품 신청 가능
02. 반품 배송비
| 반품사유 | 반품 배송비 부담자 |
|---|---|
| 단순변심 | 고객 부담이며, 최초 배송비를 포함해 왕복 배송비가 발생합니다. 또한, 도서/산간지역이거나 설치 상품을 반품하는 경우에는 배송비가 추가될 수 있습니다. |
| 고객 부담이 아닙니다. |
03. 배송상태에 따른 환불안내
| 진행 상태 | 결제완료 | 상품준비중 | 배송지시/배송중/배송완료 |
|---|---|---|---|
| 어떤 상태 | 주문 내역 확인 전 | 상품 발송 준비 중 | 상품이 택배사로 이미 발송 됨 |
| 환불 | 즉시환불 | 구매취소 의사전달 → 발송중지 → 환불 | 반품회수 → 반품상품 확인 → 환불 |
04. 취소방법
- 결제완료 또는 배송상품은 1:1 문의에 취소신청해 주셔야 합니다.
- 특정 상품의 경우 취소 수수료가 부과될 수 있습니다.
05. 환불시점
| 결제수단 | 환불시점 | 환불방법 |
|---|---|---|
| 신용카드 | 취소완료 후, 3~5일 내 카드사 승인취소(영업일 기준) | 신용카드 승인취소 |
| 계좌이체 |
실시간 계좌이체 또는 무통장입금 취소완료 후, 입력하신 환불계좌로 1~2일 내 환불금액 입금(영업일 기준) |
계좌입금 |
| 휴대폰 결제 |
당일 구매내역 취소시 취소 완료 후, 6시간 이내 승인취소 전월 구매내역 취소시 취소 완료 후, 1~2일 내 환불계좌로 입금(영업일 기준) |
당일취소 : 휴대폰 결제 승인취소 익월취소 : 계좌입금 |
| 포인트 | 취소 완료 후, 당일 포인트 적립 | 환불 포인트 적립 |
06. 취소반품 불가 사유
- 단순변심으로 인한 반품 시, 배송 완료 후 7일이 지나면 취소/반품 신청이 접수되지 않습니다.
- 주문/제작 상품의 경우, 상품의 제작이 이미 진행된 경우에는 취소가 불가합니다.
- 구성품을 분실하였거나 취급 부주의로 인한 파손/고장/오염된 경우에는 취소/반품이 제한됩니다.
- 제조사의 사정 (신모델 출시 등) 및 부품 가격변동 등에 의해 가격이 변동될 수 있으며, 이로 인한 반품 및 가격보상은 불가합니다.
- 뷰티 상품 이용 시 트러블(알러지, 붉은 반점, 가려움, 따가움)이 발생하는 경우 진료 확인서 및 소견서 등을 증빙하면 환불이 가능하지만 이 경우, 제반 비용은 고객님께서 부담하셔야 합니다.
- 각 상품별로 아래와 같은 사유로 취소/반품이 제한 될 수 있습니다.
| 상품군 | 취소/반품 불가사유 |
|---|---|
| 의류/잡화/수입명품 | 상품의 택(TAG) 제거/라벨 및 상품 훼손으로 상품의 가치가 현저히 감소된 경우 |
| 계절상품/식품/화장품 | 고객님의 사용, 시간경과, 일부 소비에 의하여 상품의 가치가 현저히 감소한 경우 |
| 가전/설치상품 | 전자제품 특성 상, 정품 스티커가 제거되었거나 설치 또는 사용 이후에 단순변심인 경우, 액정화면이 부착된 상품의 전원을 켠 경우 (상품불량으로 인한 교환/반품은 AS센터의 불량 판정을 받아야 합니다.) |
| 자동차용품 | 상품을 개봉하여 장착한 이후 단순변심의 경우 |
| CD/DVD/GAME/BOOK등 | 복제가 가능한 상품의 포장 등을 훼손한 경우 |
| 상품의 시리얼 넘버 유출로 내장된 소프트웨어의 가치가 감소한 경우 | |
| 노트북, 테스크탑 PC 등 | 홀로그램 등을 분리, 분실, 훼손하여 상품의 가치가 현저히 감소하여 재판매가 불가할 경우 |