Do it! 자바스크립트 입문

01 안녕? 자바스크립트!
__01-1 웹 프로그래밍이란?
__01-2 자바스크립트로 무엇을 할 수 있을까?
__01-3 자바스크립트의 특징은 무엇일까?

02 자바스크립트와 친해지기
__02-1 개발 환경 준비하기
__02-2 비주얼 스튜디오 코드와 인사하기
____[Do it!] 작업 폴더를 설정하고 파일 열어 보기
____[Do it!] 다른 파일과 비교하며 코드 작성하기
____[Do it!] 라이브 서버 확장 기능 사용하기
__02-3 자바스크립트 소스 작성하고 실행하기
____[Do it!] HTML 문서 안에 자바스크립트 소스 작성하기
____[Do it!] 외부 스크립트 파일 연결하기
__02-4 나의 첫 번째 자바스크립트 프로그램
____[Do it!] 인사하는 브라우저 만들기
__02-5 자바스크립트의 입력과 출력
____[Do it!] 크롬 브라우저 콘솔로 오류 찾아내기
__02-6 자바스크립트 소스를 작성할 때 지켜야 할 규칙

03 변수와 자료형 그리고 연산자
__03-1 변수란 무엇일까?
____[Do it!] 나이 계산 프로그램 만들기
__03-2 자료형 이해하기
__03-3 연산자 이해하기
____[Do it!] 할인 가격 계산 프로그램 만들기
__03-4 연산자 깊게 알아보기

04 흐름을 제어한다! 제어문
__04-1 조건에 따라 흐름 조절하기 ― if문, if…else문과 조건 연산자
____[Do it!] 3의 배수 검사기 만들기
__04-2 조건이 많을 때 흐름 조절하기 ― switch문
____[Do it!] switch문으로 여러 조건 값 확인하기
__04-3 명령 반복 실행하기 ― for문
____[Do it!] for문 작동 과정 이해하기
__04-4 for문 반복하기 ― 중첩 for문
____[Do it!] 별 찍기 실습으로 중첩 for문 알아보기
____[Do it!] 구구단 프로그램 만들기
__04-5 특정 조건에 따라 반복하기 ― while문, do…while문
____[Do it!] 팩토리얼 계산기 만들기
__04-6 반복을 건너뛰거나 멈추기 ― break문, continue문
____[Do it!] 짝수 더하기 프로그램 만들기

05 함수와 이벤트
__05-1 여러 동작을 묶은 덩어리, 함수
____[Do it!] 버튼으로 함수를 실행하는 프로그램 만들기
__05-2 let과 constant로 변수 선언하기
__05-3 여러 번 사용할 수 있는 함수 만들기
__05-4 함수 표현식
__05-5 이벤트 다루기
____[Do it!] 태그에 이벤트 처리기로 함수 연결하기
____[Do it!] [상세 설명] 버튼 만들기
____[Do it!] 여러 이벤트 처리기 연결하기

06 여러 자료를 한꺼번에 담는 객체
__06-1 객체란?
__06-2 사용자 정의 객체 만들기
____[Do it!] 리터럴 표기법으로 장난감 정보 객체 만들기
____[Do it!] 생성자 함수로 도서 목록 객체 만들기
__06-3 Date 객체를 활용해 기념일 계산기 만들기
____[Do it!] 기념일 계산 프로그램 만들기

07 배열을 쉽게 다루자! Array 객체
__07-1 Array 객체란?
__07-2 Array 객체의 함수 알아보기
__07-3 여행 준비물 점검 프로그램 만들기
____[Do it!] 준비물 점검 프로그램 만들기

08 웹 문서를 다루는 방법, 문서 객체 모델(DOM)
__08-1 문서 객체 모델이란?
____[Do it!] DOM을 사용하지 않고 상세 설명 가리기
____[Do it!] DOM을 사용하여 상세 설명 가리기
__08-2 DOM 요소에 접근하기
____[Do it!] DOM 요소에 접근하는 여러 가지 방법
__08-3 웹 요소의 태그 속성 가져와서 수정하기
____[Do it!] 선택한 상품 이미지 표시하기
__08-4 DOM에서 이벤트 처리하기
____[Do it!] addEventListener( ) 함수로 여러 이벤트를 한번에 처리하기
__08-5 웹 요소의 스타일 가져와서 수정하기
____[Do it!] [상세 설명 보기/닫기] 버튼 만들기
__08-6 DOM에 요소 추가하기
____[Do it!] 웹 문서에 새로운 노드 추가하기
____[Do it!] 참가 신청 명단 프로그램 만들기
__08-7 추가한 노드 순서 바꾸거나 삭제하기
____[Do it!] 여러 노드를 한꺼번에 저장하는 노드 리스트
____[Do it!] 참가 신청 명단 프로그램 개선하기

09 폼과 자바스크립트
__09-1 폼 요소에 접근하는 여러 가지 방법
____[Do it!] 배송 정보 자동 입력 프로그램 만들기
__09-2 폼 요소에서 입력값 검증하기
____[Do it!] 입력값 검증 프로그램 만들기
__09-3 다양한 폼 요소 다루기

10 웹 브라우저를 다루는 방법, 브라우저 객체 모델
__10-1 브라우저 객체 모델이란?
__10-2 웹 브라우저를 제어하는 Window 객체
____[Do it!] 팝업 창 표시 프로그램 만들기
__10-3 브라우저 정보가 담긴 Navigator 객체
__10-4 그 밖의 브라우저 객체들

찾아보기

[특별 부록] 실전 프로젝트