홈앤서비스 SK BROADBAND

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법
웹 도서 1위 저자와 함께 한 권으로 끝내자!

웹 개발 입문자부터 실무에서 자바스크립트를 사용할 현업 개발자까지 꼭 알아야 할 자바스크립트 필수 기초 문법을 웹 분야 베스트셀러 저자인 고경희 선생이 모두 모아서 한 권에 담았다. 문법의 기본 사용 방법뿐 아니라 간단한 계산기 프로그램부터 폼 요소를 적용한 회원 가입 프로그램까지 11가지 프로그램을 직접 만들어 본다. 이를 통해 실무에서 자바스크립트를 어떻게 활용하는지 자연스럽게 익힐 수 있을 것이다. 공부를 마친 후에는 [필수 개념 & 문법 퀴즈]와 [도전! 응용 문제]로 배운 내용을 점검하고 응용해 볼 수 있으며, 더 많은 프로그램을 만들며 공부할 수 있도록 6가지 실전 프로젝트가 담긴 PDF 전자책까지 특별 부록으로 제공한다.

※ 이 책은 2019년에 출간된 『Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편』에 ES6 이상의 문법과 최신 경향 등 독자의 요청을 반영한 개정판입니다. 책의 일부 내용을 미리 읽어보실 수 있습니다. 미리보기

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!] 〈button〉 태그에 이벤트 처리기로 함수 연결하기
____[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 그 밖의 브라우저 객체들

찾아보기

[특별 부록] 실전 프로젝트 펼쳐보기접어보기