[독서-264] 자바스크립트 테스트와 디버깅

자바스크립트 테스트와 디버깅 ㅣ 프로그래밍 인사이트 Programming Insight
전용우 지음 / 인사이트 / 2013년 12월

현재 진행하고 있는 프로젝트가 자바스크립트 컴포넌트와 위젯을 많이 사용하고 있어서 테스트와 디버깅에 대한 서적을 읽어보았습니다.

첫장은 TDD(테스트 주도 개발)에 대한 설명과 함께 테스트 수준을 단계별로 설명하는 것으로 시작합니다. 자바스크립트 단위 테스트 도구로는 JQuery 팀에서 개발한 QUnit을 설명하고 있습니다. 나중에 기회가 되면 프로젝트에 한번 적용해 봐야겠습니다.

중반부에서는 파이어폭스, 인터넷 익스플로러, 크롬, 사파리... 등 브라우저별로 디버깅하는 방법을 설명해 줍니다. 그리고 후반부에는 성능 개선에 대한 내용과 함께 피들러(Fiddler)를 소개하고 있습니다.

[독서-254] 쉽고 빠르게 익히는 CSS 3

쉽고 빠르게 익히는 CSS3 ㅣ 위키북스 오픈소스 & 웹 시리즈 28
제이슨 크랜포드 티그 지음, 유윤선 옮김 / 위키북스 / 2011년 4월

웹을 보다 멋지고 화려하게 꾸미기 위해서는 CSS를 잘 다루어야 합니다.  페이지마다 그림을 추가해 두어 쉽게 이해할 수 있고  CSS3 적용 방법을 단계적으로 학습할 수 있어서 좋습니다. HTML은 컨텐츠를 나타내고 CSS는 컨텐츠에 디자인을 적용하고 JavaScript는 동적인 환경을 구성하여 줍니다.

HTML5에는 아래와 같이 의미를 갖고 있는 구조적인 엘리먼트가 많이 추가되었습니다. 외부 CSS 파일을 적용하는 두가지 방법입니다. <link> 방법과 @import 방법이 있습니다. jQuery와 함께 Transition을 잘 활용하면 멋진 웹 페이지를 표현할 수 있습니다.

[독서-230] 이제 시작이야! jQuery 모바일

이제 시작이야 jQuery 모바일 - Up & Running
맥시밀리아노 퍼트만 지음, 김경균.한상훈 옮김 / 비제이퍼블릭 / 2012년 11월

jQuery Mobile에 대한 이해를 돕기 위해 jQuery 모바일 서적을 한 권 더 읽어 봅니다.  이 책에서는 jQuery 모바일과 커스텀 data- 속성을 아래와 같이 정의하고 있습니다. jQuery 모바일을 사용해 웹 앱을 만들려고 할 때 페이지는 기본단위가 되며 헤더, 콘텐츠, 푸터로 구분됩니다.

[독서-229] jQuery Mobile inside

jQuery Mobile inside - HTML5 API연동, 제이쿼리, 제이쿼리 모바일, Ajax를 통한 openAPI연동, appspreso를 활용한 네이티브 앱 패키징
주영아.이광호 지음 / 스마트미디어(박한식) / 2012년 7월

저자가 전임강사라서 그런지 기술 항목에 대해서 잘 정리하고 있고 잘 설명하고 있습니다. Mobile Web Framework = HTML5 + CSS3 + JavaScript

처음에는 모바일 웹의 중심 기술인 HTML5 개요와 HTML5 API에 대해 모바일을 기준으로 ​설명합니다. 그리고 jQuery Mobile UI, jQuery, Ajax, jQuery Mobile에 대해서 단계별로 이야기하고 있습니다.
​

소스코드에 구분을 주기 위해서 엘리멘트와 jQuery Mobile 관련 속성을 적색하였는데 눈에 잘 들어오기는 하는데 자꾸 보니 좀 부담스럽습니다.

[독서-228] 모던 웹을 위한 JavaScript + jQuery 입문

모던 웹을 위한 JavaScript + jQuery 입문 - 자바스크립트.jQuery를 활용해 클라이언트와 서버 개발까지 한 번에 정복한다!, 3판
윤인성 지음 / 한빛미디어 / 2017년 5월

JavaScript부터 시작해서 Ajax, jQuery 그리고 jQuery Mobile까지 많은 내용을 설명하고 있는 책입니다. 중반 이후로 가면 JavaScript 뿐만 아니라 Ajax, jQuery, jQuery Mobile, jQuery UI, jqGrid, ... 등을 다루다 보니 어려워 질 수 있습니다.

이 책은 입문자를 배려한 설명으로 되도록 쉽게 이야기 하고 있고 예제도 입문자를 생각해서 간단하게 구성하고 있습니다. 예제 코드도 이해하기 쉽게 구성되어 있어서 jQuery를 개인적으로 학습하게에 좋습니다.

페이지마다 아래와 같이 표와 그림, 코드가 잘 정리되어 있어서 막히지만 않는다면 학습하는데 크게 지장은 없습니다. setTimeout()과 setInterval()을 하나의 그림으로 깔끔하게 보여주고 있네요.