처음 만나는 자바스크립트

이 책은 현재 절판입니다. 그간 읽어주신 독자들께 감사드립니다. 

무조건 자세하게! 알기 쉬운 설명!

자바스크립트의 왕도를 안내하는 최고의 교과서!

 

출판사 제이펍

원출판사 SBクリエイティブ

원서명 確かな力が身につくJavaScript「超」入門(ISBN: 9784797383584)

지은이 가노 스케하루

옮긴이 김완섭

출판일 2017년 2월 24일

페이지 352쪽

시리즈 First Step 시리즈 01

판 형 크라운판 변형(170*225*16)

제 본 무선(soft cover)

정 가 24,000원

ISBN 979-11-85890-77-7 (93000)

키워드 자바스크립트 / Javascript / CSS / HTML / 웹 프로그래밍

분 야 프로그래밍 > 자바스크립트

 

 

관련 사이트

■ 아마존재팬 도서 소개 페이지

■ 원출판사 도서 소개 페이지

 

관련 포스트

■ 2017/02/17 - [출간전 책소식] - 아주 쉬운 자바스크립트 입문서!

 

 

관련 시리즈

■ First Step 시리즈

 

관련 도서

■ 자바스크립트와 Node.js를 이용한 웹 크롤링 테크닉

■ AngularJS 인 액션: 단계별로 배우는 대화형 웹 애플리케이션

■ 실무에 바로 적용하는 Node.js

■ 자바스크립트 & 제이쿼리: 인터랙티브 프론트엔드 웹 개발 교과서

■ 기초를 다지는 최신 웹 개발 공략서

 

관련 파일 다운로드

■ 예제 코드

 

 

강의보조 자료

교재로 채택하신 분들은 메일을 보내주시면 아래의 자료를 보내드리겠습니다: jeipubmarketer@gmail.com

■ 본문의 그림과 표

 

샘플 PDF(차례, 옮긴이 머리말, 머리말, 이 책의 사용 방법, 베타리더 후기, 1장 '자바스크립트 소개' 일부, 2-2절 '자바스크립트는 어디에 작성하는가?')

처음만나는자바스크립트_sample.pdf

 

 

정오표 페이지

■ http://jpub.tistory.com/724

 

도서구매 사이트(가나다순)

[강컴] [교보문고] [도서11번가] [반디앤루니스] [알라딘] [예스이십사] [인터파크]

 

도서 소개

자바스크립트의 왕도를 안내하는 최고의 교과서!

따라 하기 쉬운 예제로 이론과 실무를 동시에 익힌다!

입문서 잘 만들기로 정평이 난 일본에서 자바스크립트 입문 분야 베스트셀러!

자바스크립트를 처음 접하는 독자와 다시 배우고자 하는 독자 모두를 위한 책!

 

이 책은 자바스크립트의 기본을 탄탄한 이론과 상세한 해설, 실용적 예제로 재미있게 구성되어 있다. 또한, 자바스크립트의 기본 기능 소개는 물론 프로그래밍할 때 필요한 사고방식에도 중점을 두고 설명하고 있으며, 설명하는 기능들이 어디서 어떻게 사용되는지도 쉽게 알 수 있도록 실제 사용 환경과 유사한 예제를 다루고 있다. 인스타그램 형태의 앨범, 슬라이드쇼 페이지와 같은 예제 코드를 따라 하며 익혀 보는 것만으로도 자바스크립트, jQuery, Ajax의 기본을 습득하도록 하였으며, 책에서 배운 기본 지식이 이후 실제 업무에도 활용될 수 있도록 한 것이 이 책의 특징이다.

 

각 장은 이론 → 코드 → 해설로 이뤄져 있어서 작은 예제들을 빠르게 경험할 수 있도록 하였는데, HTML 태그를 어느 정도 알고 있으면서 자바스크립트를 배워보고자 하는 독자라면 어려움 없이 배울 수 있을 것이다. 프로그래밍이 처음이거나 웹 디자이너, 웹 마케터 등의 독자들에게는 쉽고 재미있게 배우는 입문서로, 자바스크립트를 어느 정도 알고 있는 독자들에게는 자신의 지식을 점검할 수 있는 복습서로서 활용되길 바란다.

 

◆ 재미있는 예제 중심

공부만을 위한 예제는 가능한 한 배제하고 실제 업무에 사용할 수 있는 실용적이고 재미있는 예제 중심으로 구성하였다. 따라서 책을 처음 만났을 때 품었던 학습 의지를 끝까지 유지할 수 있을 것이다.

 

◆ 어려운 부분은 더 상세하게

초보자가 헷갈리기 쉽고 좌절하기 쉬운 부분은 특별히 자세하게 설명한다. 그리고 이론 → 코드 → 해설의 구성은 빠른 이해를 도와줄 것이다.

 

저자 소개

가노 스케하루(狩野祐東)

웹/애플리케이션 UI 디자이너, 엔지니어, 기술 서적 저술가.

와세다 대학교 졸업 후 미국 샌프란시스코로 건너가 UI 디자인 이론을 배웠다. 귀국 후 직장 생활을 하다 지금은 프리랜서로 활동 중이다. 웹사이트 및 애플리케이션의 인터페이스 디자인, 인터랙티브 콘텐츠 개발 등을 하고 있으며, 각종 세미나와 강좌에서 강사로 활동 중이다. 주요 저서로는 《쉽게 이해하는 HTML&CSS의 기본》, 《쉽게 이해하는 CSS 디자인의 기본》, 《만들면서 배우는 jQuery 디자인 교과서》 등이 있다.

 

역자 소개

김완섭

네덜란드 ITC에서 Geoinformation for Disaster Risk Management 석사 학위를 취득했다. 약 9년간 일본 및 한국 대기업에서 IT 및 GIS/LBS 분야 업무를 담당했으며, 일본에서는 세콤(SECOM) 계열사인 파스코(PASCO)에서 일본 외무성, 국토지리정보원과 같은 일본 정부 기관을 대상으로 한 시스템 통합(SI) 업무를 담당했다. 이후 야후 재팬으로 직장을 옮겨 야후 맵 개발 담당 시니어 엔지니어로 근무했으며, 한국으로 돌아와 SK에서 내비게이션(T맵 등) 지도 데이터 담당 매니저로 근무했다. 현재는 싱가포르의 한 국제 연구 기관에서 Technical Specialist로 근무 중이다. 저서로는 《나는 도쿄 롯폰기로 출근한다》가 있으며, 역서로는 《그림으로 공부하는 IT 인프라 구조》, 《C# 코딩의 기술 기본편》, 《코딩을 지탱하는 기술》, 《그레이들 철저 입문》, 《클린 코드를 위한 테스트 주도 개발》 등 20여 권이 있다. 블로그를 통해 IT 번역 관련 얘기와 싱가포르 직장 생활을 소개하고 있다.

 

차례

1장 자바스크립트 소개

1-1 자바스크립트를 배우려는 여러분에게 _ 2

1-2 자바스크립트의 정체는? _ 6

1-3 자바스크립트 ‘프로그래밍’과 동작 구조 _ 15

1-4 각 장의 개요 _ 19

1-5 도구 준비하기 _ 23

1-6 예제 데이터 다운로드 _ 26

1-7 템플릿을 준비한 후 출발! _ 28

2장 출력의 기본

2-1 콘솔에 출력하기 _ 36

개발 도구를 사용해 보자!

step 1 개발 도구 열기, 닫기 _ 36

step 2 콘솔을 사용해 보자! _ 40

step 3 콘솔 응용하기 _ 43

2-2 자바스크립트는 어디에 작성하는가? _ 49

step 1 HTML에 자바스크립트를 직접 기술한다 _ 49

step 2 자바스크립트 파일 읽기 _ 52

2-3 다이얼로그 박스 표시 _ 56

window.alert()

step 1 경고 다이얼로그 박스 표시하기 _ 56

2-4 HTML 변경하기 _ 59

요소 취득 및 콘텐츠 변경

step 1 요소 가져오기 _ 59

step 2 가져온 요소의 콘텐츠 변경하기 _ 62

 

3장 자바스크립트 문법과 기본 기능

3-1 확인 다이얼로그 박스 표시하기 _ 68

조건 분기(if)

step 1 확인 다이얼로그 박스를 사용해 보자 _ 68

step 2 클릭한 버튼에 따라 메시지 변경 _ 71

3-2 입력 내용에 따라 동작 변경하기 _ 75

변수

step 1 클릭한 버튼의 결과를 변수에 저장한다 _ 75

step 2 변수에 저장된 내용으로 동작을 바꾼다 _ 84

3-3 동작의 범위를 넓히자 _ 87

조건 분기(else if)

step 1 no인지 판단하기 _ 87

3-4 숫자 맞히기 게임 _ 90

비교 연산자, 데이터형

step 1 다양한 비교 연산자 사용하기 _ 90

3-5 시간에 따라 다른 메시지 표시하기 _ 97

논리 연산자

step 1 두 가지 이상의 조건식을 이용해서 하나의 조건 만들기 _ 97

3-6 1장, 2장, 3장…이라고 출력 _ 102

개발 도구를 사용해 보자!

step 1 반복을 사용해 보자 _ 102

step 2 문자열 연결하기 _ 106

3-7 콘솔로 몬스터를 물리치자 _ 110

반복(while)

step 1 while을 사용해 보자 _ 110

step 2 반복 횟수 카운트하기 _ 114

3-8 세금 포함 가격 계산하기 _ 118

함수

step 1 함수 만들기 및 호출하기 _ 118

step 2 HTML에 출력하기 _ 124

3-9 FizzBuzz _ 128

사칙연산자

step 1 처리 흐름을 생각해서 함수 만들기 _ 128

step 2 30까지의 숫자로 피즈버즈 _ 131

3-10 항목을 리스트로 표시하기 _ 133

배열

step 1 배열 작성하기 _ 133

step 2 배열의 모든 항목 읽어 오기 _ 137

step 3 항목 추가하기 _ 139

step 4 항목을 HTML에 출력하기 _ 140

3-11 아이템 가격과 재고 표시하기 _ 144

객체

step 1 책 데이터 등록하기 _ 144

step 2 모든 프로퍼티 읽어 오기 _ 151

step 3 HTML에 출력하기

 

4장 입력과 데이터 가공

4-1 폼의 입력 내용 가져오기 _ 160

입력 내용 가져오기 및 이벤트

step 1 우선은 이벤트 테스트 _ 160

step 2 입력 내용을 읽어서 출력하기 _ 164

4-2 알기 쉽게 날짜/시간 표시하기 _ 170

Date 객체

step 1 연/월/일과 시간 표시하기 _ 170

step 2 12시간 표기법으로 변경 _ 177

4-3 ‘0’을 붙여서 자릿수 맞추기 _ 180

숫자를 문자열로 변환

step 1 함수 작성하기 _ 180

step 2 곡목 리스트에 번호 붙이기 _ 185

4-4 소수점 자릿수 버리기 _ 189

Math 객체

step 1 사칙연산 이외의 계산

 

5장 실전 기술

5-1 카운트다운 타이머 _ 198

시간 계산과 타이머

step 1 남은 시간을 계산하는 함수 _ 198

step 2 1초 간격으로 재계산하기 _ 205

step 3 응용편: 표시 방법을 바꾸어 보자 _ 210

5-2 풀다운 메뉴로 페이지 이동하기 _ 213

URL 조작 및 불(bool) 속성 설정

step 1 선택한 시점에 페이지 이동하기 _ 213

step 2 처음 선택 항목 설정하기 _ 217

5-3 설문지 응답은 한 번만! _ 226

쿠키

step 1 쿠키 읽기, 쓰기, 삭제 _ 226

5-4 사진 변경하기 _ 234

5-5 슬라이드쇼 _ 242

섬네일 클릭으로 사진 변경

step 1 새로운 HTML 속성 사용하기 _ 234

step 2 사진 변경하기 _ 240

 

6장 제이쿼리 입문

6-1 열렸다 닫혔다 하는 내비게이션 메뉴 _ 254

요소 가져오기와 class 속성 추가 및 삭제

step 1 제이쿼리의 기본 _ 254

6-2 박스 열고 닫기 _ 266

애니메이션 효과

step 1 애니메이션 기능 사용 _ 266

6-3 공석 상황 확인 _ 272

Ajax와 JSON

step 1 Ajax와 데이터 활용

 

7장 외부 데이터를 활용하는 애플리케이션 만들기

7-1 최신 기사를 목록으로 표시하기 _ 286

RSS 피드 불러오기와 해석

step 1 RSS 피드 불러오기 _ 286

step 2 기사 제목 표시하기 _ 293

step 3 업데이트 날짜 표시하기 _ 298

7-2 웹 API를 사용해 보자 _ 301

인스타그램 API를 이용한 포토갤러리

step 1 사전 준비 _ 302

step 2 데이터 다운로드하기 _ 308

step 3 사진 표시하기 _ 313

step 4 페이지 매김 구현하기 _ 323