메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

한빛랩스 - 지식에 가능성을 머지하다 / 강의 콘텐츠 무료로 수강하시고 피드백을 남겨주세요. ▶︎

모던 웹을 위한 JavaScript + jQuery 입문(3판)

자바스크립트, jQuery를 활용해 클라이언트와 서버 개발까지 한 번에 정복한다!

한빛미디어

집필서

절판

  • 저자 : 윤인성
  • 출간 : 2017-05-01
  • 페이지 : 960 쪽
  • ISBN : 9788968483554
  • 물류코드 :2355
  • 초급 초중급 중급 중고급 고급
4.3점 (7명)
좋아요 : 99

최신 버전을 적용하여 4년 만에 다시 집필한, 전면개정판 

<모던 웹을 위한 JavaScript + jQuery 입문>은 많은 독자님들의 사랑을 받았습니다. 이번에 발행한 3판은 최신 버전을 적용하여 2013년 개정판 이후 4년 만에 다시 집필한, 전면개정판입니다.  

 

HTML5, ECMAScript 5, jQuery 3.X를 활용한 클라이언트 개발 

현대 흐름에 맞게 ECMAScript 5로 자바스크립트의 기능을 자세하게 설명한다. 또한 jQuery 3.X를 통해 클라이언트 개발과 관련된 지식을 습득한다. 

 

Node.js를 활용한 서버 개발 

웹 개발은 클라이언트와 서버를 함께 이해해야 원하는 것을 만들 수 있다. 따라서 자바스크립트를 기반으로 서버를 개발할 수 있게 하는 Node.js 플랫폼을 활용해 서버 개발과 관련된 개념, MySQL을 활용해 데이터베이스와 관련된 개념을 함께 습득한다. 따라서 이 책 한 권으로 웹 개발과 관련된 전반적인 지식을 모두 살펴볼 수 있다. 

 

ECMAScript 6 추가 설명 

아직 사용하기 이르다고 생각할 수 있지만, 3판에서는 국내 최초로 ECMAScript 6와 관련된 내용도 수록했다. 에어비앤비(Airbnb)의 자바스크립트 가이드 라인에 따라 현재 시점에 사용할 수 있는 범위의E CMAScript 6와 관련된 내용을 추가적으로 설명한다. 

 

700개가 넘는 예제와 개념을 확인할 수 있는 연습문제 

자바스크립트, jQuery, Node.js, Ajax, MySQL 등을 설명하기 위해 700개가 넘는 예제들이 수록되어 있다. 간단한 문법을 살펴보기 위한 예제뿐 아니라 수학을 활용한 움직임 구현, RESTful 웹 서비스, 피벗 플러그인 개발 등을 모두 수록해 입문에서 활용까지 살펴볼 수 있도록 했다. 

 

 

어떤 독자를 위한 책인가? 

-. 자바스크립트와 jQuery를 처음 배우는 사람  

-. 자바스크립트와 jQuery를 함께 공부하는 개발 입문자와 디자이너 

-. 자바스크립트와 jQuery의 최신 변경 사항을 확인하려는 개발자 

 

 

상세이미지_모던웹javascript+jquery3판(733px).jpg

 

윤인성 저자

윤인성

출근하는 것이 싫어서 책을 집필하기 시작했습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미입니다. 책의 소개말을 쓰는 시점을 기준으로 해서 이 책은 73번째 도서입니다.

저서로는 『자바스크립트 프로그래밍 입문(2판)』(한빛아카데미, 2022), 『C# 프로그래밍(2판)』(한빛아카데미, 2021)과 『혼자 공부하는 파이썬(개정판)』(한빛미디어, 2023) 등이 있습니다. 역서로는 『내 코드가 그렇게 이상한가요?』(인사이트, 2023), 『이펙티브 코틀린(인사이트, 2022)』 등이 있습니다.

 

PART 1 JavaScript 

CHAPTER 1 개요 

__1.1 자바스크립트의 역사 

__1.2 자바스크립트의 활용 

__1.3 자바스크립트의 종류 

__1.4 Visual Studio 2015 Express for Web 설치 

__1.5 Visual Studio 2015 Express for Web 인증받기 

__1.6 HTML 파일 만들기 

__1.7 오류 확인 방법 

__ [연습문제] 

 

CHAPTER 2 기본 문법 

__2.1 기본 용어 

__2.2 출력 

__2.3 문자열 자료형 

__2.4 숫자 자료형 

__2.5 불 자료형 

__2.6 변수 

__2.7 자료형 검사 

__2.8 undefined 자료형 

__2.9 입력 

__2.10 숫자와 문자열 자료형 변환 

__2.11 불 자료형 변환 

__2.12 일치 연산자 

__2.13 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 3 조건문 

__3.1 if 조건문 

__3.2 if else 조건문 

__3.3 중첩 조건문 

__3.4 if else if 조건문 

__3.5 switch 조건문 

__3.6 삼항 연산자 

__3.7 짧은 조건문 

__ [연습문제]  

 

CHAPTER 4 반복문 

__4.1 반복문의 장점 

__4.2 배열 

__4.3 while 반복문 

__4.4 do while 반복문 

__4.5 for 반복문 

__4.6 for in 반복문 

__4.7 중첩 반복문 

__4.8 break 키워드 

__4.9 continue 키워드 

__4.10 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 5 함수 

__5.1 익명 함수 

__5.2 선언적 함수 

__5.3 매개변수와 리턴 값 

__5.4 매개변수 

__5.5 가변 인자 함수 

__5.6 리턴 값 

__5.7 내부 함수 

__5.8 콜백 함수 

__5.9 함수를 리턴하는 함수 

__5.10 클로저 

__5.11 자바스크립트 내장 함수 

__5.12 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 6 객체 

__6.1 객체 개요 

__6.2 속성과 메서드 

__6.3 객체와 반복문 

__6.4 객체 관련 키워드 

__6.5 객체의 속성 추가와 제거 

__6.6 객체와 배열을 사용한 데이터 관리 

__6.7 함수를 사용한 객체 생성 

__6.8 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 7 생성자 함수 

__7.1 생성자 함수 개요 

__7.2 프로토타입 

__7.3 new 키워드 

__7.4 캡슐화 

__7.5 상속 

__7.6 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 8 기본 내장 객체 

__8.1 기본 자료형과 객체의 차이점 

__8.2 Object 객체 

__8.3 Number 객체 

__8.4 String 객체 

__8.5 Array 객체 

__8.6 Date 객체 

__8.7 Math 객체 

__8.8 ECMAScript 5 Array 객체 

__8.9 ECMAScript 5 String 객체 

__8.10 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 9 브라우저 객체 모델 

__9.1 브라우저 관련 객체 

__9.2 window 객체 

__9.3 새로운 window 객체 생성 

__9.4 window 객체의 기본 메서드 

__9.5 screen 객체 

__9.6 location 객체 

__9.7 navigator 객체 

__9.8 window 객체의 onload 이벤트 속성 

__9.9 조금 더 나아가기 

__ [연습문제]   

 

CHAPTER 10 문서 객체 모델 

__10.1 문서 객체 모델과 관련된 용어 정리 

__10.2 문서 객체 만들기 1 

__10.3 문서 객체 만들기 2 

__10.4 문서 객체 만들기 3 

__10.5 문서 객체 가져오기 1 

__10.6 문서 객체 가져오기 2 

__10.7 문서 객체 가져오기 3 

__10.8 문서 객체의 스타일 조작 

__10.9 문서 객체 제거 

__10.10 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 11 이벤트 

__11.1 이벤트의 종류 

__11.2 이벤트 관련 용어 정리 

__11.3 고전 이벤트 모델 

__11.4 이벤트 발생 객체와 이벤트 객체 

__11.5 이벤트 강제 실행 

__11.6 인라인 이벤트 모델 

__11.7 디폴트 이벤트 제거 

__11.8 이벤트 전달 

__11.9 인터넷 익스플로러 이벤트 모델 

__11.10 표준 이벤트 모델 

__ [연습문제]  

 

CHAPTER 12 예외 처리 

__12.1 예외 처리 개요 

__12.2 기본 예외 처리 

__12.3 고급 예외 처리 

__12.4 예외 객체 

__12.5 에러와 예외 

__12.6 예외 강제 발생 

__12.7 조금 더 나아가기 

__ [연습문제]  

 

 

PART II jQuery 

CHAPTER 13 기본 

__13.1 개요 

__13.2 다운로드 

__13.3 $(document).ready( ) 

__13.4 기본 선택자 

__13.5 자손 선택자와 후손 선택자 

__13.6 속성 선택자 

__13.7 필터 선택자 

__13.8 배열 관리 

__13.9 객체 확장 

__13.10 jQuery 충돌 방지 

__13.11 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 14 문서 객체 선택과 탐색 

__14.1 기본 필터 메서드 

__14.2 문서 객체 탐색 종료 

__14.3 특정 위치의 문서 객체 선택 

__14.4 문서 객체 추가 선택 

__14.5 문서 객체의 특징 판별 

__14.6 특정 태그 선택 

__14.7 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 15 문서 객체 조작 

__15.1 문서 객체 조작의 개요 

__15.2 문서 객체의 클래스 속성 추가 

__15.3 문서 객체의 클래스 속성 제거 

__15.4 문서 객체의 속성 검사 

__15.5 문서 객체의 속성 추가 

__15.6 문서 객체의 속성 제거 

__15.7 문서 객체의 스타일 검사 

__15.8 문서 객체의 스타일 추가 

__15.9 문서 객체의 내부 검사 

__15.10 문서 객체의 내부 추가 

__15.11 문서 객체 제거 

__15.12 문서 객체 생성 1 

__15.13 문서 객체 생성 2 

__15.14 문서 객체 삽입 1 

__15.15 문서 객체 삽입 2 

__15.16 문서 객체 이동 

__15.17 문서 객체 복제 

__ [연습문제]  

 

CHAPTER 16 이벤트 

__16.1 이벤트 개요 

__16.2 이벤트 연결 기본 

__16.3 간단한 이벤트 연결 

__16.4 이벤트 연결 제거 

__16.5 매개변수 context 

__16.6 이벤트 객체 

__16.7 이벤트 강제 발생 

__16.8 기본 이벤트와 이벤트 전달 

__16.9 이벤트 연결 범위 한정 

__16.10 마우스 이벤트 

__16.11 키보드 이벤트 

__16.12 윈도우 이벤트 

__16.13 입력 양식 이벤트 

__16.14 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 17 효과 

__17.1 기본 시각 효과 

__17.2 사용자 정의 효과 

__17.3 상대적 애니메이션 

__17.4 애니메이션 큐 

__17.5 애니메이션 정지 

__17.6 애니메이션 지연 

__17.7 jQuery UI Effect 플러그인 

__17.8 조금 더 나아가기 

 

CHAPTER 18 이미지 슬라이더 

__18.1 jQuery 애니메이션을 위한 준비 

__18.2 HTML 구성 

__18.3 스타일시트 구성 

__18.4 자바스크립트 구성 

 

CHAPTER 19 플러그인 

__19.1 라이트박스 개요 

__19.2 Colorbox 플러그인 

__19.3 Colorbox 플러그인의 옵션 

__19.4 Colorbox 플러그인을 활용한 다이얼로그 

__19.5 Colorbox 플러그인의 전역 메서드 

__19.6 Masonry 플러그인 

__19.7 조금 더 나아가기 

 

CHAPTER 20 jQuery 플러그인 제작 

__20.1 선택자를 사용하지 않는 jQuery 플러그인 생성 

__20.2 선택자를 사용하는 jQuery 플러그인 생성 

__20.3 피벗 슬라이드 플러그인 만들기 1 

__20.4 피벗 슬라이드 플러그인 만들기 2 

__20.5 피벗 슬라이드 플러그인 만들기 3 

 

PART 3 Ajax 

CHAPTER 21 node.js 기본 

__21.1 Ajax 개요 

__21.2 데이터 전송 형식 

__21.3 node.js 개요와 설치 

__21.4 기본 파일 실행 

__21.5 내부 모듈 

__21.6 외부 모듈 

__21.7 서버 생성 및 실행 

__21.8 미들웨어 

__21.9 정적 파일 제공 

__21.10 라우터 

__21.11 응답과 응답 형식 

__21.12 Postman 크롬 확장 프로그램 

__21.13 요청과 요청 매개변수 

__21.14 요청 방식 

__21.15 서버 정리 

__ [연습문제]  

 

CHAPTER 22 XMLHttpRequest 

__22.1 XMLHttpRequest 객체 

__22.2 동기 방식과 비동기 방식 

__22.3 데이터 요청과 조작 

__22.4 데이터 요청 방식 

__22.5 조금 더 나아가기 

__ [연습문제]  

 

CHAPTER 23 jQuery Ajax 

__23.1 기본 

__23.2 추가적인 jQuery Ajax 메서드 

__23.3 XML 조작 

__23.4 데이터 요청 방식 

__23.5 보조 메서드 

__23.6 이벤트 관리 

__ [연습문제]  

 

CHAPTER 24 MySQL 데이터베이스 

__24.1 설치 

__24.2 기본 명령어 

__24.3 MySQL 모듈 

__24.4 데이터베이스 웹 서비스 

__24.5 Ajax를 사용한 데이터 추가와 삭제 

__ [연습문제]  

 

CHAPTER 25 크로스 도메인 

__25.1 개요 

__25.2 JSONP 개요 

__25.3 JSONP 웹 서비스 

__25.4 간접 접근 웹 서비스 

 

CHAPTER 26 Reverse Ajax 

__26.1 개요 

__26.2 서버 구성 

__26.3 클라이언트 구성 

 

부록 A 검사 

__A.1 검사의 기능 

__A.2 검사를 사용한 자바스크립트 디버깅 

__A.3 변수 검사 

__A.4 HTTP 헤더 확인 

 

부록 B 정규 표현식 

__B.1 정규 표현식 객체 

__B.2 대체 문자 

__B.3 플래그 문자 

__B.4 앵커 문자 

__B.5 메타 문자 

__B.6 수량 문자 

__B.7 선택 문자 

__B.8 정규 표현식 사용 예제 

 

부록 C 쿠키와 저장소 

__C.1 쿠키 개요 

__C.2 쿠키 읽기 

__C.3 쿠키 함수 

__C.4 jQuery Cookie 플러그인 

__C.5 저장소 

 

부록 D 지오로케이션 

__D.1 구글 지도 

__D.2 현재 위치 확인 

__D.3 위치 추적 

 

부록 E 자주 발생하는 오류 

__E.1 자바스크립트 오류 

__E.2 node.js 오류 

__E.3 node.js 버그 

__E.4 인터넷 익스플로러의 문서 모드 관련 문제 

 

연습문제 풀이 

 

지은이의 글 

 

2017년 4월, 『모던 웹을 위한 JavaScript + jQuery 입문(3판)』으로 개정을 하게 되었습니다. 이번 개정 과정에서는 많은 분들께서 메일과 쪽지로 “이렇게 개정해주세요!”라는 의견을 많이 주셨습니다. 해당 내용들은 대부분 반영했으나, 일부 반영하지 않은 것도 있습니다. 이에 대해 설명하겠습니다. 

 

<2016년 10월에 네이버에서 공개한 네이버 접속 웹 브라우저 비율> 

네이버에서 2016년 10월에 공개한 네이버에 접속하는 웹 브라우저의 종류를 살펴보면 IE8, IE9, IE10, IE11의 점유율이 75%(IE11이 44%) 정도 됩니다. 또한, 국내 모바일 브라우저 점유율 1위는 네이버 애플리케이션입니다. 스마트폰 애플리케이션 내부에 있는 웹 브라우저는 대부분 최신 버전의 크롬 또는 사파리가 아닙니다. 때문에 최신 기능을 사용할 수 없는 경우가 많습니다. 그래서 이를 기준으로 책의 개정 방향을 정하게 되었습니다. 

 

<ECMAScript 6를 ‘조금 더 나아가기’로 담았습니다> 

위의 통계로 인해 2017년 4월을 기준으로 ES6와 ES7의 기능을 활용해 웹 페이지를 만들 경우 문제가 발생할 수 있습니다. 물론 보완할 수 있는 트랜스파일 도구들이 있습니다. 하지만 모든 개발자들이 완전히 알아야 하는 내용이라고 말할 수는 없습니다. 그래서 이번 3판에서는 ES6 와 관련된 내용을 본문에 넣지 않고, 장의 후반부에 ‘조금 더 나아가기’로 추가했습니다. 조금 더 나아가기에 추가한 ES6의 범위는 ‘현재 시점에서 활용할 수 있는 범위’로 한정했습니다. 이러한 범위는 ES6를 광범위하게 활용하고 있는 에어비앤비의 ES6 개발 스타일 가이드 (https://github.com/airbnb/javascript)를 참고했습니다. 예를 들어, 에어비앤비는 2017년 4월 시점에 제너레이터 기능을 트랜스파일 도구도 정확하게 변환해주지 못한다는 이유로 사용하지 말자고 가이드를 잡았습니다. 또한 이터레이터도 부작 용이 더 많다는 이유로 사용하지 말자고 가이드를 잡았습니다. 따라서 이러한 기능들은 이번 3 판에서 제외했습니다. 해당 도서를 2년에서 3년 주기로 계속해서 개정하고 있으므로, 2018년 또는 2019년에는 또 해당 시점에 맞게 ES6와 ES7의 기능을 추가하도록 하겠습니다. 

 

<ECMAScript 5를 본문에 흡수했습니다> 

1판에서 장의 후반부에서 다뤘던 ES5의 기능은 이제 90% 이상의 웹 브라우저에서 사용 가능 한 상태가 되었습니다. 이는 국내 데스크톱 웹 브라우저를 기준으로 한 통계이므로, 스마트폰 까지 합한다면 95% 이상이 될 것입니다. 따라서 ‘배열의 메서드’, ‘ECMAScript 5 배열의 메서드’ 등으로 분리했던 것을 합쳤습니다. 

 

<jQuery는 유지합니다> 

최근 꿈에서 『모던 웹을 위한 JavaScript 48판』이라는 책을 보고 일어나서 ‘jQuery를 빼야 하 나?’하는 생각을 했었습니다. 1판을 집필하던 2010년 시점에는 “모두가 jQuery를 사용하기 위해 JavaScript를 사용했다”라고 말할 수 있을 정도로 모두가 jQuery를 사용하고, jQuery 라이브러리를 활용했습니다. 하지만 2017년 시점에서는 다양한 라이브러리들이 나와서 “jQuery는 너무 오래된 과거의 유물 아니야?”라고 말하는 사람들이 많아졌습니다. 하지만 2010년에 책을 집필하던 시점과 2017년 현재 시점을 기준으로 전 세계 상위 1만 개의 사이트에서 jQuery를 사용하는 비율은 크게 변화하지 않았습니다. 또한, jQuery는 기본 지식을 익히기 위한 도구로써 아직도 좋은 중간 과정이라고 할 수 있습니다. 

 

<jQuery 플러그인과 관련된 내용을 축소했습니다> 

다만 최근에는 jQuery로 기본기를 익힌 뒤에 다른 대규모 프론트엔드 웹 프레임워크 등을 활 용하는 일이 많아졌습니다. 따라서 기존 1판과 2판의 파트4에서 다뤘던 jQuery 플러그인과 관련된 내용을 대폭 축소했습니다. 파트4가 축소되면서 책의 전체적인 두께가 이전 판보다 약 간 감소되었습니다. 

 

변경 사항과 그에 대한 이유는 이 정도로 정리하면 될 것 같습니다. 3판까지 나올 수 있게 6년 동안 책을 구매해주신 모든 분들께 감사 드립니다. 또한, 이번 3판 개정을 담당해주신 이중민 과장님과 이미향 과장님께도 감사의 말씀을 드립니다.

 

_2017. 4 윤인성 

이 책은 초보자에게도 쉽게 이해할 수 있도록 쉬운 어체로 쓰여있습니다.
그냥 보통 책을 읽듯이 술술 읽히기 때문에, 비전공자나 자바스크립트를 접해보지 않은 사람들에게도 잘 맞을 것 같아요.
그렇다고 예제가 적은 것도 아니고 700개가 넘는 예제가 수록되어 있기 때문에 어느 정도의 기본이 된 사람들에게도 도움이 될 것 같아 보입니다.

 

책의 장점은 마치 소설책처럼 술술 읽어진다는 것이다. 저자가 앞에 서서 칠판에 써가면서 설명해 주듯이 코드들을 설명해 나간다. 또한 중간에 뭔가 어려운 내용이 나오면 넘어간다…..어려운 내용은 뒤에 다시 자세한 설명을 하기 때문에 지금 당장 읽고 넘어가도 된다는 설명은 정말 좋은 판단인 하다.

 

책의 서문은 반드시 읽고 진도 나가야 한다. 책은 과거 이미 1,2판이 출간되었고 현재 3 이다. 또한, 자바스크립트 분야는 기술의 변화속도가 동급 최강인 개발언어이다. 실제로 사무실에 있는 도서 1판을 살짝 봤었는데 내용을 읽는 데는 문제가 없었지만 구현하면 곳에서 책의 결과와 다른 결과를 리턴 하는 경우가 많았다.

서문에서는 책의 지금까지의 방향과 앞으로의 방향을 언급하고 어떤 자바스크립트 표준을 기준으로 설명할 것인지 방향을 얘기해준다.

 

책은 크게 1 자바스크립트 기본에 대한 내용, 2 Jquery 대한 내용, 3 Ajax 대한 내용으로 구성되고 앞의 내용이 뒤에도 영향을 주므로 가능한 책을 순차적으로 읽는 것이 좋을 하다.

 

1 자바스크립트 기본에 대한 내용은 상당히 깔끔하고 군더더기 없는 것이 맘에 든다. 설명은 구구절절 많이 썼지만 내용은 어렵지 않고 간단하며 가능한 기본적인 이해를 위한 설명이 대부분이며  , 특히 중간 중간 그림으로 설명된 내용들중 괜찮은 내용이 많았다(Prototype 그림으로 설명한 부분은 정말 무릎을 탁치게 했다.)

 

2 Jquery 대한 내용들도 기본적인 방향은 대동소이 하다. 기본문법과 이것들이 어떻게 동작하는지 독자의 기본이해를 위해서 설명을 많이 하고 있다. 최근에 Jquery 약간 사양 추세이지만 아직까지 자바스크립트 표준 라이브러리 같은 위치를 유지하고 있으므로 실제 소스들을 하나씩 구현해 나가면서 공부해 보는 것을 추천한다.

 

3 Ajaxnode.js 먼저 설명하는데  부분은 솔직히 개인적으로 구성이 좋아 보이지는 않는다. 물론 최근 node.js 많이 화두 되고 있는 기술이지만 책의 성격이 기본서의 성격이기 때문에 처음 출발은 XMLhttpRequest부터 시작하는게 맞지 않나 생각한다. 여하튼 node.js 부분도 난이도 있게 다루는 것이 아니므로 대세에 지장은 없다. 그리고 저자의 node.js 책이 따로 있다…

과거에 자바스크립트는 UI 개발에만 쓰였기 때문에 자바스크립트로 DB 접근할 일이 없었지만 최근은 스크립트로도 DB 많이 접근하므로 MySQL Connection 부분은 주의깊게 보는 것이 좋겠다.

 

 

개인적으로는 크로스 도메인 부분과 부록의 정규식, 부록의 쿠키와 저장소 개념은 초급개발자들은 접하기 어려운 부분이므로 차후 높은 역량을 원하는 개발자들은 반드시 봐야 된다고 생각한다.

JavaScript는 참 신비한 언어입니다. 크롬, 사파리등 웹 브라우저를 통해 만나는 화면부터 클라이언트의 요청을 처리하는 웹 서버까지 모두 만들어 낼 수 있는 언어입니다. 웹 프론트엔드에서 웹 서버, 심지어는 앱까지 개발가능하기에 많은 사람들에게 인기가 있는 언어입니다. 다양성과 쉬운 접근성을 갖추고 있지만 정작 제대로 JavaScript를 이해하고 있는 사람은 많지 않습니다. 최근 몇년간 꾸준히 새로운 JavaScript 표준이 발표되었고, Javascript 생태계도 빠르게 발전되고 있습니다.(참조. 2017년과 이후 JavaScript의 동향 http://d2.naver.com/helloworld/7229119) 올해 스탠포드 대학교에서는 컴퓨터공학과의 개론 강좌의 실습 언어를 Java에서 JavaScript로 변경하는 등 프로그래밍 언어로써의 위상도 빠르게 올라가고 있습니다.(https://computinged.wordpress.com/2017/04/21/cs-department-updates-introductory-courses-java-is-gone/)

 

20170615_214634.jpg

 

 

JavaScript 제대로 한번 봐야지 하며 지나쳐 온 세월에 대한 반성과 한빛미디어에서 진행한 리뷰 이벤트를 기회삼아 JavaScript 책 한권을 찬찬히 살펴보았습니다. 게으름 탓도 있지만, 그 동안 JavaScript 책을 보지 않은 이유 중 가장 큰 이유는 최근 버전을 반영하고 있는 책이 없었기 때문입니다. 책들이 최근 표준인 ECMAScript 6/7를 반영하지 않는 이유는 최신 버전의 JavaScript를 지원하지 않는 웹 브라우저가 많고 표준이 너무빠르게 변하기 때문일 것이라 생각합니다. 웹 서비스를 개발할 때는 가능한 많은 환경들을 고려해야하기 때문에 ECMAScript 5를 기준으로 많은 책들이 쓰여져 있을 것입니다.

 

undefined

 

 

이 책을 읽으면서 가장 좋았던 점은 ECMAScript 6 문법을 함께 설명하고 있다는 것이 였습니다. let, const를 이용한 변수 선언 방식, 화살표 함수 등 ECMAScript 6 문법들을 기존 문법들과 비교하여 친절하게 설명하고 있습니다. 이 책은 비교적 두꺼운 편이지만 기본 문법을 다루고 있는 Chapter를 제외한 나머지 Chapter들은 순서 없이 원하는 부분을 학습이 가능하다는 점도 매력적이였습니다. JavaScript 뿐만 아니라 jQuery, Node.js, MySQL 등 웹 서비스를 만들기 위해 필요한 구성요소들을 함께 다루고 있어 웹 서비스 개발을 시작하는 분들에게 추천드립니다.

계속 읽다보면 전부다 해당하는건 아니지만 예를 들어 상속하는 방법을 '자 이 코드를 보시죠. 이전 절에서 만든 생성자 함수oo를 기반으로 생성자 함수 ooo를 만들었습니다.하고 끝입니다. 생성자를 만들때는 어떻게 적으며 뭐 이런게 책 전반적으로 없습니다.

 

쉽게 A 파트면 A가 쓰인 코드를 보고 설명하는데 A가 뭔지 모르겠다는 생각이네요.

해당 문구가 사용된 부분을 색을 다르게 하던지 그 부분한 포인트를 주어서 '아 이게 A이구나' , 'A는 이렇게 사용하는구나'라는것좀 알려주었으면 하네요.

 

타 출판사 자바O정석 보시면 너무나도 다른것을 알 수 있습니다.

다양하게 담은건 좋지만 어디가 A인지 A는 어떻게 사용해야하는지 계속 생각하거나 검색해야합니다.

 

 

1. 외관 

먼저 이 책은 930쪽이라는 어마어마한 두께를 자랑하고있습니다. 그에 따라 무게는 무거운 편입니다. 


2. 내부 

책 내부는 흑백으로 되어있고 많은 예제와 그림설명으로 뒷바침을 해주고있습니다.
 

3. 본론

 

이 책은 정말 자바스크립트를 처음 시작하는 사람들을 위해 만들어져 있고 프로그래밍언어를 처음 접하는 독자들도 이해하기 쉽게 이루어져 있습니다. 책의 순서는 JavaScript -> jQuery -> Node.js -> AJAX-> MySQL->부록(검사, 정규표현식, 쿠키와 저장소, 지오로케이션, 자주 발생하는 오류) 로 진행되며 VisualStudio for web을 기본 툴로 사용합니다. 각각의 챕터마다 많은 예제코드와 설명을 해주고 있어 그리 어렵지않게 코드를 이해할 수 있습니다. 특히 XML에 대해 다른 책보다 좀더 자세하게 설명해주는 느낌을 받았습니다. 다만 역시 한번에 이해하면 천재입니다. 꾸준한 공부와 노력이 필요합니다. 그리고 이 책의 경우 대부분의 용어를 한글로 표기하여 가독성은 좋지만 이를 검색을 제대로 하기 위해서는 다시 영어단어로 숙지한 다음 검색을 해야합니다.


4. 마무리


 

 

 

정말 혼자 독학을 하려는 사람들에게 최고의 책이며 풍부한 양과 최고의 질의 설명과 더불어 프로그래밍언어를 간략하게나마 접해본 사람이라면 빠른 이해가 가능할것이라 생각합니다.

컴퓨터 공학이라는 전공을 4년 동안 공부하고 있는 학생인 저는 Java Script를 다룰 줄 모르며 jQuery가 뭔지도 잘 모릅니다. 항상 웹에 대한 이야기를 하면 말할 수 없었고 그렇기에 웹 공부를 하고 싶었습니다. 운 좋게 출판사 한빛의 "나는 리뷰어다"에 당첨되어 무료로 책을 받아 공부할 수 있게 되었고 그에 대한 리뷰를 작성하게 되었습니다.
 먼저 책에 대한 간단 소개를 하면 "한빛미디어"에서 모던 웹 공부를 하는 사람들을 위한 로드맵으로 제시하고 있는 과정의 두 번 째입니다.  첫 번째는 <모던 웹 디자인을 위한 HTML5 + CSS3 입문>이며 그 책을 5장까지 읽은 후 이 책을 읽는 것을 권장하며 그다음은 <모던 웹을 위한 Node.js 프로그래밍>이라고 합니다.  저는 첫 번째 책은 보지 않았고 이 책을 보기 이전인 작년 10월에 서버에 대한 공부를 하고 싶어서  <모던 웹을 위한 Node.js 프로그래밍>를 보고 따라 해본 적이 있습니다. 본론으로 돌아와서 이 책은 자바스크립트와 jQuery를 공부하는 개발 입문자와 디자이너를 대상으로 한다고 합니다. 주의해야 할 사항은 로드맵의 두 번째인 만큼 HTML 태그와 CSS의 기본 개념 정도는 알고 있다는 가정하에 설명하고 있다는 것인데 이는 저도 모르지만 대충 학교에서 배운 그런 개념들과 인터넷 검색을 통해서 알아가면서 배웠기 때문에 모른다고 하여서 두려워하지 않으셔도 될 것입니다.  
 책의 내용을 보면 학습 목표를 제공해주고 그에 대한 개념들과 예제 코드들이 자세하게 나와있습니다. 웹이라는 것이 컴퓨터 공학을 전공으로 하는 학생들뿐 아니라 많은 학생들이 배우는 것이라서 그런지 책의 설명은 자세하면서도 이해하기에 수월하였고 이해가 안 되더라도 예제 코드들로 하여 흐름은 알 수 있을 정도로 잘 나와있습니다. 책이 두꺼운 만큼 많은 내용들을 담고 있습니다. 흔히 프로그래밍 언어 책을 구분할 때 프로그래밍 언어 기본서, 프레임워크 기본서, 프로그래밍 언어와 프레임워크 활용서 이렇게 세 가지로 나뉘는데 이 세 개가 다 들어가 있는 꽤 괜찮은 책이라고 생각됩니다. 
 저한테는 node.js를 공부하면서 이해 안 되고 흐름적으로도 뭔지 몰랐던 것들을 조금 알게 되어서 좋았고 리뷰를 위해서 훑어봤지만 방학 때 집중적으로 제대로 보고 싶은 그런 책이라고 생각됩니다. 개인적을 추천할 수밖에 없는 책이네요~ 


 

본 서적은 JavaScript, jQuery, Ajax 3가지의 큰 기술 주제를 다루고 있습니다.

 

우선 Part-1에서는 jQuery를 심도 있게 활용하기 위한 JavaScript의 기본 문법, 함수, DOM, 객체, 이벤트 같은 고급 개념을 학습합니다.

 

특히, 요즘 잘나가는 JavaScript 프레임워크나 라이브러리를 사용하려면 생성자 함수, 프로토타입, 상속 등을 대해서 정확히 이해해야 하는데, 이 책에서 해당 개념에 대해 자세히 설명하고 있습니다. 이 부분은 제가 읽어 본 JavaScript  기초서 중에 가장 쉽게 설명된 것 같습니다.

 

Part-2에서는 최신의 jQuery 핵심기능에 대해서 학습합니다. jQuery의 선택자, 문서객체 탐색 및 조작을 위한 다양한 메서드에 대해서 배우고 실무에서 반드시 알아야 하는 jQuery 이벤트와 애니메이션, 플러그인의 활용법에 대해서 학습합니다.

 

19장 플러그인에서 소개하는 라이트박스, Masonry 플러그인은 유명한 jQuery 플러그인이므로 이 부분을 잘 익혀 놓으면 두고 두고 실전에 응용이 가능합니다.

 

20장의 jQuery 플러그인 제작부분은 사실 고급 주제인데, jQuery를 이용하여 나만의 유틸리티 플러그인이나 배포 가능한 형태의 플러그인을 제작하기 위한 기본적인 방법을 학습합니다.

 

이 부분을 잘 학습해 놓으면 jQuery 공식 사이트에서 배포하는 유명 플러그인의 소스를 분석하여 응용하는데 실질적인 큰 도움이 됩니다.

 

Part-3은 모던 웹사이트 구축을 위해 반드시 알아야 하는 Ajax에 대한 내용입니다. 관련 기술로 node.js, XMLHttpRequest, jQuery Ajax, JSON, XML, JSONP, Reverse Ajax에 대해서 학습합니다. 이 책의 가장 알짜 부분이라고 할 수 있겠습니다.

 

이 외에도 독자의 학습 집중도를 높이기 위해 부가적인 설명이 필요한 항목은 필자의 의도대로 부록 편에 따로 모아서 상세히 기술해 놓았습니다. 검사/디버깅, 정규 표현식, 쿠키, HTML5의 웹 스토리지와 지오로케이션 등이 부록에 포함되어 있습니다.

 

참고로 중요 용어들이 한글로 표기되어 있는데 영문 용어 표기가 없어 독자들이 따로 이 부분을 다른 참고 문서를 찾아서 이해해야 합니다.

 

1. 대상 독자

 

JavaScript(ECMAScript6), jQuery를 대충 공부하신 분들은 꼭 한번 정독해 보시길 권장합니다.

 

특히 이 책에서 다룬 아래 내용을 시원하게 설명하지 못한다면 거의 JavaScript와 jQuery를 정확히 모른다고 봐야 할 것입니다.

 

(1) 익명함수(함수리터럴), 콜백 함수, 클로저

(2) 객체, 생성자함수, 프로토타입, 상속

(4) 이벤트 버블링, 이벤트위임

(5) $.ajax(),JSONP, Reverse Ajax

(6) 예외 처리

(7) ECMAScript 6

 

 

2. 모두가 공감할 이 책만의 장점

 

제가 생각하는 이 책의 가장 큰 장점은 독자 친화적인 저자의 설명 스타일인 것 같습니다. 마치 ‘1:1과외를 하듯 각 주제에 대해서 친절하게 설명을 하니 초보자들도 큰 어려움 없이 독학이 가능할 것으로 판단됩니다.

 

, 다른 jQuery 관련 서적과 비교되는 강점은 아래와 같습니다.

 

(1) 930페이지의 방대한 분량을 자랑합니다.

(2) 이벤트, Ajax등 실무에서 반드시 알아야 하는 기술 주제가 풍부합니다.

(3) 중급으로 나아가는데 필요한 고급 주제에 대해서는조금 더 나아가기섹션이 제공됩니다.

(4) 예제 소스 코드에서 JavaScript 표준 코딩 스타일을 준수합니다.

(5) 학습의 이해도를 높일 연습문제와 연습문제 풀이가 제공됩니다.

(6) ECMAScript 6의 새롭게 추가된 문법에 대해서다룹니다.

 

3. 핵심내용 요약

 

아래는 책 본문 중에 특히 실무에서 자주 활용되는 개념이나 용어라고 생각되는 것을 추출해서 정리해 보았습니다. 책을 구매하는데 도움이 되었으면 좋겠습니다.

 

PART 1. JavaScript

 

l  JavaScript 기본 문법

l  함수: 익명 함수, 선언적 함수, 가변인자 함수, 콜백함수, 클로저 등

l  객체:
-
속성과 메서드, for in , 속성 추가및 제거
-
객체와 배열을 사용한 데이터 관리, 옵션 객체 초기화
-
참조 복사, 값 복사

l  생성자 함수, 프로토타입, 캡슐화, 상속

l  ECMAScript의 클래스(Class)
- class 
선언과 생성자 함수 선언 비교

l  기본 내장 객체

l  문서 객체 모델(DOM)

l  이벤트
-
이벤트 종류, 이벤트 발생 객체, 이벤트객체, 이벤트 강제 실행
-
인라인 이벤트 모델, 디폴트 이벤트 제거, 이벤트 전달(이벤트 버블링)

l  예외 처리(try ~ catch ~finally)

 

PART 2. jQuery

 

l  $(document).ready() 준비 메서드 사용

l  기본 선택자, 필터 선택자의 종류와 사용법

l  each() 메서드를 이용한 배열 관리

l  $.extend() 메서드를 이용한 객체 리터럴의 확장

l  $.noConflict() 메서드를 이용한 타 라이브러리와의 충돌 방지

l  문서객체 생성, 추가/삽입, 제거, 이동, 복제

l  이벤트 연결, 연결 제거, 이벤트 객체, 이벤트 발생

l  마우스 이벤트, 키보드 이벤트, 윈도우 이벤트, 폼 이벤트

l  애니메이션(효과), animate()를 이용한 사용자 정의 효과

l  jQuery 플러그인: LightBox(ColorBox),Masonry 플러그인의 활용

l  jQuery 플러그인 제작

 

 

PART 3. Ajax

 

l  node.js 기본

l  XMLHttpRequest

l  jQuery Ajax

l  MySQL 데이터베이스

l  크로스 도메인

l  Reverse Ajax

 

 

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 상품명 :
모던 웹을 위한 JavaScript + jQuery 입문(3판)
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
모던 웹을 위한 JavaScript + jQuery 입문(3판)
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
모던 웹을 위한 JavaScript + jQuery 입문(3판)
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 상품1