술술 읽히는 자바스크립트 이야기

이병재 , 이용학 지음

PCBOOK 2016년 10월 13일 출간

작품소개

책소개

이 책은 웹 디자이너를 위한 자바스크립트 책입니다.
프로그래밍 경험이 전혀 없다는 가정 하에 초보자의 눈높이에 맞춰 자바스크립트 코딩을 설명하고 있습니다.
자바스크립트는 객체를 기반으로 프로그래밍하는 객체지향언어입니다.
그래서 객체를 이해하고 객체를 잘 활용할 줄 아는 것이 중요합니다.

하지만 초보자는 객체 이전에 변수나 상수, 조건문, 반복문, 배열, 함수 등 일반적인 프로그래밍 문법과 규칙을 먼저 익혀야 합니다.
그런 일반적인 문법과 객체를 동시에 학습하려면 매우 벅찹니다.
어렵게 느껴집니다.

그런 혼란을 피하고 효율적으로 학습하기 위해서 이 책은 실제로는 다음과 같이 2개 파트로 구성됩니다.

1장 - 5장 : 객체의 개념을 쏙 빼고 일반적인 프로그래밍 문법을 설명합니다.
6장 - 8장 : 앞 파트의 지식을 바탕으로 객체를 설명합니다.

이렇게 점진적으로 개념을 쌓아가면서 학습하면 이해가 잘 됩니다.
뿐만 아니라 각 단계에서 당장 필요한 개념에만 집중하면서 학습할 수 있어 학습 효율이 좋아집니다.
이 책의 가장 큰 특징은 "중도 포기는 없다"는 구호 아래 최대한 쉽고 재미있게 이야기를 하고 있다는 것입니다.
프로그래밍을 학습하면서 가장 나쁜 케이스는 바로 중도 포기자를 발생시키는 것입니다.
차라리 시작을 안했으면 언제든지 도전할 기회가 남아 있는 것인데 섣불리 시작했다가 나는 안된다는 낙인을 스스로 찍어버리는 결과를 초래하는 것이 제일 나쁜 경우라고 생각합니다.

남들보다 다소 더디게 이해하는 사람도 있습니다.
그런데...
나중에는 그런 사람이 오히려 더 차분하게 프로그래밍을 하면서 상당한 실력자가 되는 걸 경험한 저자가 "빨리하는 것보다는 꾸준히 하는 것이 중요하다"는 신념으로 모두가 용기를 잃지 않고 학습을 계속하도록 다양한 배려를 하고 있습니다.

이 책을 처음부터 끝까지 다 읽었다고 해서 당장 전문 프로그래머가 되는 것은 아닙니다.
하지만 그 다음부터는 프로그래밍 현장에 투입되어도 선배들이 작성해놓은 프로그램들이 눈에 들어오기 시작하고 간단한 작업에는 한 발을 들여놓을 수 있을 것입니다.
그리고 어느 정도 기간이 경과하면 인터넷을 뒤져가며 밤새워 코딩하고 있는 자신을 발견할 수 있을 것입니다.

목차

01장 기본적으로 알아야 할 것들

1.1 처음보는 자바스크립트

1.2 자바스크립트 소스 코드의 기술 위치
와 사이에 기술하기
외부 파일에 기술하기

1.3 소스 코드를 기술하는 코딩 규칙
세미콜론(;)의 사용
들여쓰기
주석과 공백 라인의 사용
대문자와 소문자의 구분

1.4 소스 코드 간단히 디버깅하기

1.5 변수와 상수 이야기
변수와 상수에 대한 질의 응답

1.6 변수 이름을 만드는 규칙

1.7 자바스크립트에서 사용하는 데이터의 종류
동적 데이터 형
숫자의 사용
Infinity와 NaN
문자열의 사용
이스케이프 시퀀스(escape sequence)의 사용

이 장의 요점


02장 연산자 사용하기

2.1 산술 연산자(Arithmetic Operators)

2.2 할당 연산자(Assignment Operators)

2.3 비교 연산자(Comparison Operators)

2.4 논리 연산자(Logical Operators)

2.5 비트 연산자(Bitwise Operators)

2.6 3항 연산자(Ternary Operator)

2.7 문자열 연산자(String Operators)

2.8 연산의 우선 순위(Operator Precedence)

이 장의 요점


03장 조건문 사용하기

3.1 단순 if 문 사용하기

3.2 if ... else 문 사용하기

3.3 if ... else if 문 사용하기

3.4 switch 문 사용하기

이 장의 요점


04장 반복문과 배열 사용하기

4.1 for 문 사용하기
중첩 for 문 사용하기

4.2 while 문 사용하기
중첩 while 문 사용하기

4.3 do...while 문 사용하기
중첩 do...while 문 사용하기

4.4 break 문과 continue 문 사용하기

4.5 배열 사용하기
for...in 문 사용하기
가변 크기의 배열 사용하기

이 장의 요점


05장 함수 사용하기

5.1 함수 개념 잡기

5.2 인수를 사용하는 함수

5.3 결과 값을 반환하는 함수

5.4 자바스크립트 내장 함수 사용하기

5.5 전역변수와 지역 변수 사용하기

이 장의 요점


06장 객체 이야기

6.1 객체 개념 잡기

6.2 문자열 객체 사용하기

6.3 숫자 객체 사용하기

6.4 배열 객체 사용하기

6.5 Math 객체 사용하기

6.6 Date 객체 사용하기
Date 객체의 생성 형식
Date 객체의 메소드 사용하기

6.7 나만의 객체 만들기
프로퍼티만 있는 객체 만들기
for... in 문 사용하기
메소드가 있는 객체 만들기
객체 원형(prototype) 사용하기
this의 의미

이 장의 요점


07장 BOM 사용하기

7.1 BOM 개념 잡기

7.2 이벤트 사용하기

7.3 window 객체 사용하기
알림, 확인, 입력 상자 사용하기
윈도우 크기 알아보기
프레임 변경하기
일정 시간 간격으로 실행하기
일정 시간 경과 후 실행하기
새로운 윈도우 열기
윈도우 크기 조절하기
윈도우를 다른 위치로 이동하기
페이지를 조금씩 이동하기

7.4 screen 객체 사용하기

7.5 navigator 객체 사용하기

7.6 history 객체 사용하기

7.7 location 객체 사용하기

이 장의 요점


08장 DOM 사용하기

8.1 DOM 개념 잡기

8.2 id로 요소 찾기
id로 요소 찾아 스타일 변경하기

8.3 태그 이름으로 요소 찾기
태그 이름으로 특정 범위 내의 요소 찾기
태그 이름으로 복수 요소의 스타일 변경하기

8.4 클래스 이름으로 요소 찾기

8.5 querySelectorAll() 메소드로 요소 찾기

8.6 속성 값 변경하기

8.7 DOM 이벤트 사용하기
이벤트에 this 사용하기

8.8 DOM으로 이벤트 할당하기

8.9 DOM 노드의 계층 구조 살펴보기

8.10 새로운 노드를 만들고 추가하기

8.11 요소 삽입하기

8.12 요소 삭제하기

8.13 요소 바꾸기

8.14 자식 노드 찾기

8.15 모든 자식 노드 찾기

8.16 첫번째 자식 노드와 마지막 자식 노드 찾기

8.17 부모 노드 찾기

8.18 다음 노드와 이전 노드 찾기

이 장의 요점

출판사 서평

웹 디자이너가 되기 위해서는 html과 css에 관한 지식은 물론 자바스크립트까지 익혀야 완벽하다고 할 수 있을 것입니다.
하지만 자바스크립트는 프로그래밍 언어이기 때문에 html이나 css에 비해 어렵게 느껴집니다.
현재 웹 디자인 분야에서 왕성한 활약을 하고 있는 분들도 초보 시절에는 자바스크립트라는 프로그래밍 언어가 넘기 어려운 큰 산처럼 느껴졌다고 회고하곤 합니다.

생전 처음으로 프로그래밍을 배운다는 것은 어려운 작업입니다.
물론 프로그래밍에 특별히 뛰어난 재능을 가진 사람도 있지만 거의 대부분의 사람은 어려움을 겪습니다.

프로그래밍이 수학도 아니고, 물리도 아니고, 복잡한 영문법이 필요한 것도 아닌데...
왜 어려울까?
오랫동안 프로그래밍을 교육해온 필자의 경험으로는 "순서"와 "속도"에 문제가 있다고 생각합니다.

어떤 순서로 배우는 가에 따라 똑 같은 내용이 어려울 수도 있고 수월할 수도 있습니다.
프로그래밍이 아닌 일반적인 이야기도 어떤 순서로 이야기하는가에 따라 술술 이해가 되기도 하고, 뭔 소리를 하는 건지 잘 알아듣기 힘든 경우가 많습니다.
말을 잘하는 사람이나 글을 잘 쓰는 사람은 논리 정연하게 순서에 맞춰 이야기를 풀어 나갑니다.
우리가 일상에서 경험하지 못한 새로운 개념이 많이 등장하는 프로그래밍은 더욱 순서가 중요합니다.
이 책은 그런 순서에 매우 조심하면서 학습을 이끌어 갑니다.

또 한편으로는 너무 빠르게 프로그래밍 학습을 단기간에 해치우려고 하는 자세가 문제입니다.
프로그래밍 언어도 언어입니다.
프로그래밍 언어를 배운다는 것은 그 언어가 가지고 있는 정의와 규칙에 익숙해지는 것입니다.
한번 보고 들었다고 해서 익숙해지지 않는 것은 영어나 프로그래밍 언어나 마찬가지 입니다.
누구나 일정한 기간동안 천천히 익숙해지는 과정이 필요하다는 것을 염두에 두고 느긋하게 마냥 배운다는 마음가짐이 중요합니다.
이 책은 독자가 중도에 포기하지 않도록 많은 배려를 하고 있습니다.

자바스크립트를 배우다가 중도에 포기하면서 "아이고, 이건 내 길이 아닌 가봐!"라고 체념해 버리는 분들이 많이 있습니다.
그런 분들을 인터뷰해 보면 초반에 한 두개의 기본 개념을 이해하지 못했을 뿐인데, 그 개념만 이해하면 술술 진도를 나갈 수 있는데 "나는 안돼!"하고 자기 탓을 하면서 던져 버립니다.
이 책에서는 초보분들의 그런 심정을 충분히 헤아리면서 조금씩 조금씩 프로그래밍 세계로 여러분을 안내합니다.

필자는 여러가지 측면을 고려하면서 원고를 완성했으나 미흡한 구석이 많을 것입니다.
하지만 부디 이 책이 여러분의 프로그래밍 입문에 작은 도움이 되기를 빕니다.

작가정보

저자(글) 이병재

PCBOOK 출판사의 대표이며, 소프트웨어 개발업체인 주식회사 아울컴 부설 아울연구소 근무를 겸하고 있습니다.
컴퓨터 공학을 전공하고 OS 랩에서 운영체제를 연구했습니다.
프로그래머, 강사, 컴퓨터 잡지 편집장을 거치면서 다양한 기업과 기관에서 컴퓨터 관련 강의를 했으며, KBS 라디오 방송의 컴퓨터 코너에 10개월간 고정 출연하기도 했습니다.
피씨북 출판사에서 발간해온 대부분의 책들을 기획하고 일부 서적의 공저, 번역 활동을 해왔습니다.
어셈블리 프로그래밍부터 프로그래머를 해온 탓에 시스템의 안쪽에 관심이 많으며, 10여개의 프로그래밍 언어를 경험해왔습니다.
피씨북에서 발간하는 전자책을 직접 제작하고 있으며 코딩 교육에 관심이 많습니다.

저자(글) 이용학

[약력]
동국대 컴퓨터공학 박사
김포대학 컴퓨터계열 교수
백상정보통신 연구소장
하비 대표

[저서]
술술 읽히는 HTML5와 CSS3 이야기
인문계 코딩 교육을 위한 C 이야기
비주얼베이직 데이터베이스 솔루션
HTML @ 자바스크립트 쉽고 빠르게
ASP 3.0 프로그래밍