웹 프로그래밍 기본 완성 : HTML5 CSS3 JavaScript

웹을 구성하는 3가지 핵심 기술은 HTML, CSS, JavaScript입니다. HTML은 웹의 뼈대를 만드는 언어이고, CSS는 웹에 디자인을 입혀 다양한 사용자 경험을 구현하는 언어이며, JavaScript는 웹에 동적 생명력을 불어넣는 언어입니다. 이 세 가지 언어는 웹 개발자가 되기 위해 반드시 알아야 할 핵심 기술입니다. 이 책은 이 세 가지 언어를 충실하게 이해하고 구현할 수 있도록 돕는 초석을 제공하는 데 중점을 두었습니다.

저자는 여러 자료를 검토하고 취합하여 웹 프로그래밍의 기반을 다질 수 있는 예제들을 엄선했습니다. 특히 실무에서 중요하게 다루는 내용에 대해서는 깊이 있게 다룰 수 있도록 노력했습니다. HTML, CSS, JavaScript의 내용은 매우 방대합니다. 이 책에 핵심 내용을 담기 위해 많은 시간을할애했지만, 모든 기능을 다루지 못한 아쉬움도 있습니다. 그러나 이책에서 제공하는 기술들을 잘 습득한다면, 한 단계 높은 난이도의 웹 기술도 훨씬 쉽게 익힐 수 있을 것이라고 확신합니다.

[목 차]
  

CHAPTER 1 웹 프로그래밍을 위한 기초

1.1 인터넷이란

1.2 월드 와이드 웹(World Wide Web)

1.3 웹의 탄생

1.4 주요 웹 브라우저

1.5 웹 점유율

1.6 웹 브라우저의 동작 원리

1.7 IP 주소(Internet Protocol Address)

1.8 웹 편집기

1.9 HTML 태그 모음

■ 연습문제 37

 

CHAPTER 2 HTML 기초

2.1 HTML이란

2.2 웹 페이지 제작을 위한 준비 작업

2.3 HTML 기본 구성

2.4 HTML의 기본 태그들

2.5 미디어 태그들

2.6 목록 태그(〈ul〉, 〈ol〉)

2.7 테이블 태그(〈table〉)

2.8 폼 요소(〈form〉)

2.9 시멘틱(Semantic) 태그(의미론적 태그)

■ 연습문제

 

CHAPTER 3 기초 CSS

3.1 CSS 개요

3.2 CSS 스타일 시트의 디자인 적용 방법

3.3 주요 선택자

3.4 가상(의사) 클래스 선택자(Pseudo-class Selector)

3.5 의사(가상) 요소 선택자(Pseudo-element Selector)

3.6 CSS 칼라(Color) 속성

3.7 길이(크기) 단위

3.8 Text 속성

3.9 폰트(Font)

3.10 박스 모델(Box Model)

3.11 패딩(Padding) 속성

3.12 마진(Margin) 속성

3.13 테두리(Border) 속성

3.14 아웃라인(Outline) 속성

3.15 박스 그림자(Box-shadow) 속성

3.16 배경(Background) 속성

3.17 불투명도(Opacity) 속성

3.18 커서(Cursor) 속성

■ 연습문제

 

CHAPTER 4 고급 CSS

4.1 개요

4.2 Display 속성

4.3 Visibility 속성

4.4 Position과 left, right, top, bottom 속성

4.5 Z-index 속성

4.6 Overflow 속성

4.7 Float 속성

4.8 List-style 속성

4.9 Table 관련 속성

4.10 Form 속성

4.11 Transformation 속성

4.12 Transition 속성

4.13 Animation 속성

4.14 Filter 속성

■ 연습문제

 

CHAPTER 5 플렉스 박스 레이아웃

5.1 개요

5.2 플렉스 박스의 주축(Main axis)과 교차축(Cross axis)

5.3 플렉스 컨테이너(Flex Container)

5.4 플렉스 아이템(Flex item)

5.5 flex를 사용한 컨텐츠의 정중앙 정렬

5.6 미디어 쿼리(@media)

■ 연습문제

 

CHAPTER 6 JavaScript 시작하기

6.1 개요

6.2 식별자(Identifier)와 주석(Comment)

6.3 변수와 상수

6.4 다이얼로그 박스를 사용한 메시지 출력 및 데이터 입력

6.5 연산자(Operator)

6.6 데이터형(Data Types)

6.7 숫자(Number)

6.8 문자열(String)

6.9 템플릿 리터럴(Template Literal)

6.10 부울(Bool)

6.11 배열(Array)

6.12 구조분해 할당(Destructuring Assignment)

6.13 전개 연산자(Spread Operator)

■ 연습문제

 

CHAPTER 7 조건문과 반복문

7.1 if 문

7.2 if-else 문

7.3 if-else-if 문

7.4 switch 문

7.5 for, for-in, for-of 문

7.6 while, do-while 문

7.7 break와 continue 문

■ 연습문제

 

CHAPTER 8 함수

8.1 기본 함수

8.2 익명 함수(Anonymous Function)

8.3 함수의 Arguments 객체

8.4 화살표 함수(Arrow Function)

8.5 함수의 정의 출력하기

8.6 지역(Local) 변수와 전역(Global) 변수

8.7 중첩 함수

8.8 콜백(Callback) 함수

8.9 타이머 함수(Timer Function)

8.10 Write( ) 메서드

8.11 함수에서 구조 분해 할당과 전개 연산자 활용하기

■ 연습문제

 

CHAPTER 9 객체

9.1 객체 만들기

9.2 객체 생성자(Constructor) 함수

9.3 프로토타입(Prototype) 속성

9.4 객체와 배열

9.5 메서드 재사용[call(), apply()]

■ 연습문제

 

CHAPTER 10 Date, Math 그리고 JSON 객체

10.1 Date 객체

10.2 Date 포맷

10.3 Date 객체 핵심 메서드

10.4 Math 객체

10.6 JSON

■ 연습문제

 

CHAPTER 11 HTML DOM 객체

11.1 HTML DOM의 정의

11.2 HTML DOM document 객체

11.3 HTML 콜렉션 요소 다루기

11.4 웹 페이지의 객체(노드) 생성하기

11.5 DOM 트리 순회

11.6 Node 객체의 메서드

11.7 classList 객체

■ 연습문제

 

CHAPTER 12 BOM (Browser Object Model) 객체

12.1 개요

12.2 window 객체

12.3 window 객체의 주요 메서드

12.4 Location 객체

12.5 history 객체

12.6 Screen 객체

12.7 Navigator 객체

■ 연습문제

 

CHAPTER 13 이벤트

13.1 개요

13.2 마우스 이벤트

13.3 입력 폼 이벤트

13.4 키보드 이벤트

13.5 이벤트 객체

13.6 기타 이벤트

13.7 이벤트 등록 및 제거

13.8 이벤트 버블링(Bubbling) 및 캡처링(Capturing)

13.9 이벤트 위임(Event Delegation)

13.10 예외(Exception) 처리

■ 연습문제

INDEX