간편결제, 신용카드 청구할인
인터파크 롯데카드 5% (18,810원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (13,860원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (15,840원)
(최대할인 4만원 / 2만원 이상 결제)
Close

프론트엔드 성능 최적화 가이드 : 웹 개발 스킬을 한 단계 높여 주는

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 84
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
  • 저 : 유동균
  • 출판사 : 인사이트
  • 발행 : 2022년 11월 15일
  • 쪽수 : 244
  • ISBN : 9788966263745
정가

22,000원

  • 19,800 (10%할인)

    1,100P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 마이페이지에서 직접 구매확정하신 경우만 적립 됩니다.
추가혜택
배송정보
  • 4/1(토) 이내 발송 예정  (서울시 강남구 삼성로 512)
  • 무료배송
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(3)

  • 상품권

AD

책소개

수강생 2천 명이 선택한 인프런 인기 강의
다년간의 컨설팅과 강의 노하우를 담았다!
4가지 실전 서비스로 배우는 웹 성능 최적화 기법

'웹 성능 최적화'는 프론트엔드 개발자라면 반드시 고민해야 하는 이슈다. 서비스 환경과 상황에 따라 필요한 최적화 포인트가 다르고, 기법도 매우 다양하기에 개발 중인 서비스 특성에 맞게 커스터마이징하는 능력이 중요하다.
저자는 수많은 기업의 웹 서비스 성능을 컨설팅하고, 삼성 SSAFY, 프로그래머스, 인프런, 스터디파이 등 강의 플랫폼에서 최적화 및 개발 강의를 진행한 경험을 책에 고스란히 녹여 냈다. '성능 최적화' 주제를 효과적으로 배우는 데 이론보다는 실습이 중요함을 강조하며 현장감 있게 구성했다.
이 책은 실생활에서 흔히 개발하는 4가지 실습 사이트를 예제로, 직관적인 최적화 노하우를 전달한다. 콘텐츠 사이즈 최적화, 컴포넌트 지연 로딩과 사전 로딩, 병목 코드 최적화, 캐시 최적화 등 다각적인 포인트를 익혀 나만의 최적화 경험치를 쌓아 보자.

출판사 서평

"내 웹은 왜 느릴까?"
답답한 웹 서비스에 사이다가 되어 주는 책!

똑같아 보이는 웹 서비스라도 성능에 따라 사용자 만족도가 달라진다. 개발한 웹사이트에서 콘텐츠가 너무 느리게 표시되거나, 레이아웃이 갑자기 바뀌어 원치 않는 요소를 클릭하게 한다면 사용자는 떠나가고 말 것이다. 정성 들여 구현한 기능이 사용자에게 잘 전달되길 바란다면 '성능 최적화'가 필수다.
핀터레스트는 로딩 시간을 40% 줄임으로써 검색 유입률과 가입자 수를 15% 늘렸고, COOK은 평균 페이지 로딩 시간을 850밀리초로 줄여 이탈률을 7% 줄였다. 즉, 웹 성능의 향상이 사용자를 서비스에 머무르게 하여 서비스의 성공을 가져온다는 뜻이다. 서비스 성능 저하의 원인을 찾고 싶다면 이 책에서 권하는 최적화 포인트를 점검해 보자. 이 책은 답답한 고구마 같은 웹 서비스를 시원하게 만드는 사이다가 되어 줄 것이다.

웹이 가벼워지면 구글 검색 순위도 올라간다
사용자의 부담을 줄이는 웹 미니멀리즘 실천 습관!

구글에서는 로딩 속도가 빠른 웹 페이지의 검색 결과를 상위에 표시한다. 사람들은 질문에 대한 답을 가능한 한 빨리 찾고자 하며, 실제로 페이지 속도에 신경을 쓴다는 것이다. 구글은 오래전부터 '웹 성능'이라는 주제에 관심을 갖고 성능 향상을 위한 다양한 시도를 해 왔다. 그 과정에서 Lighthouse와 AMP 같은 기술이 탄생하기도 했다. 더불어 성능 관련 정책을 주기적으로 업데이트하며, 구글에 검색되길 원하는 페이지의 성능을 높이도록 권장하고 있다.
PM, 디자이너뿐만 아니라 개발자도 사용자 경험을 필수로 고려해야 한다. 내가 만든 웹 서비스를 사용자가 기분 좋게 이용하길 바란다면 사용자 성능 부담을 줄이는 미니멀리스트가 되어야 한다. 불필요하게 많은 코드가 로드되지는 않는지, 캐시 설정은 적절하게 되어 있는지, 콘텐츠 크기가 필요 이상으로 크진 않은지 이 책의 최적화 포인트를 꼼꼼히 체크해 보자.

추천사

최승진(두나무 백엔드 엔지니어)
현장감이 느껴진다. 실제로 발생할 만한 상황을 예제로 하여, 더 빠르고 가벼운 웹 서비스를 만들고 싶은 웹 개발자에게 해결책을 제시한다

이환섭(카카오 모빌리티 프론트엔드 엔지니어)
흔해 보이는 음식이라도 백종원 레시피를 따라 하면 맛이 다르다. 같은 웹 사이트여도 이 책의 예제를 따라 하고 나면 잘 차려진 밥상처럼 변하는 마법 같은 책. '비슷해 보이는데 내 웹은 왜 느릴까?'라는 생각이 든다면 반드시 이 책을 맛보길 바란다.

이준범(해치랩스 엔지니어)
좋은 서비스를 만들고 싶다면 PM과 디자이너뿐 아니라 엔지니어도 사용자 경험을 고려하여 개발해야 한다. 사용자에게 seamless한 경험을 선사하고 싶다면 이 책이 좋은 가이드가 될 것이다

유태규(라인비즈플러스 엔지니어)
프론트엔드 개발에서 성능 최적화는 선택이 아니라 필수다. 이 책은 한 번쯤 고민해 봤을 최적화 포인트와 해결 방법을 쉽게 설명한다. 특히 B2C 서비스를 개발하고 있다면 강력하게 추천한다.

서백민(라인플러스 프론트엔드 엔지니어)
프론트엔드 성능의 중요성과 최적화 기법에 익숙하지 않은 독자들에게 길라잡이가 될 책이다. 실습을 통해 직관적으로 노하우를 전달해 주며, 실시간으로 최적화되는 과정을 살필 수 있다.

김성준(네이버 엔지니어)
사용자에게 쾌적한 웹 서비스를 제공하기 위해서는 최적화가 필수지만, 성능을 저해하는 원인이 무엇인지 진단하는 것조차 쉽지 않다. 이 책은 실습을 통해 웹에서 주로 발생하는 문제 유형과 그에 대한 해결 방법을 명료하게 제시한다.

목차

1장 블로그 서비스 최적화
실습 내용 소개
____이 장에서 학습할 최적화 기법
____분석 툴 소개
서비스 탐색 및 코드 분석
____코드 다운로드
____서비스 실행
____서비스 탐색
____코드 분석
Lighthouse 툴을 이용한 페이지 검사
____Lighthouse로 검사하기
____Lighthouse 검사 결과
이미지 사이즈 최적화
____비효율적인 이미지 분석
____이미지 CDN
____적절한 이미지 사이즈로 최적화
병목 코드 최적화
____Performance 패널 살펴보기
____페이지 로드 과정 살펴보기
____병목 코드 개선
____최적화 전후 비교
코드 분할 & 지연 로딩
____번들 파일 분석
____코드 분할이란
____코드 분할 적용하기
텍스트 압축
____production 환경과 development 환경
____텍스트 압축이란
____텍스트 압축 적용

2장 올림픽 통계 서비스 최적화
실습 내용 소개
____이 장에서 학습할 최적화 기법
____분석 툴 소개
서비스 탐색 및 코드 분석
____코드 다운로드
____서비스 실행
____서비스 탐색
____코드 분석
애니메이션 최적화
____문제의 애니메이션 찾기
____애니메이션의 원리
____브라우저 렌더링 과정
____리플로우와 리페인트
____하드웨어 가속(GPU 가속)
____애니메이션 최적화
____최적화 전후 비교
컴포넌트 지연 로딩
____번들 파일 분석
____모달 코드 분리하기
컴포넌트 사전 로딩
____지연 로딩의 단점
____컴포넌트 사전 로딩 타이밍
이미지 사전 로딩
____느린 이미지 로딩
____이미지 사전 로딩

3장 홈페이지 최적화
실습 내용 소개
____이 장에서 학습할 최적화 기법
____분석 툴 소개
서비스 탐색 및 코드 분석
____코드 다운로드
____서비스 실행
____서비스 탐색
____코드 분석
이미지 지연 로딩
____네트워크 분석
____Intersection Observer
____Intersection Observer 적용하기
이미지 사이즈 최적화
____느린 이미지 로딩 분석
____이미지 포맷 종류
____Squoosh를 사용하여 이미지 변환
____최적화 전후 비교
동영상 최적화
____동영상 콘텐츠 분석
____동영상 압축
____압축된 동영상 적용
____최적화 전후 비교
____팁
폰트 최적화
____FOUT, FOIT
____폰트 최적화 방법
캐시 최적화
____캐시란?
____Cache-Control
____캐시 적용
____적절한 캐시 유효 시간
불필요한 CSS 제거
____PurgeCSS

4장 이미지 갤러리 최적화
실습 내용 소개
____이 장에서 학습할 최적화 기법
____분석 툴 소개
서비스 탐색 및 코드 분석
____코드 다운로드
____서비스 실행
____서비스 탐색
____코드 분석
레이아웃 이동 피하기
____레이아웃 이동이란?
____레이아웃 이동의 원인
____레이아웃 이동 해결
이미지 지연 로딩
리덕스 렌더링 최적화
____리액트의 렌더링
____리렌더링의 원인
____useSelector 문제 해결
병목 코드 최적화
____이미지 모달 분석
____getAverageColorOfImage 함수 분석

관련이미지

저자소개

유동균 [저] 신작알림 SMS신청
생년월일 -

라인 파이낸셜 플러스에서 근무했으며, 조선일보 홈페이지를 포함한 여러 웹사이트 및 서비스 성능을 컨설팅했다. 이런 경험과 지식을 정리하여 삼성 SSAFY, 프로그래머스, 인프런, 스터디파이 등에서 웹 성능 최적화와 프론트엔드 개발 관련 강의를 진행했다. 그중 인프런의 성능 최적화 강의가 큰 인기를 끌어 첫 책을 집필하게 되었다. 현재는 블록체인 회사인 해치랩스에서 프론트엔드 개발을 총괄하고 있다.

리뷰

0.0 (총 0건)

100자평

작성시 유의사항

평점
0/100자
등록하기

100자평

0.0
(총 0건)

판매자정보

  • 인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.

상호

(주)교보문고

대표자명

안병현

사업자등록번호

102-81-11670

연락처

1544-1900

전자우편주소

callcenter@kyobobook.co.kr

통신판매업신고번호

01-0653

영업소재지

서울특별시 종로구 종로 1(종로1가,교보빌딩)

교환/환불

반품/교환 방법

‘마이페이지 > 취소/반품/교환/환불’ 에서 신청 또는 1:1 문의 게시판 및 고객센터(1577-2555)에서 신청 가능

반품/교환가능 기간

변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능
단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

반품/교환 비용

변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담

반품/교환 불가 사유

·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
(단지 확인을 위한 포장 훼손은 제외)

·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
예) 화장품, 식품, 가전제품(악세서리 포함) 등

·복제가 가능한 상품 등의 포장을 훼손한 경우
예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

상품 품절

공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음

소비자 피해보상
환불지연에 따른 배상

·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

(주) 인터파크커머스 안전결제시스템 (에스크로) 안내

(주)인터파크커머스의 모든 상품은 판매자 및 결제 수단의 구분없이 회원님들의 구매안전을 위해 안전결제 시스템을 도입하여 서비스하고 있습니다.
결제대금 예치업 등록 : 02-006-00064 서비스 가입사실 확인

배송안내

  • 교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.

  • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

  • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.

  • 배송비는 업체 배송비 정책에 따릅니다.

  • - 도서 구매 시 15,000원 이상 무료배송, 15,000원 미만 2,500원 - 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용