책소개
만화처럼 빨려 들어가는 비주얼한 프로그래밍 입문서 1학년 시리즈. 예쁘고 시원 시원한 성격의 야옹 선생님과 소심하지만 약간은 건방진 쥐돌이가 간단한 덧셈 곱셈부터 차근차근 단계를 밟아 뮤직 플레이어 앱까지 완성해 본다. 조금 어려워지거나 설명이 길어져 쥐돌이가 비명을 지르면 걸음을 멈추고 차근차근 설명하기도 한다.
웹페이지를 만들 때 HTML과 CSS에 관한 지식이 없으면 자바스크립트를 활용할 수 없다. 그런 이유에서 이 책은 4분의 1 정도를 HTML과 CSS에 대한 설명에 할애한다. 재미있는 일러스트와 만화, 아기자기한 구성이 눈길을 사로잡을 것이다.
저자소개
출판사소개
목차
예제 프로그램 시험 환경과 예제 파일에 대해
시작하며
옮긴이의 말
이 책의 대상 독자와 1학년 시리즈에 대해
이 책은 이렇게 구성돼 있어요
1장 JavaScript로 무엇을 할 수 있을까?
01 웹앱이 뭘까?
웹페이지, 웹앱, 프로그램의 관계
웹브라우저가 할 수 없는 기능을 프로그램으로 추가한다
서버 사이드와 클라이언트 사이드
02 프로그래밍 언어란 뭘까?
프로그래밍 언어란?
다양한 종류의 프로그래밍 언어
클라이언트 사이드에서 사용하는 JavaScript
JavaScript로 할 수 있는 일
03 프로그램을 만들 준비를 하자
Chrome(크롬) 웹브라우저 설치하기
Atom(아톰) 편집기 설치하기
Atom 메뉴를 한글로 바꾸기
Atom 화면은 어떻게 생겼을까?
2장 프로그래밍을 가볍게 체험해 보자
04 콘솔을 사용해 보자
콘솔을 표시하자
콘솔에 명령을 입력하자
05 더하기, 빼기, 곱하기, 나누기
컴퓨터에게 계산을 시킨다
06 계산 순서를 바꿔 보자
연산자의 우선순위
괄호를 사용해 우선순위를 바꾼다
07 문자를 표시해 보자
따옴표로 에워싸 문자열로 만든다
08 숫자와 문자열을 조합한다
숫자와 문자열을 연결한다
숫자와 문자열 식의 함정
여전히 남아 있는 숫자와 문자열 식의 함정
09 데이터를 기억하는 변수를 사용해 보자
변수에 데이터 저장하기
변수 이용하기
변수 내용 변경하기
변수명은 어떻게 지을까?
10 프로그램을 파일로 저장하자
웹페이지를 만들어 보자
Atom으로 HTML을 입력해 보자
HTML을 작성해 보자
JavaScript를 작성해 보자
HTML 안에 넣는 프로그램
문의 마지막엔 ;(세미콜론)을 쓴다
3장 JavaScript ‘문법'을 배워 보자
11 함수와 메소드를 사용해 보자
함수와 메소드의 역할이란?
함수의 사용법
함수와 조금 다른 메소드
메소드를 사용해 보자
12 if문으로 조건에 따라 처리를 전환한다
if문과 조건 분기
조건식의 결과는 true나 false가 된다
조건식이 false일 때 실행한다
13 for문으로 처리를 반복한다
for문과 반복 처리
for문을 시험해 보자
식을 표시해 결과를 이해하기 쉽게 한다
14 배열을 사용해 처리를 반복하자
배열을 사용해 보자
날짜 데이터와 배열을 조합해 보자
15 함수를 직접 만들어 보자
함수를 만들면 무엇이 편리할까?
함수를 만드는 방법
return문 뒤는 실행되지 않는다
반환값과 인수는 생략할 수 있다
4장 웹앱의 겉모양을 만들자
16 HTML과 CSS가 대체 뭐지?
HTML은 웹페이지의 내용을 나타낸다
CSS는 웹페이지를 꾸민다
17 HTML 태그란 무엇일까?
텍스트 곳곳에 태그를 삽입한다
폴더를 만들어 HTML 파일을 저장하자
Atom이 자동으로 입력해 주는 태그의 의미
18 제목과 본문을 작성해 보자
제목을 입력한다
일반 문장을 입력해 보자
19 이미지를 넣어 보자
이미지 파일을 준비한다
img 태그를 입력한다
20 뮤직 플레이어를 추가하자
음악 파일을 찾아보자
audio 태그를 입력하자
21 목록을 만들자
ul 태그와 li 태그를 입력하자
독자적인 속성을 추가한다
22 CSS의 구조를 이해하자
CSS의 기본 구조
CSS 파일을 만든다
23 문자 서식을 변경해 보자
color-picker 패키지로 색을 지정한다
문자를 가운데 정렬한다
24 요소에 폭과 배경색을 설정하자
개발자 도구로 HTML 구조를 확인한다
앱의 테두리를 설정하자
인덴트(들여쓰기) 기능으로 HTML을 읽기 쉽게 하자
25 목록을 메뉴 리스트로 변경하자
행 시작 기호를 지운다
메뉴 리스트 항목에 괘선을 그린다
선택 중인 항목만 색을 바꾼다
마우스 포인터를 위에 올려 놓았을 때만 배경색이 바뀐다
5장 뮤직 플레이어를 완성해 보자
26 JS 파일을 만들어 HTML로 읽어들인다
JS 파일을 만든다
script 태그로 읽어들인다
27 플레이 리스트를 클릭해 곡을 바꾼다
HTML 요소를 JavaScript로 가져온다
click 이벤트를 설정한다
클릭된 요소를 알아 낸다
재생할 음악 파일을 변경한다
클래스명을 변경해 재생 중인 곡을 파악하기 쉽게 한다
28 재생 중과 정지 중 그림을 바꾼다
audio 요소의 이벤트에 대응한다
29 연속으로 재생해 보자
‘다음 곡’을 가져오려면?
음악 재생 부분을 함수로 만든다
30 랜덤 선곡 기능을 추가하자
랜덤 링크를 추가한다
링크에 click 이벤트를 설정한다
곡을 랜덤하게 선택한다
31 앞으로 무엇을 공부하면 좋을까?
Mozilla(모질라) 개발자 네트워크에서 조사한다
‘JavaScript로 하고 싶은 일’로 검색해 본다
배송
- 배송비, 무료배송비는 업체 사정에 따라 달라질 수 있습니다.
- 배송은 결제 확인 후 다음날부터 2~3일 이내에 배송됩니다. (단 도서 산간지역은 1~2일정도 더 소요됩니다.)
- 공휴일은 배송기간에 포함되지 않습니다.
- 주문하신 상품이 여러개인 경우 동일한 업체의 상품만 묶음 배송 가능합니다. (업체 사정에 따라 달라질 수 있습니다.)
- 배송정보는 상단 주문조회나 마이페이지 주문목록에서 가능합니다.
상품 품절
- 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드립니다.
주문취소/변경
- 주문 상품에 대한 변경사항(품절,가격변동)이 발생하면 전화나 메일을 통해 변경내용을 알려드립니다.
- 주문 상품의 변경/취소/환불은 배송 시작전 마이페이지에서 직접 신청이 가능합니다.
- 주문 상품이 발송된 시점에서는 변경/취소/환불이 모두 불가능합니다.
반품/교환
- 기간 : 배송받으신 후 7일 이내에 가능합니다.
- 방법 : 홈페이지 마이페이지 > 반품/ 교환 신청 및 조회에서 가능합니다.
- 배송비 부담 : 상품에 이상이 있을시에는 무료, 고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담입니다.
- 포장 개봉 후 재판매가 불가능한 상품은 반품/교환이 불가능합니다.
- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우, 반품/교환이 불가능합니다.
반품/교환 불가 사유
- 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 (단지 확인을 위한 포장 훼손은 제외)
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우
- 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우
- 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상 환불 지연에 따른 배상
- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리합니다.
- 대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리합니다.
