자바스크립트 디버깅을 어려워하거나, 전략 없이 log로 디버깅하는 웹 개발자를 위한 안내서.
디버깅이 반드시 필요한 과정임을 알고 있지만, 단순히 결과 확인에 그치거나 무작정 로그 기록에만 의존해 온 개발자라면 이 책을 통해 효율적인 디버깅 방법을 배워 보자.
이 책에는 데스크톱에서 모바일 웹까지 다양한 개발 환경에서 사용할 수 있는 각종 디버깅 도구의 사용법을 담았으며, 코드 테스트와 다이나트레이스, 피들러 등 성능 개선에 대한 내용을 곁들였다.
- 이 책의 구성
* 1부 테스팅: 디버깅을 적게 하는 프로그램을 만...
더보기
이 책의 이벤트
해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.-
기술스택 별 개발자 채용공고 비중 공개+추천도서!2021.12.24 ~ 2022.12.31
| ISBN | 9788966260751(8966260756) |
|---|---|
| 쪽수 | 369쪽 |
| 크기 | 172 * 225 * 30 mm /632g 판형알림 |
책소개
이 책이 속한 분야
전략 없이 log로 디버깅하는 웹 개발자를 위한 안내서 『자바스크립트 테스트와 디버깅』. 테스트와 디버깅의 중요성을 알면서도 안정적인 코드를 만들어 나가거나 버그를 수정, 배포하는 작업이 막막하게 느껴지는 개발자들을 위한 안내서이다. 단위 테스트로 오류가 최소화된 자바스크립트 코드를 만들어 보고, 각종 디버깅 도구를 다루는 방법과 사용 예제를 통해 보다 우아하게 UI를 개발할 수 있는 노하우를 전수한다.
목차
I. 테스팅
01. TDD를 적용한 단위 테스트
_1.1 테스트의 종류
__1.1.1 테스트 수준에 따른 분류
__1.1.2 테스트 목적에 따른 분류
__1.1.3 테스트 방법에 따른 분류
_1.2 테스트 주도 개발(TDD)이란 무엇인가
_1.3 TDD 진행 방법
_1.4 TDD에서 유의해야 할 점
_1.5 TDD의 장점
02. 자바스크립트 단위 테스트 도구
_2.1 QUnit
__2.1.1 환경 설정
__2.1.2 테스트 함수
__2.1.3 단언문(assertion)
__2.1.4 비동기 테스트에 사용하는 함수
_2.2 그 밖에 유용한 함수
__2.2.1 일부 모듈(module)만 실행하기
__2.2.2 QUnit을 활용하여 자동화된 CI 테스트 구축하기
_2.3 테스텀(Testem)
__2.3.1 설치 방법
__2.3.2 사용 방법
__2.3.3 기타 설정 및 기능
03. 자바스크립트 단위 테스트 패턴
_3.1 테스트 케이스 패턴
_3.2 기본적인 DOM 테스트
_3.3 시스템 창 테스트 (alert, confirm)
_3.4 이벤트 테스트
__3.4.1 가짜 이벤트를 이용한 테스트
__3.4.2 이벤트와 연관된 부분을 함수로 분리한 테스트
_3.5 Ajax 테스트
__3.5.1 동기 테스트
__3.5.2 비동기 테스트
_3.6 Timer(setTimeout, setInterval) 테스트
04. 테스트 더블을 이용한 테스트
_4.1 테스트 더블(Test Double)
__4.1.1 스텁 객체를 사용한 테스트
__4.1.2 목 객체를 사용한 테스트
_4.2 테스트 더블의 사용 전략 및 장단점
__4.2.1 테스트 더블의 사용 전략
__4.2.2 테스트 더블의 장점
__4.2.3 테스트 더블 사용의 단점
II. 디버깅
05. 파이어폭스(Firefox) 디버깅
_5.1 파이어버그
__5.1.1 파이어폭스 설치
__5.1.2 파이어버그 설치
_5.2 콘솔(Console) 이용하기
__5.2.1 콘솔 탭
__5.2.2 콘솔 객체
_5.3 HTML, CSS 디버깅
__5.3.1 HTML 탭
__5.3.2 CSS 탭
_5.4 스크립트 디버깅
_5.5 네트워크 디버깅
_5.6 쿠키
06. 인터넷 익스플로러 디버깅
_6.1 IE 하위 버전(6~7) 디버깅
__6.1.1 디버깅 도구 설치하기
__6.1.2 IE 개발자 도구(IE developer tool bar)
__6.1.3 스크립트 디버깅
__6.1.4 스크립트 편집기
__6.1.5 네트워크 프로파일링
_6.2 IE 상위 버전(8~9) 디버깅
__6.2.1 엘리먼트 선택 도구(HTML, CSS 탭)
__6.2.2 스크립트 탭
__6.2.3 네트워크 탭(IE 9 이상)
__6.2.4 프로파일러
07. 크롬, 사파리 디버깅
_7.1 디버깅 도구 실행
_7.2 엘리먼트(Elements) 탭
_7.3 자원 탭(Resources)
_7.4 네트워크 탭(Network)
_7.5 스크립트 탭(Sources)
_7.6 타임라인 탭
_7.7 프로파일 탭 (Profiles)
_7.8 검사 탭 (Audits)
_7.9 콘솔 탭
_7.10 기타 기능
_7._11 기타 설정
08. 오페라 디버깅
_8.1 엘리먼트 탭(documents)
_8.2 스크립트 탭(Scripts)
_8.3 네트워크 탭
_8.4 자원 탭(Resources)
_8.5 스토리지 탭(Storage Inspector)
_8.6 에러 로그 탭(Error Log)
_8.7 콘솔 탭(Console)
_8.8 유용한 도구들(Utilities)
09. 모바일 웹 디버깅
_9.1 모바일 웹 디버깅 환경
_9.2 데스크톱에서 모바일 디버깅
_9.3 모바일 사파리(Safari) 디버깅 도구
_9.4 JS콘솔 (JSConsole)
_9.5 와이너리(weinre - WEb INspector REmote)
__9.5.1 설치 및 실행 방법
__9.5.2 사용 방법
_9.6 아더울프(Aardwolf)
__9.6.1 설치 및 실행 방법
__9.6.2 사용 방법
III. 성능 개선
10. 다이나트레이스
_10.1 설치 및 실행 방법
_10.2 시작하기
_10.3 성능 리포트(Performance Report)
__10.3.1 요약 보기(Summary)
__10.3.2 캐시(Cache)
__10.3.3 네트워크(Network)
__10.3.4 서버 성능(Server-Side)
__10.3.5 자바스크립트(JavaScript), Ajax
__10.3.6 타임라인(Timeline)과 주요 성과 지표(KPI-Key Performance Indicator)
_10.4 사용자 경험 리포트(User Experience Report)
_10.5 타임라인(Timeline)
__10.5.1 타임라인 기능
__10.5.2 자바스크립트 개선
__10.5.3 네트워크
_10.6 퓨어패스(PurePaths)
_10.7 핫 스팟(Hot spot)
_10.8 설정 및 기타 기능
_11. 웹페이지 테스트
__11.1 사용 방법 및 주요 기능
__11.2 분석적 검토(Analytical review)
___11.2.1 측정 방법
__11.2.2 테스트 설정(Test Setting)
__11.2.3 고급 설정(Advanced)
__11.2.4 권한(Auth)
__11.2.5 스크립트(Script)
__11.2.6 광고 제거(Block)
__11.2.7 단일 고장점(Single Point Of Failure, SPOF)
__11.2.8 비디오(Video)
__11.3 페이지 측정 및 결과 확인
__11.3.1 요약 보기(Summary)
__11.3.2 상세 보기(Detail)
__11.3.3 성능 리뷰(Performance Review)
__11.3.4 페이지 스피드(Page Speed)
__11.3.5 콘텐츠 분해(Content breakdown)
__11.3.6 도메인(Domain)
_11.4 기타 테스트
__11.4.1 시각적 비교(Visual Comparison)
__11.4.2 모바일(Mobile)
__11.4.3 경로추적(Tracerouter)
__11.4.4 API 활용하기
12. 피들러(Fiddler)
_12.1 설치하기
_12.2 실행 방법
_12.3 자동 응답(AutoResponder)
__12.3.1 기본 자동 응답 기능
__12.3.2 요청 지연하기
__12.3.3 모바일 자동 응답 기능
__12.3.4 HTTPS 자동 응답 기능
_12.4 필터 기능
__12.4.1 특정 조건 요청만 기록
__12.4.2 중단점(BreakPoint) 설정
_12.5 피들러 스크립트(Rule)
__12.5.1 Global Scope
__12.5.2 이벤트(OnBeforeRequest, onBeforeResponse)
_12.6 자바스크립트 포맷터
부록 기타 자바스크립트 개발 도구
_A 성능 개선 도구
__A.1 스피드 트레이서(Speed Tracer)
__A.2 모바일 성능 북마크릿(Mobile Perf bookmarklet)
__A.3 JSPerf
_B 문서화 도구
__B.1 YUIDOC
_C 압축 도구
__C.1 UglifyJS
__C.2 Clean CSS
__C.3 HTML Compressor
__C.4 해제 도구
_D 테스트 커버리지 도구(Test Coverage Tool)
__D.1 이스탄불(Istanbul) 설치 및 사용 방법
__D.2 결과 확인
_E 정적 코드 검사 도구
__E.1 JSHint
__E.2 CSSLint
_F 빌드 도구(grunt)
__F.1 설치 방법
__F.2 실행 방법
01. TDD를 적용한 단위 테스트
_1.1 테스트의 종류
__1.1.1 테스트 수준에 따른 분류
__1.1.2 테스트 목적에 따른 분류
__1.1.3 테스트 방법에 따른 분류
_1.2 테스트 주도 개발(TDD)이란 무엇인가
_1.3 TDD 진행 방법
_1.4 TDD에서 유의해야 할 점
_1.5 TDD의 장점
02. 자바스크립트 단위 테스트 도구
_2.1 QUnit
__2.1.1 환경 설정
__2.1.2 테스트 함수
__2.1.3 단언문(assertion)
__2.1.4 비동기 테스트에 사용하는 함수
_2.2 그 밖에 유용한 함수
__2.2.1 일부 모듈(module)만 실행하기
__2.2.2 QUnit을 활용하여 자동화된 CI 테스트 구축하기
_2.3 테스텀(Testem)
__2.3.1 설치 방법
__2.3.2 사용 방법
__2.3.3 기타 설정 및 기능
03. 자바스크립트 단위 테스트 패턴
_3.1 테스트 케이스 패턴
_3.2 기본적인 DOM 테스트
_3.3 시스템 창 테스트 (alert, confirm)
_3.4 이벤트 테스트
__3.4.1 가짜 이벤트를 이용한 테스트
__3.4.2 이벤트와 연관된 부분을 함수로 분리한 테스트
_3.5 Ajax 테스트
__3.5.1 동기 테스트
__3.5.2 비동기 테스트
_3.6 Timer(setTimeout, setInterval) 테스트
04. 테스트 더블을 이용한 테스트
_4.1 테스트 더블(Test Double)
__4.1.1 스텁 객체를 사용한 테스트
__4.1.2 목 객체를 사용한 테스트
_4.2 테스트 더블의 사용 전략 및 장단점
__4.2.1 테스트 더블의 사용 전략
__4.2.2 테스트 더블의 장점
__4.2.3 테스트 더블 사용의 단점
II. 디버깅
05. 파이어폭스(Firefox) 디버깅
_5.1 파이어버그
__5.1.1 파이어폭스 설치
__5.1.2 파이어버그 설치
_5.2 콘솔(Console) 이용하기
__5.2.1 콘솔 탭
__5.2.2 콘솔 객체
_5.3 HTML, CSS 디버깅
__5.3.1 HTML 탭
__5.3.2 CSS 탭
_5.4 스크립트 디버깅
_5.5 네트워크 디버깅
_5.6 쿠키
06. 인터넷 익스플로러 디버깅
_6.1 IE 하위 버전(6~7) 디버깅
__6.1.1 디버깅 도구 설치하기
__6.1.2 IE 개발자 도구(IE developer tool bar)
__6.1.3 스크립트 디버깅
__6.1.4 스크립트 편집기
__6.1.5 네트워크 프로파일링
_6.2 IE 상위 버전(8~9) 디버깅
__6.2.1 엘리먼트 선택 도구(HTML, CSS 탭)
__6.2.2 스크립트 탭
__6.2.3 네트워크 탭(IE 9 이상)
__6.2.4 프로파일러
07. 크롬, 사파리 디버깅
_7.1 디버깅 도구 실행
_7.2 엘리먼트(Elements) 탭
_7.3 자원 탭(Resources)
_7.4 네트워크 탭(Network)
_7.5 스크립트 탭(Sources)
_7.6 타임라인 탭
_7.7 프로파일 탭 (Profiles)
_7.8 검사 탭 (Audits)
_7.9 콘솔 탭
_7.10 기타 기능
_7._11 기타 설정
08. 오페라 디버깅
_8.1 엘리먼트 탭(documents)
_8.2 스크립트 탭(Scripts)
_8.3 네트워크 탭
_8.4 자원 탭(Resources)
_8.5 스토리지 탭(Storage Inspector)
_8.6 에러 로그 탭(Error Log)
_8.7 콘솔 탭(Console)
_8.8 유용한 도구들(Utilities)
09. 모바일 웹 디버깅
_9.1 모바일 웹 디버깅 환경
_9.2 데스크톱에서 모바일 디버깅
_9.3 모바일 사파리(Safari) 디버깅 도구
_9.4 JS콘솔 (JSConsole)
_9.5 와이너리(weinre - WEb INspector REmote)
__9.5.1 설치 및 실행 방법
__9.5.2 사용 방법
_9.6 아더울프(Aardwolf)
__9.6.1 설치 및 실행 방법
__9.6.2 사용 방법
III. 성능 개선
10. 다이나트레이스
_10.1 설치 및 실행 방법
_10.2 시작하기
_10.3 성능 리포트(Performance Report)
__10.3.1 요약 보기(Summary)
__10.3.2 캐시(Cache)
__10.3.3 네트워크(Network)
__10.3.4 서버 성능(Server-Side)
__10.3.5 자바스크립트(JavaScript), Ajax
__10.3.6 타임라인(Timeline)과 주요 성과 지표(KPI-Key Performance Indicator)
_10.4 사용자 경험 리포트(User Experience Report)
_10.5 타임라인(Timeline)
__10.5.1 타임라인 기능
__10.5.2 자바스크립트 개선
__10.5.3 네트워크
_10.6 퓨어패스(PurePaths)
_10.7 핫 스팟(Hot spot)
_10.8 설정 및 기타 기능
_11. 웹페이지 테스트
__11.1 사용 방법 및 주요 기능
__11.2 분석적 검토(Analytical review)
___11.2.1 측정 방법
__11.2.2 테스트 설정(Test Setting)
__11.2.3 고급 설정(Advanced)
__11.2.4 권한(Auth)
__11.2.5 스크립트(Script)
__11.2.6 광고 제거(Block)
__11.2.7 단일 고장점(Single Point Of Failure, SPOF)
__11.2.8 비디오(Video)
__11.3 페이지 측정 및 결과 확인
__11.3.1 요약 보기(Summary)
__11.3.2 상세 보기(Detail)
__11.3.3 성능 리뷰(Performance Review)
__11.3.4 페이지 스피드(Page Speed)
__11.3.5 콘텐츠 분해(Content breakdown)
__11.3.6 도메인(Domain)
_11.4 기타 테스트
__11.4.1 시각적 비교(Visual Comparison)
__11.4.2 모바일(Mobile)
__11.4.3 경로추적(Tracerouter)
__11.4.4 API 활용하기
12. 피들러(Fiddler)
_12.1 설치하기
_12.2 실행 방법
_12.3 자동 응답(AutoResponder)
__12.3.1 기본 자동 응답 기능
__12.3.2 요청 지연하기
__12.3.3 모바일 자동 응답 기능
__12.3.4 HTTPS 자동 응답 기능
_12.4 필터 기능
__12.4.1 특정 조건 요청만 기록
__12.4.2 중단점(BreakPoint) 설정
_12.5 피들러 스크립트(Rule)
__12.5.1 Global Scope
__12.5.2 이벤트(OnBeforeRequest, onBeforeResponse)
_12.6 자바스크립트 포맷터
부록 기타 자바스크립트 개발 도구
_A 성능 개선 도구
__A.1 스피드 트레이서(Speed Tracer)
__A.2 모바일 성능 북마크릿(Mobile Perf bookmarklet)
__A.3 JSPerf
_B 문서화 도구
__B.1 YUIDOC
_C 압축 도구
__C.1 UglifyJS
__C.2 Clean CSS
__C.3 HTML Compressor
__C.4 해제 도구
_D 테스트 커버리지 도구(Test Coverage Tool)
__D.1 이스탄불(Istanbul) 설치 및 사용 방법
__D.2 결과 확인
_E 정적 코드 검사 도구
__E.1 JSHint
__E.2 CSSLint
_F 빌드 도구(grunt)
__F.1 설치 방법
__F.2 실행 방법
출판사 서평
Klover 리뷰 (0)
북로그 리뷰 (0) 쓰러가기
북로그 리뷰는 본인 인증 후 작성 가능합니다.
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
책이나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 내용은 비공개 처리 될 수 있습니다.
※ 북로그 리뷰 리워드 제공 2021. 4. 1 종료
문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매 후 문장수집 작성 시, 리워드를 제공합니다.
안내
교환/반품/품절안내
※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)
| 반품/교환방법 | 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 , [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) ※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900) |
|---|---|
| 반품/교환가능 기간 | 변심반품의 경우 수령 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내 |
| 반품/교환비용 | 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담 |
| 반품/교환 불가 사유 |
|
| 상품 품절 | 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다. |
| 소비자 피해보상 환불지연에 따른 배상 |
|
기프트 BEST
![[동원] 동원샘물 웨이크업뷰티 500ml*20병](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1764/S1641424942887.jpg)
![[1+1] 푹신푹신 유해물질 걱정없는 무소음 슬리퍼](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1073/hot1651221757378.jpg)
![[4+1] 얼죽아 6cm 빅 아이스볼메이커 언더락 얼음틀](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1986/hot1652763605683.jpg)
![[한정수량] 알루미늄 높이 각도조절 노트북 받침대](http://image.kyobobook.co.kr/newimages/giftshop_new/goods/400/1396/hot1651107871317.jpg)
LG U+ 구매안전서비스
▶서비스 가입 확인
고객님은 안전거래를 위해 현금 등으로 결제시 저희 쇼핑몰에서 가입한 LG유플러스의 구매안전서비스를 이용하실 수 있습니다.
정보보호관리체계
ISMS 인증획득
ISMS 인증획득
[인증범위] 온라인 교보문고 서비스 운영
[유효기간] 2020.11.04. ~ 2023.11.03.
바로가기
