자바스크립트 기초의 모든 것, 웹 코딩 이야기(코딩첫걸음시리즈 6)

이 책은 웹 디자이너를 위한 자바스크립트(Java-script) 입문서입니다. 프로그래밍 경험이 전혀 없다는 가정 하에 초보자의 눈높이에 맞춰 자바스크립트 코딩을 설명하고 있습니다. 자바스크립트는 객체를 기반으로 프로그래밍 하는 객체 지향 언어입니다. 그래서 객체를 이해하고 객체를 잘 활용할 줄 아는 것이 중요합니다. 하지만 초보자는 객체 이전에 변수나 상수, 조건문, 반복문, 배열, 함수 등 일반적인 프로그래밍 문법과 규칙을 먼저 익혀야 합니다. 그래서 이 책은 다음과 같이 2개의 파트로 구성하여 프로그래밍 기초와 자바스트립트를 모두 효율적으로 학습할 수 있도록 하였습니다. 1장 - 5장 : 객체의 개념을 쏙 빼고 일반적인 프로그래밍 문법을 설명합니다. 6장 - 8장 : 앞 파트의 지식을 바탕으로 객체를 설명합니다. 점진적으로 개념을 쌓아가면서 학습하여 이해도를 높이는데 초점을 두었습니다. 뿐만 아니라 각 장마다 당장 필요한 프로그래밍 개념과 자바스크립트에 집중 학습할 수 있습니다.

Chapter 1 기본적으로 알아야 할 것들 1. 처음 보는 자바스크립트 2. 자바스크립트 소스 코드의 기술 위치 ◆ 와 사이에 작성하기 ◆ 외부 파일에 작성하기 3. 소스를 기술하는 코딩 규칙 ◆ 세미콜론(;) 사용하기 ◆ 들여쓰기 ◆ 주석과 공백 라인 사용하기 ◆ 대문자와 소문자 구분하기 4. 소스 코드 간단히 디버깅하기 5. 변수와 상수 이야기 ◆ 변수와 상수에 대한 질의 응답 6. 변수 이름을 만드는 규칙 7. 자바스크립트에서 사용하는 데이터 종류◆ 동적 데이터 형이란? ◆ 숫자 사용하기 ◆ Infinity와 NaN ◆ 문자열 사용하기 ◆ 이스케이프 시퀀스(escape sequence) 사용하기 Chapter 2 연산자 사용하기 1. 산술 연산자(Arithmetic Operators) 2. 할당 연산자(Assignment Operators) 3. 비교 연산자(Comparison Operators) 4. 논리 연산자(Logical Operators) 5. 비트 연산자(Bitwise Operators) 6. 3항 연산자(Ternary Operator) 7. 문자열 연산자(String Operators) 8. 연산의 우선 순위(Operator Precedence) Chapter 3 조건문 사용하기 1. 단순 if 문 사용하기 2. if ... else 문 사용하기 3. if ... else if 문 사용하기 4. switch 문 사용하기 Chapter 4 반복문과 배열 사용하기 1. for 문 사용하기 ◆ 중첩 for 문 사용하기 2. while 문 사용하기 ◆ 중첩 while 문 사용하기 3. do...while 문 사용하기 ◆ 중첩 do...while 문 사용하기 4. break 문과 continue 문 사용하기 5. 배열 사용하기 ◆ for...in 문 사용하기 ◆ 가변 크기의 배열 사용하기 Chapter 5 함수 사용하기 1. 함수 개념 잡기 2. 인수를 사용하는 함수 3. 결과 값을 반환하는 함수 4. 자바스크립트 내장 함수 사용하기 5. 전역 변수와 지역 변수 사용하기 Chapter 6 기본적으로 알아야 할 것들 1. 객체 개념 잡기 2. 문자열 객체 사용하기 3. 숫자 객체 사용하기 4. 배열 객체 사용하기 5. Math 객체 사용하기 6. Date 객체 사용하기 ◆ Date 객체의 생성 형식 ◆ Date 객체의 메소드 사용하기 7. 나만의 객체 만들기 ◆ 프로퍼티만 있는 객체 만들기 ◆ for...in 문 사용하기 ◆ 메소드가 있는 객체 만들기 ◆ 객체 원형(prototype) 사용하기 ◆ this의 의미 Chapter 7 BOM 사용하기 1. BOM 개념 잡기 2. 이벤트 사용하기 3. window 객체 사용하기 ◆ 알림, 확인, 입력 상자 사용하기 ◆ 윈도우 크기 알아보기 ◆ 프레임 변경하기 ◆ 일정시간 간격으로 실행하기 ◆ 일정시간 경과 후 실행하기 ◆ 새로운 윈도우 열기 ◆ 윈도우 크기 조절하기 ◆ 윈도우를 다른 위치로 이동하기 ◆ 페이지를 조금씩 이동하기 4. screen 객체 사용하기 5. navigator 객체 사용하기 6. history 객체 사용하기 7. location 객체 사용하기 Chapter 8 DOM 사용하기 1. DOM 개념 잡기 2. id로 요소 찾기 ◆ id로 요소 찾아 스타일 변경하기 3. 태그 이름으로 요소 찾기 ◆ 태그 이름으로 특정 범위 내의 요소 찾기 ◆ 태그 이름으로 복수 요소의 스타일 변경하기 4. 클래스 이름으로 요소 찾기 5. querySelectorAll( ) 메소드로 요소 찾기6. 속성 값 변경하기 7. DOM 이벤트 사용하기 ◆ 이벤트에 this 사용하기 8. DOM으로 이벤트 할당하기 9. DOM 노드의 계층 구조 살펴보기 10. 새로운 노드 만들고 추가하기 11. 요소 삽입하기 12. 요소 삭제하기 13. 요소 바꾸기 14. 자식 노드 찾기 15. 모든 자식 노드 찾기 16. 첫 번째 자식 노드와 마지막 자식 노드 찾기 17. 부모 노드 찾기 18. 다음 노드와 이전 노드 찾기