자바스크립트+jQuery 완전정복 스터디 1: 기초편(위키북스 웹동네 시리즈 3)

『자바스크립트+jQuery 완전정복 스터디 1 (기초편)』에서는 처음 웹프로그래밍 입문자라면 반드시 알아야 할 자바스크립트 코어 문법, 자바스크립트 함수 단위 프로그래밍, 자바스크립트 코어 라이브러리 등의 내용을 다루고 있으며 알기 쉽고 이해하기 쉽도록 다양한 그림과 예제로 차근차근 친절하게 설명합니다.



★ 이 책만의 특징 ★



◎ 이 책은 기획 단계에서부터 개인/단체 스터디를 목적으로 제작되었습니다.

◎ 이 책은 이제 막 시작하는 초급자를 위한 초급 단계와 일반 실무자의 실력 향상을 위한 중급/고급/실무 단계로 구성돼 있으며 개인의 실력과 목적에 맞게 선택해서 스터디를 진행할 수 있습니다.

◎ 학습하기 쉽게 하나의 장(주제)은 여러 개의 레슨(소주제)으로 구성돼 있습니다.

◎ 실무 이론과 실무 중심 예제가 가득합니다.

◎ 학습한 내용을 자체적으로 평가할 수 있는 실무형 미션도 가득 들어 있습니다.



★ 이 책의 대상 독자 ★



◎ 자바스크립트를 이제 막 배우는 초보자

◎ 자바스크립트를 배우고 싶은데, 멘토가 없어서 뭐부터 어떻게 학습해야 할지 모르는 초보 실무자

◎ 뭔가 스스로 만들어보고 싶은데 로직 구현이 안 돼서 어려워하는 초보자

◎ 웹 프로그래밍을 체계적으로 배우고 싶은 초보자

[1부] 자바스크립트 코어 기초 문법



▣ 01장: 변수

Lesson 01. 변수 소개

__01. 변수란?

__02. 변수는 이럴 때 사용해요.

Lesson 02. 변수 만들기

__01. 변수 하나 만들기

__02. 변수 여러 개 만들기

__03. 변수이름 만들 때 주의사항

Lesson 03. 변수에 저장할 수 있는 데이터 종류

__01. 데이터 위치

__02. 데이터 종류

Lesson 04. 변숫값 저장 및 변경

__01. 변숫값 저장

__02. 변숫값 변경

Lesson 05. 변숫값이 자동으로 읽혀지는 경우

__01. 우측에 변수를 두는 경우

__02. 함수 호출 시 변수를 매개변수 값으로 사용하는 경우

__03. 연산자와 함께 사용하는 경우

Lesson 06. 변수를 활용한 데이터 중복 제거 및 재사용

Lesson 07. 변수에 어떤 값이 들어 있는지 확인하기

__01. alert()

__02. document.write()

__03. console.log()

__04. 정리

Lesson 08. 주석

__01. 주석이란? - 한 줄로 말해요

__02. 주석 만드는 방법 2가지

__03. 주석 활용

Lesson 09. 배열

__01. 배열이란?

__02. 배열 생성

__03. 배열 요소 접근

__04. 배열을 사용하는 이유

Lesson 10. 변수 종류

__01. 변수 종류

__02. 전역변수

__03. 지역변수

__04. 매개변수

__05. 멤버변수

__06. 정리

Lesson 11. 미션

__미션 풀이 방법



▣ 02장: 기본 연산자

Lesson 01. 숫자 연산자

__01. 숫자 연산자 종류

__02. 사용법

__03. 예제

Lesson 02. 문자 연산자

__01. 문자열 기본 연산자 종류

__02. 사용법

__03. 예제

Lesson 03. 복합 연산자

__01. 복합 연산자 종류

__02. 사용법

__03. 예제

Lesson 04. 증감 연산자

__01. 증감 연산자 종류

__02. ++ 연산자

__03. -- 연산자

__04. 전위 연산자와 후위 연산자

__05. 전위 연산자와 후위 연산자 차이점

Lesson 05. 연산자 우선순위

Lesson 06. 미션



▣ 부록 01. 초보자를 위한 함수와 클래스

Lesson 01. 초보자를 위한 함수

__01. 함수란?

__02. 함수는 이럴 때 사용해요.

__03. 함수 생김새

__04. 함수 호출

__05. 매개변수

__06. 리턴값

__07. 함수 종류

__08. 핵심 내용

Lesson 02. 초보자를 위한 클래스

__01. 클래스란?

__02. 클래스는 이럴 때 사용해요

__03. 클래스 생김새

__04. 인스턴스와 객체

__05. 메서드와 프로퍼티

__06. 클래스 내부에 들어 있는 함수(메서드)를 호출하는 방법

__07. 해석하기



▣ 03장: 형변환

Lesson 01. 형변환 소개

__01. 형변환이란?

__02. 형변환은 이럴 때 사용해요

__03. 형변환 종류

Lesson 02. 암시적 형변환

__01. 암시적 형변환이란?

__02. 예제

Lesson 03. 명시적 형변환

__01. 명시적 형변환이란?

__02. 예제

Lesson 04. 미션



▣ 부록 02: 초보자를 위한 jQuery

Lesson 01. jQuery 소개

__01. jQuery란?

__02. jQuery를 사용하는 이유

Lesson 02. 사용법

__01. 준비

__02. jQuery를 이용한 노드 찾기

__03. jQuery와 CSS와의 관계

__04. 초보자가 알아야 할 jQuery 핵심 기능

__05. 정리



▣ 04장: 조건문 if

Lesson 01. 조건문 소개

__01. 조건문이란?

__02. 조건문은 이럴 때 사용해요

__03. 조건문 종류

Lesson 02. if문 소개

__01. if문이란?

__02. if문 문법

Lesson 03. 논리 비교 연산자

__01. 논리 비교 연산자 용도

__02. 논리, 비교 연산자를 사용한 계산 결과값

__03. 비교 연산자

__04. 논리 연산자

Lesson 04. if에 논리 비교 연산자 연동하기

__01. 사용법

__02. if에 비교 연산자 사용하기

__03. if에 논리 연산자 사용하기

Lesson 05. 1단계 if

__01. 사용법

__02. 예제

__03. if 사용 시 주의사항

Lesson 06. 2단계 if

__01. 사용법

__02. 예제

__03. 1단계 if vs. 2단계 if

Lesson 07. 3단계 if

__01. 문법

__02. 예제

Lesson 08. 조건부 연산자

__01. 조건부 연산자란?

__02. 사용법

__03. 예제

__마치며

Lesson 09. 미션



▣ 05장: 조건문 switch

Lesson 01. switch문 소개

__01. switch문이란?

__02. 사용법

__03. 예제

Lesson 02. if와 switch 차이점

__01. if를 switch로 변경할 수 없는 경우

__02. if를 switch로 변경할 수 있는 경우

Lesson 03. 미션



▣ 06장: 반복문 for

Lesson 01. 반복문 소개

__01. 반복문이란?

__02. 반복문은 이럴 때 사용해요

__03. 반복문 종류

Lesson 02. for문 소개

__01. for문이란?

__02. for문은 이럴 때 사용해요

__03. for문 종류

Lesson 03. 단일 for문

__01. 사용법

__02. 예제

Lesson 04. for문에서 continue문과 break문

__01. continue문

__02. break문

Lesson 05. 다중 for문

__01. 사용법

__02. 예제

Lesson 06. 미션



▣ 07장: 반복문 while

Lesson 01. while문 소개

__01. while문이란?

__02. while문은 이럴 때 사용해요

__03. 사용법

__04. 예제

Lesson 02. for와 while 차이점

__01. 사용 분야

__02. while문을 for문처럼 사용하는 경우

Lesson 03. while문에서 continue문과 break문

__01. continue문

__02. break문

__마치며

Lesson 04. 미션



[02부] 자바스크립트 함수와 함수 단위 프로그래밍



▣ 01장: 함수 기초

Lesson 01. 함수 소개

__01. 함수는 이럴 때 사용해요

__02. 함수란?

__03. 함수 구조 3가지

Lesson 02. 가장 쉬운 함수 만들기

__01. 사용법

__02. 예제

Lesson 03. 지역변수 vs. 전역변수

__01. 변수 종류

__02. 지역변수와 전역변수 구분하기

__03. 지역변수와 전역변수 생명주기

__04. 예제

Lesson 04. 매개변수가 있는 함수 만들기

__01. 사용법

__02. 예제

__03. arguments란?

Lesson 05. 리턴값이 있는 함수 만들기

__01. 사용법

__02. 예제

__03. return문의 또 다른 용도

Lesson 06. 함수 이름 만들 때 주의사항

Lesson 07. 미션



▣ 02장: 함수 기능

Lesson 01. 함수 기능 소개

__01. 함수 대표 기능 두 가지

__02. 중복코드 제거 및 코드 재사용성

__03. 코드 그룹화

Lesson 02. 함수 기능 1: 중복코드 제거 및 코드 재사용성

__01. 중복코드 제거 및 코드 재사용 순서

__02. 예제

Lesson 03. 함수 기능 2: 코드 그룹화

__01. 코드 그룹화하는 순서

__02. 예제

__03. 정리

Lesson 04. 미션



▣ 03장: 함수 중급

Lesson 01. 변수와 함수와의 관계

__01. 변수에 함수 저장하기

__02. 매개변수 값으로 함수 사용하기

__03. 리턴값으로 함수 사용하기

Lesson 02. 함수 리터럴과 익명 함수

__01. 리터럴이란?

__02. 함수 리터럴이란?

__03. 익명 함수란?

Lesson 03. 함수 정의 방법 4가지

__01. 첫 번째: function 키워드를 이용하는 방법

__02. 두 번째: 함수 리터럴을 이용하는 방법

__03. 세 번째: Function 객체를 이용해서 정의하는 방법

__04. 네 번째: 익명 함수 확장을 이용해 정의하는 방법

Lesson 04. 함수 종류

__01. 함수 분류

__02. 사용 방법에 따른 함수 종류

Lesson 05. 중첩 함수

__01. 중첩 함수란?

__02. 중첩 함수는 이럴 때 사용해요

__03. 중첩 함수와 중첩 함수를 포함한 함수와의 관계

Lesson 06. 콜백 함수

__01. 콜백 함수란?

__02. 예제

__03. return vs. 콜백 함수

__04. 동기 vs. 비동기

__05. 콜백 함수는 실무에서 이렇게 사용해요

Lesson 07. 클로저 함수

__01. 클로저란?

__02. 예제

__03. 클로저를 사용하면 좋은 점

Lesson 08. 미션



[03부] 자바스크립트 코어 라이브러리



▣ 01장: 타이머 함수

Lesson 01. 타이머 함수 소개

__01. 타이머 함수란?

__02. 주요 기능

Lesson 02. 핵심 내용

Lesson 03. 미션



▣ 02장: Math 클래스

Lesson 01. Math 클래스 소개

__01. Math 클래스란?

__02. 주요 기능

Lesson 02. 핵심 내용

Lesson 03. 미션



▣ 03장: String 클래스 소개

Lesson 01. String 클래스 소개

__01. String 클래스란?

__02. 주요 기능

Lesson 02. 핵심 내용

Lesson 03. 미션



▣ 04장: Data 클래스

Lesson 01. Date 클래스 소개

__01. Date 클래스란?

__02. 주요 기능

Lesson 02. 핵심 내용

Lesson 03. 미션



▣ 05장: Array 클래스

Lesson 01. Array 클래스 소개

__01. Array 클래스란?

__02. 주요 기능

Lesson 02. 핵심 내용

Lesson 03. 미션

김춘경 저자 김춘경(딴동네)는 웹 분야 중 주로 웹프론트엔드 개발과 웹앱 & 모바일웹앱 개발자로 활동하고 있으며 책 집필과 IT학원에서 웹 기술과 관련된 강의를 하고 있습니다. 또한 웹프론트엔드 개발자를 위한 온오프라인 공간인 웹동네를 운영하고 있습니다.



웹동네는 웹앱과 웹프론트엔드 분야를 전문으로 연구하고 학습하는 그룹으로서, 온라인에서는 온라인 동영상 강의, 소셜 스터디, 정보공유 등을 진행하는 웹동네(http://www.webdongne.com) 사이트를 운영 중이며 오프라인에서는 맞춤형 스터디, 정보 공유 세미나, 실무 특강을 진행할 수 있는 웹동네 모임 공간을 운영하고 있습니다.