장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
리액트 디자인 패턴과 모범 사례
미리보기

리액트 디자인 패턴과 모범 사례

  • 미켈레 베르톨리
  • |
  • 에이콘출판
  • |
  • 2017-12-11 출간
  • |
  • 400페이지
  • |
  • 188 X 235 mm
  • |
  • ISBN 9791161750934
판매가

30,000원

즉시할인가

27,000 원

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
27,000원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평

★ 이 책에서 다루는 내용 ★
- 깔끔하고 유지관리하기 쉬운 코드 작성
- 통합된 기법을 적용한 재사용 가능 컴포넌트 개발
- 브라우저와 노드에서 효과적인 리액트 활용
- 애플리케이션의 필요성에 맞는 스타일링 방법 선택
- 애플리케이션의 로드 속도를 개선하는 서버 측 렌더링 기법
- 컴포넌트 최적화를 통한 고성능 애플리케이션 구축

★ 이 책의 대상 독자 ★
리액트에 대한 이해 수준을 높이고 새로운 지식을 실제 애플리케이션 개발에 적용하고 싶다면 이 책이 큰 도움이 될 것이다.

★ 이 책의 구성 ★
1장, ‘리액트에 대해 알아야 할 모든 것’에서는 리액트의 기본 개념을 한 단계 앞선 관점에서 소개한다.
2장, ‘깔끔한 코드 관리’에서는 유지관리하기 쉬운 코드를 작성하기 위해 가장 중요한 측면인코딩 스타일 가이드에 대해 다룬다. 리액트를 제대로 활용하려면 함수형 프로그래밍의 기본 개념을 확실히 이해해야 한다
3장, ‘진정한 재사용 가능 컴포넌트’ 코드베이스를 깔끔하고 유지관리하기 쉽게 만들기 위해 가장 중요한 것은 재사용 가능한 컴포넌트를 만들고 애플리케이션 핵심 요소로 활용하는 것이다.
4장, ‘모든 것을 조합하기’ 애플리케이션은 다양한 컴포넌트로 구성되므로 컴포넌트가 서로 효과적으로 통신할 수 있도록 컴포넌트 계층을 올바르게 구성하고 조정하는 것이 중요하다.
5장, ‘올바른 데이터 읽기’ 모든 클라이언트 측 애플리케이션은 데이터를 다뤄야 한다.
5장에서는 리액트에 맞는 방식으로 데이터를 읽는 다양한 기법과 방식을 설명한다.
6장, ‘브라우저에 맞는 코드 작성’에서는 애플리케이션이 브라우저에서 실행된다는 사실을 확인하고 이를 적절하게 이용하는 방법을 배운다. 또한 이벤트, 애니메이션, DOM과의 상호작용을 비롯한 몇 가지 고급 개념을 다룬다.
7장, ‘컴포넌트 꾸미기’ 멋진 UI 컴포넌트를 만드는 것은 프론트엔드 엔지니어링 작업에서 중요한 부분이다. 리액트를 사용하면 이 문제를 여러 관점의 다양한 방법으로 해결할 수 있다. 올바른 라이브러리를 사용하려면 어떤 라이브러리가 있고 어떻게 사용해야 하는지 알아야 한다.
8장, ‘재미와 효율을 위한 서버 측 렌더링’에서는 리액트의 가장 훌륭한 기능 중 하나인 서버 측 렌더링에 대해 알아본다. 서버 측 렌더링은 즉시 사용 가능하지만 최대 효율을 위해서는 올바른 방법으로 사용해야 한다.
9장, ‘애플리케이션의 성능 개선’에서는 웹 성능이 사용자 경험을 개선하는 데 가장 중요한 요소 중 하나라는 것을 확인한다. 리액트는 아주 빠른 애플리케이션을 만들기 위한 다양한 툴과 기법을 제공하며 9장에서 자세한 내용을 알아본다.
10장, ‘테스트와 디버깅’ 애플리케이션은 안정적이고 모든 한계 사례를 처리할 수 있어야 하며 여기에 테스트가 큰 도움이 된다. 견고하고 유지관리가 용이한 코드를 작성하려면 종합적인 테스트 집합을 작성하는 것이 중요하다. 또한 버그는 디버깅 방법과 가능한 한 일찍 문제를 발견하는 방법을 알고 있을 때 발생한다.
11장, ‘피해야 할 안티 패턴’ 지름길이나 창의적인 해결책으로 문제를 해결하려는 경우가 많은데, 이러한 우회는 애플리케이션에 위험할 수 있으며, 특히 대규모 코드베이스를 기반으로 작업하는 대규모 팀에서 문제가 되는 경우가 많다. 11장에서는 리액트를 사용할 때 피해야 할 일반적인 안티 패턴을 소개한다.
12장, ‘다음 단계’ 마지막 장에서는 지금까지 다룬 모든 주제를 다시 돌아본다. 오픈소스 컴포넌트를 커뮤니티에 공개하는 방법과 리액트 및 해당 생태계에 기여하는 방법을 아는 것도 중요하다.

목차

1장. 리액트에 대해 알아야 할 모든 것
__선언식 프로그래밍
__리액트 요소
__잊어야 할 기존의 모든 방식
__흔한 오해
__요약

2장. 깔끔한 코드 관리
__JSX
____바벨
____Hello, World!
____DOM 요소와 리액트 컴포넌트
____프로퍼티
____자식
____HTML과 다른 점
____속성 전개
____자바스크립트 템플릿
____일반적인 패턴
__ES린트
____설치
____구성
____리액트 플러그인
____에어비앤비 구성
__함수형 프로그래밍의 기본
____일급 객체
____순수성
____불변성
____커링
____합성
____함수형 프로그래밍과 인터페이스
__요약

3장. 진정한 재사용 가능 컴포넌트
__클래스 만들기
____createClass 팩토리
____React.Component 확장
____주요 차이점
____상태 비저장 함수형 컴포넌트
__상태
____외부 라이브러리
____작동 방식
____비동기
____리액트 럼버잭
____상태 사용
__프로퍼티 형식
____리액트 독젠
__재사용 가능 컴포넌트
__살아 있는 스타일 가이드
__요약

4장. 모든 것을 조합하기
__컴포넌트 간 통신
____children
__컨테이너와 프레젠테이션 패턴
__믹스인
__상위 컴포넌트
__리컴포즈
____컨텍스트
__함수 자식
__요약

5장. 올바른 데이터 읽기
__데이터 흐름
____자식-부모 통신(콜백)
____공통 부모
__데이터 읽기
__리액트 리페치
__요약

6장. 브라우저에 맞는 코드 작성
__폼
____제어되지 않는 컴포넌트
____제어되는 컴포넌트
____JSON 스키마
__이벤트
__참조
__애니메이션
____리액트 모션
__SVG
__요약

7장. 컴포넌트 꾸미기
__자바스크립트 내의 CSS
__인라인 스타일
__라듐
__CSS 모듈
____웹팩
____프로젝트 설정
____로컬 범위 CSS
____원자형 CSS 모듈
____리액트 CSS 모듈
__스타일드 컴포넌트
__요약

8장. 재미와 효율을 위한 서버 측 렌더링
__유니버설 애플리케이션
__서버 측 렌더링을 구현하는 이유
____검색 엔진 최적화
____공용 코드베이스
____성능 개선
____복잡성을 무시하지 말 것
__간단한 예제
__데이터 읽기 예제
__Next.js
__요약

9장. 애플리케이션의 성능 개선
__조정과 키
__최적화 기법
____컴포넌트 업데이트 여부
____상태 비저장 함수형 컴포넌트
__일반적 해결책
____업데이트하는 이유
____render 메소드 안에 함수 만들기
____상수 프로퍼티
____리팩토링과 좋은 설계
__툴과 라이브러리
____불변성
____모니터링 툴
____바벨 플러그인
__요약

10장. 테스트와 디버깅
__테스트의 혜택
__제스트를 사용한 편리한 자바스크립트 테스트
__유연한 모카 테스트 프레임워크
__리액트용 자바스크립트 테스트 유틸리티
__실제 테스트 예제
__리액트 트리 스냅샷 테스트
__코드 커버리지 툴
__일반적인 테스트 솔루션
____상위 컴포넌트의 테스트
____페이지 객체 패턴
__리액트 개발자 툴
__리액트를 사용한 오류 처리
__요약

11장. 피해야 할 안티 패턴
__프로퍼티를 사용한 상태 초기화
__상태 변경
__인덱스를 키로 사용
__DOM 요소에 프로퍼티 전개
__요약

12장. 다음 단계
__리액트에 기여하기
__코드 배포
__npm 패키지 게시
__요약
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.