상품 정보
상품 기본설명
리액트와 리덕스를 이용한 웹앱 개발 가이드
상품 상세설명
리액트는 엄청난 성공을 거두고 있는 웹 UI 라이브러리다. 리액트는 복잡한 웹앱을 제작할 때에 겪는 흔한 문제를 해결할 뿐만 아니라, 더 쉽게 UI를 구현할 수 있는 다양한 컴포넌트와 기법을 제공한다. 이 책은 JSX, 상태 관리, 생명주기 등 리액트의 핵심 개념뿐만 아니라, 리덕스를 통한 데이터 관리 방법을 설명하며, 최적화된 워크플로우를 따라 고성능의 웹앱을 빠르게 제작할 수 있게 가이드한다.
1판인 『리액트 웹앱 제작 총론』의 내용을 전체적으로 보강하고, 실무에 필요한 외부 데이터 사용하기, 성능 이슈, 리덕스에 관해서도 다룬다.
목차
1장. 리액트 소개
__예전의 멀티페이지 디자인
__요즘의 싱글 페이지 앱
__리액트와의 첫 만남
____UI 상태의 자동 관리
____번개같이 빠른 DOM 조작
____조립하기 쉬운 UI를 지원하는 API
____자바스크립트만으로 정의하는 비주얼
____MVC 아키텍처에서의 ‘V’
__정리
2장. 첫 번째 리액트 앱
__JSX 다루기
__리액트 시작하기
__이름 보여주기
__여전히 익숙한 기술
____목적지 변경
____스타일 입히기!
__정리
3장. 리액트 컴포넌트
__함수에 대한 짧은 복습
__UI를 다루는 방식의 변화
__리액트 컴포넌트와의 첫 만남
____Hello, World! 컴포넌트 만들기
____속성 지정
__자식 다루기
__정리
4장. 리액트 스타일링
__알파벳 모음 보여주기
__리액트 콘텐츠 스타일링
____생성된 HTML의 이해
____바로 스타일링!
__리액트 방식의 스타일링
____스타일 객체 만들기
____콘텐츠 스타일링
____배경색 커스터마이징
__정리
5장. 복잡한 컴포넌트 제작
__비주얼 엘리먼트에서 컴포넌트로
____주요 비주얼 요소 식별
____컴포넌트 식별
__컴포넌트 작성
____카드 컴포넌트
____Square 컴포넌트
____Label 컴포넌트
__속성 전달
__컴포넌트 결합성의 비밀
__정리
6장. 속성 전달
__문제점 인식
__문제점 분석
__스프레드 연산자와의 만남
__더 나은 속성 전달 방법
__정리
7장. JSX와의 재회
__JSX의 실체
__기억해야 할 JSX의 특징
____표현식 평가
____복수의 엘리먼트 리턴
____인라인 CSS 사용 불가
____주석
____대소문자 구별
__어디서든 가능한 JSX
__정리
8장. 상태 다루기
__상태 사용하기
____시작 지점
__카운터 켜기
____초기 상태 값 설정
____타이머 가동과 상태 설정
____상태 변경 후 렌더링
__참고: 전체 코드
__정리
9장. 데이터에서 UI로
__예제
__어디든 가능한 JSX - 2탄
__배열 다루기
__정리
10장. 이벤트
__이벤트 리스닝하기와 반응하기
____시작 지점
__버튼 작동시키기
__이벤트 속성
____합성 이벤트
____이벤트 속성 다루기
__또 다른 이벤트 처리 기법
____컴포넌트의 이벤트는 직접 리스닝할 수 없다
____일반 DOM 이벤트의 리스닝
____이벤트 핸들러 내부의 this
__리액트에서의 이벤트 처리는 … 도대체 왜?
____브라우저 호환성
____성능 향상
__정리
11장. 컴포넌트 생명주기
__생명주기 메소드와의 만남
__생명주기 메소드의 작동 확인
__초기 렌더링 단계
____기본 속성 설정
____기본 상태 설정
____componentWillMount
____render
____componentDidMount
__업데이트 단계
____상태 변경 다루기
____shouldComponentUpdate
____componentWillUpdate
____render
____componentDidUpdate
____속성 변경 다루기
__언마운트 단계
__정리
12장. DOM 엘리먼트 접근
__컬러라이저 예제
__ref와의 첫 만남
__포털 사용하기
__정리
13장. 리액트 개발 환경 구성
__Create React와의 첫 만남
____무슨 일이 벌어졌나?
__HelloWorld 앱 개발
__운영 버전 빌드하기
__정리
14장. 외부 데이터 사용
__웹 요청에 관한 기초
__이제 리액트 시간!
____시작하기
__IP 주소 가져오기
____흥미로운 비주얼 만들기
__정리
15장. Todo List 앱 제작
__시작하기
__초기 UI 제작
__앱의 나머지 부분 개발
____아이템 추가
____아이템 표시
____스타일 적용
____아이템 삭제
__애니메이션
__정리
16장. 슬라이드 메뉴
__슬라이드 메뉴의 작동 원리
__개발 준비
__시작하기
__메뉴 보이기와 감추기
____버튼 제작
____메뉴 제작
__정리
17장. 불필요한 렌더링 방지
__render 메소드의 정체
__render 호출의 최적화
____예제로 시작하기
__render 호출의 이해
____shouldComponentUpdate 재정의
____PureComponent 사용
__정리
18장. 리액트 라우터를 이용한 싱글 페이지 앱 제작
__예제
__시작하기
__앱 구축
____초기 프레임 보여주기
____콘텐츠 페이지 만들기
____리액트 라우터 사용하기
__소소한 작업들
__라우팅 문제 해결
____약간의 CSS 추가
____활성화된 링크의 강조
__정리
19장. 리덕스 소개
__리덕스란 무엇인가
__리덕스를 사용한 앱 제작
____리덕스 타임!
____조명! 카메라! 액션!
____이제 리듀서 차례
____마지막은 스토어
__정리
20장. 리액트와 리덕스
__리덕스를 이용한 리액트 상태 관리
____리액트와 리덕스 합치기
____시작하기
____앱 구축
__정리
출판사 서평
★ 이 책에서 다루는 내용 ★■ 첫 리액트 앱 제작
■ UI 요소를 정의하는 컴포넌트 개발
■ 여러 컴포넌트를 결합한 복합적인 UI 구현
■ 자바스크립트 대신 JSX를 사용한 비주얼 구현
■ 앱의 상태 관리
■ 리액트 방식의 스타일 적용
■ 컴포넌트 생명주기의 이해
■ 라우팅과 뷰를 이용한 싱글 페이지 앱 제작
■ 리덕스를 사용한 앱 데이터와 상태의 쉬운 관리★ 이 책의 구성 ★1장. '리액트 소개'에서는 리액트가 하는 일과 그 이유에 대해 개괄적으로 소개한다.
2장. '첫 번째 리액트 앱'에서는 render 메소드에 h1 태그를 정의할 때의 JSX에 대해 알아본다.
3장. '리액트 컴포넌트'에서는 리액트를 리액트답게 만드는 것 중 하나인 컴포넌트를 배운다.
4장. '리액트 스타일링'에서는 CSS 스타일 규칙을 사용하는 방법과는 다른, 리액트가 자바스크립트에 인라인 방식으로 스타일링하는 모습을 볼 수 있다. HTML과 비슷한 XML 문법을 사용해 자바스크립트에서 UI를 통째로 선언하는 방법을 JSX를 통해 배운다.
5장. '복잡한 컴포넌트 제작'에서는 다양한 계층의 컴포넌트를 다루며, 여러 부모와 여러 자식 사이의 속성 전달 방법을 알아본다.
6장. '속성 전달'에서는 여러 계층에서 속성 전달을 좀 더 쉽게 할 수 있는 방법을 알아본다.
7장. 'JSX와의 재회'에서는 JSX를 알아야 할 필요가 있는 사항을 깊이 들여다보기 위해 역진 추적(backtracking)과 전진 추적(forwardtracking)을 배운다.
8장. '상태 다루기'에서는 상태 보존 컴포넌트로 무엇을 할 수 있는지 알아본다.
9장. '데이터에서 UI로'에서는 실전에서 보게 될 일반적인 시나리오에서 겪을 수 있는 난관을 줄이는 방법을 알아본다.
10장. '이벤트'에서는 이벤트 처리와 관련한 여러 가지 사항을 알아본다. 리액트가 이벤트를 취급하는 방법은 약간 다르며, 그 차이에 세심한 주의를 기울이지 않으면 놀라게 될 일이 많을 것이다. 몇 개의 간단한 예제로 시작해, 점점 더 이상하고 복잡하고 짜증나는 상황을 해결해나가는 방법을 배운다.
11장. '컴포넌트 생명주기'에서는 생명주기 메소드와 이를 통해 할 수 있는 일들에 관해 논의한다.
12장. 'DOM 엘리먼트 접근'에서는 DOM 엘리먼트에 직접 접근할 수 있는 쉬운 방법을 알아본다.
13장. '리액트 개발 환경 구성’에서는 리액트 자체보다는 리액트 앱을 개발하기 위한 환경 구성에 관한 내용을 다룬다.
14장. ’외부 데이터 사용'에서는 외부 데이터를 다루는 데 필요한 자바스크립트의 모든 것과 리액트 앱 내부에서 작동하게 하는 모든 방법을 배운다.
15장. 'Todo List 앱 제작'에서는 지금까지 배운 많은 개념과 기법을 총동원해 Todo List 앱을 개발할 것이다.
16장. ‘슬라이드 메뉴'에서는 UI 부문에서 자주 등장하는 슬라이드 메뉴를 리액트로 만들어 본다.
17장. ‘불필요한 렌더링 방지'에서는 render 메소드의 정체를 알아보고, render 메소드가 호출되게 하는 방법을 설명한다.
18장. ‘리액트 라우터를 이용한 싱글 페이지 앱 제작'에서는 리액트를 이용해 간단한 싱글 페이지 앱(SPA)을 만들어본다.
19장. ‘리덕스 소개'에서는 리덕스의 주요 기능의 개념을 알아보고, 기능을 실현하는 코드도 직접 살펴본다.
20장. '리액트와 리덕스'에서는 리액트 프로젝트에서 리덕스가 가장 인기 있는 이유를 알아보고, 리액트와 리덕스를 통합해 개발해본다.
상품 정보 고시
도서명 |
리액트 웹앱 제작 총론 2/e |
저자 |
크루파 친나탐비 |
출판사 |
에이콘출판 |
ISBN |
9791161752884 (1161752889) |
쪽수 |
344 |
출간일 |
2019-04-26 |
사이즈 |
188 * 235 mm |
목차 또는 책소개 |
1장. 리액트 소개 __예전의 멀티페이지 디자인 __요즘의 싱글 페이지 앱 __리액트와의 첫 만남 ____UI 상태의 자동 관리 ____번개같이 빠른 DOM 조작 ____조립하기 쉬운 UI를 지원하는 API ____자바스크립트만으로 정의하는 비주얼 ____MVC 아키텍처에서의 ‘V’ __정리
2장. 첫 번째 리액트 앱 __JSX 다루기 __리액트 시작하기 __이름 보여주기 __여전히 익숙한 기술 ____목적지 변경 ____스타일 입히기! __정리
3장. 리액트 컴포넌트 __함수에 대한 짧은 복습 __UI를 다루는 방식의 변화 __리액트 컴포넌트와의 첫 만남 ____Hello, World! 컴포넌트 만들기 ____속성 지정 __자식 다루기 __정리
4장. 리액트 스타일링 __알파벳 모음 보여주기 __리액트 콘텐츠 스타일링 ____생성된 HTML의 이해 ____바로 스타일링! __리액트 방식의 스타일링 ____스타일 객체 만들기 ____콘텐츠 스타일링 ____배경색 커스터마이징 __정리
5장. 복잡한 컴포넌트 제작 __비주얼 엘리먼트에서 컴포넌트로 ____주요 비주얼 요소 식별 ____컴포넌트 식별 __컴포넌트 작성 ____카드 컴포넌트 ____Square 컴포넌트 ____Label 컴포넌트 __속성 전달 __컴포넌트 결합성의 비밀 __정리
6장. 속성 전달 __문제점 인식 __문제점 분석 __스프레드 연산자와의 만남 __더 나은 속성 전달 방법 __정리
7장. JSX와의 재회 __JSX의 실체 __기억해야 할 JSX의 특징 ____표현식 평가 ____복수의 엘리먼트 리턴 ____인라인 CSS 사용 불가 ____주석 ____대소문자 구별 __어디서든 가능한 JSX __정리
8장. 상태 다루기 __상태 사용하기 ____시작 지점 __카운터 켜기 ____초기 상태 값 설정 ____타이머 가동과 상태 설정 ____상태 변경 후 렌더링 __참고: 전체 코드 __정리
9장. 데이터에서 UI로 __예제 __어디든 가능한 JSX - 2탄 __배열 다루기 __정리
10장. 이벤트 __이벤트 리스닝하기와 반응하기 ____시작 지점 __버튼 작동시키기 __이벤트 속성 ____합성 이벤트 ____이벤트 속성 다루기 __또 다른 이벤트 처리 기법 ____컴포넌트의 이벤트는 직접 리스닝할 수 없다 ____일반 DOM 이벤트의 리스닝 ____이벤트 핸들러 내부의 this __리액트에서의 이벤트 처리는 … 도대체 왜? ____브라우저 호환성 ____성능 향상 __정리
11장. 컴포넌트 생명주기 __생명주기 메소드와의 만남 __생명주기 메소드의 작동 확인 __초기 렌더링 단계 ____기본 속성 설정 ____기본 상태 설정 ____componentWillMount ____render ____componentDidMount __업데이트 단계 ____상태 변경 다루기 ____shouldComponentUpdate ____componentWillUpdate ____render ____componentDidUpdate ____속성 변경 다루기 __언마운트 단계 __정리
12장. DOM 엘리먼트 접근 __컬러라이저 예제 __ref와의 첫 만남 __포털 사용하기 __정리
13장. 리액트 개발 환경 구성 __Create React와의 첫 만남 ____무슨 일이 벌어졌나? __HelloWorld 앱 개발 __운영 버전 빌드하기 __정리
14장. 외부 데이터 사용 __웹 요청에 관한 기초 __이제 리액트 시간! ____시작하기 __IP 주소 가져오기 ____흥미로운 비주얼 만들기 __정리
15장. Todo List 앱 제작 __시작하기 __초기 UI 제작 __앱의 나머지 부분 개발 ____아이템 추가 ____아이템 표시 ____스타일 적용 ____아이템 삭제 __애니메이션 __정리
16장. 슬라이드 메뉴 __슬라이드 메뉴의 작동 원리 __개발 준비 __시작하기 __메뉴 보이기와 감추기 ____버튼 제작 ____메뉴 제작 __정리
17장. 불필요한 렌더링 방지 __render 메소드의 정체 __render 호출의 최적화 ____예제로 시작하기 __render 호출의 이해 ____shouldComponentUpdate 재정의 ____PureComponent 사용 __정리
18장. 리액트 라우터를 이용한 싱글 페이지 앱 제작 __예제 __시작하기 __앱 구축 ____초기 프레임 보여주기 ____콘텐츠 페이지 만들기 ____리액트 라우터 사용하기 __소소한 작업들 __라우팅 문제 해결 ____약간의 CSS 추가 ____활성화된 링크의 강조 __정리
19장. 리덕스 소개 __리덕스란 무엇인가 __리덕스를 사용한 앱 제작 ____리덕스 타임! ____조명! 카메라! 액션! ____이제 리듀서 차례 ____마지막은 스토어 __정리
20장. 리액트와 리덕스 __리덕스를 이용한 리액트 상태 관리 ____리액트와 리덕스 합치기 ____시작하기 ____앱 구축 __정리 |
교환/반품
[반품/교환방법]
마이페이지> 주문배송조회 > 반품/교환신청 또는 고객센터 (070-4680-5689)로 문의 바랍니다.
[반품주소]
- 도로명 : (10882) 경기도 파주시 산남로 62-20 (산남동)
- 지번 : (10882) 경기도 파주시 산남동 305-21
[반품/교환가능 기간]
변심반품의 경우 수령 후 14일 이내, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
[반품/교환비용]
단순 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
[반품/교환 불가 사유]
- 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
(단지 확인을 위한 포장 훼손은 제외)
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
예) 화장품, 식품, 가전제품(악세서리 포함) 등
- 복제가 가능한 상품 등의 포장을 훼손한 경우
예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
- 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
- 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
* (1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시
‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
[상품 품절]
공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
[소비자 피해보상, 환불지연에 따른 배상]
- 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됩니다.
- 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함.