반디앤루니스 인터넷서점
전체

로고이미지

검색

  • ▼
HOT ISSUE

네비게이션 실시간 인기 책

    리액트 웹앱 제작 총론 [2e]

    리액트 웹앱 제작 총론 [2e] 리액트와 리덕스를 이용한 웹앱 개발 가이드

    • 키루파 친나탐비 저
    • 이태상 역
    • 에이콘출판
    • 2019년 04월 26일
    • 정가
      30,000원
    • 판매가
      27,000원 [10% 할인]
    • 결제 혜택
      무이자
    • 적립금
      1,500원 적립 [5%P]

      NAVER Pay 결제 시 네이버페이 포인트 5% 적립 ?

    • 배송구분
      업체배송(반디북)
    • 배송료
      무료배송
    • 출고예정일

      출고예정일 안내

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

      close

      2026년 02월 04일(수)

      ※ 출고예정일은 도서 재고상황에 따라 변동될 수 있습니다.

    이책의 구판 정보

    리액트 웹앱 제작 총론 크루파 친나탐비 저 | 에이콘출판 | 2017년 07월 [절판]

    수량
    바로 구매 쇼핑카트 담기 위시리스트
    회원리뷰
    - [0]
    ISBN: 9791161752884 344쪽 16g 188 x 235 (㎜)

    지금 이책은

    • 판매지수 : 163

    이 분야의 베스트셀러

    이 책과 함께 구매한 책

    이 책이 속한 분야

    책 소개

    상품문의 / 정보수정 요청 >

    출판사 리뷰

    ★ 이 책의 구성 ★

    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장. '리액트와 리덕스'에서는 리액트 프로젝트에서 리덕스가 가장 인기 있는 이유를 알아보고, 리액트와 리덕스를 통합해 개발해본다.

    저자 소개

    키루파 친나탐비

    저자 : 키루파 친나탐비
    자신만큼이나 웹 개발을 사랑하는 사람들을 교육하며 많은 시간을 보냈다. 블로깅이라는 단어조차 없었던 1999년부터 자신의 웹사이트(kirupa.com)에 튜토리얼을 포스팅하기 시작했다. 그 후로 지금까지 수백 개의 글을 쓰고 다수의 책을 저술했으며, 유튜브에서 시청할 수 있는 수십 개의 튜토리얼 비디오를 제작했다. 웹 개발에 대해 글을 쓰거나 강의하는 시간 이외에는 마이크로소프트의 프로그램 매니저로서 웹을 더욱 굉장하게 만드는 일을 한다.

    역자 : 이태상
    자바와 웹 전문가로서 주로 교육과 컨설팅을 했으며, 오랜 기간 동안 전자 금융 업무를 담당했다. 현재 한 금융기관의 재무회계시스템 구축 프로젝트에 참여하고 있다. 『톰캣 최종분석』(에이콘, 2005)부터 『Pandas로 하는 데이터 과학 2/e』(에이콘, 2018)까지 다수의 IT 서적을 번역했다.

    역자 소개

    이태상

    자바와 웹 전문가로서 주로 교육과 컨설팅을 했으며, 오랜 기간 동안 전자 금융 업무를 담당했다. 현재 한 금융기관의 재무회계시스템 구축 프로젝트에 참여하고 있다. 『톰캣 최종분석』(에이콘, 2005)부터 『Pandas로 하는 데이터 과학 2/e』(에이콘, 2018)까지 다수의 IT 서적을 번역했다.

     

    책 속에서

    목차




























    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장. 리액트와 리덕스
    __리덕스를 이용한 리액트 상태 관리
    ____리액트와 리덕스 합치기
    ____시작하기
    ____앱 구축
    __정리

    머리말

    ★ 지은이의 말 ★

    리액트는 새로 등장하는 웹 프레임워크와 라이브러리 중에서도 특히 엄청난 성공을 거두고 있다. 리액트는 복잡한 앱을 제작할 때 마주치는 대부분의 일반적인 문제를 다룰 뿐 아니라, 복잡한 앱의 비주얼을 더 쉽게 구현할 수 있는 추가 기법들을 제공한다.
    리액트는 초보자가 쉽게 접근하기 어렵다. 이 책을 보기 전까지는 말이다.리액트의 핵심을 이해하고 놀라운 고성능의 실전 앱을 제작할 수 있도록 크루파 친나탐비가 생생하고 분명하게 설명할 것이다.
    이 책은 몇 분만에 첫 리액트 앱을 만들어 구동할 수 있게 하는 유일한 책으로, 어려운 개념을 시각화한 풍부한 그림과 단계별로 진행되는 실전 예제로 가득하다.

     

    ★ 옮긴이의 말 ★

    2000년대 중반부터 시작된 자바스크립트 춘추전국시대는 10년 넘게 계속되고 있습니다. 숱한 자바스크립트 프레임워크나 라이브러리가 등장했다가 사라지거나 변모해왔으며, 앞으로도 그런 상황은 계속될 것 같습니다. 2010년 중반 즈음부터의 대표적인 자바스크립트 UI 프레임워크로는 리액트(React), 앵귤러(Angular), 뷰(Vue.js)를 들 수 있습니다. 설문을 포함한 몇몇 조사 결과를 봤을 때, 그 가운데 가장 인기 있는 프레임워크는 (여전히) 리액트로 보입니다.
    리액트는 페이스북이 2013년 5월에 오픈소스로 발표한 이후 지금까지 꾸준히 사랑받고 있으며 페이스북, 인스타그램, 넷플릭스, 야후 등 여러 유명한 사이트에서 사용되고 있습니다. 모든 프레임워크가 그러하듯 리액트 역시 장단점이 있겠지만, 특히 가상 DOM을 사용함으로써 렌더링 성능을 높인 점이나 일방향 데이터 흐름을 지향해 이해와 관리를 쉽게 할 수 있도록 하는 점이 인기의 주요인으로 추측됩니다.
    앞으로도 자바스크립트 세계의 지형 변화 속에서 또 다른 프레임워크나 라이브러리를 사용할 기회가 많이 생길 것입니다. 그러므로 리액트를 사용해 보는 일은 많은 프로젝트가 리액트를 채택하는 것에 동참하는 일이자, 웹 기술에 관한 통찰력를 쌓는 데 필요한 큰 자양분이 될 것입니다.
    그렇지 않아도 배워야 할 것이 너무 많아서 늘 바쁜 여러분 앞에, 빠르게 리액트를 소화시켜줄 이 책이 놓여있습니다. IT 분야에서 고군분투하는 모든 분들의 건투를 빕니다.


     

    배송 시 유의사항

    - 반디앤루니스에서 구매하신 도서는 물류 대행 위탁업체 웅진 북센을 통해 배송됩니다.
     (배송 포장에 "웅진 북센"으로 표기될 수 있습니다.)

    - 구매한 상품의 품질과 배송 관련 문의는 반디앤루니스로 문의 바랍니다.

    - 천재지변 및 택배사의 사정에 따라 배송이 지연될 수 있습니다.

    - 결제(입금) 완료 후 출판사 및 유통사의 사정으로 품절 또는 절판 되어 상품 구입이 어려울 수 있습니다. (별도 안내 예정)

    - 도서산간지역의 경우 추가 배송비가 발생될 수 있습니다.

    반품/교환

    상품 설명에 반품/ 교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다)

    반품/교환

    반품/교환
    반품/교환 방법 홈 > 고객센터 > 자주찾는질문 “반품/교환/환불” 안내 참고 또는 1:1상담게시판
    반품/교환 가능 기간 반품,교환은 배송완료 후 7일 이내, 상품의 결함 및 계약내용과 다를 경우 문제발견 후 30일 이내에 신청가능
    반품/교환 비용 변심 혹은 구매착오의 경우에만 반송료 고객 부담(별도 지정 택배사 없음)
    반품/교환 불가 사유
    • 소비자의 책임 사유로 상품 등이 손실 또는 훼손된 경우
    • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    • 복제가 가능한 상품 등의 포장을 훼손한 경우 : 예)만화책, 잡지, 화보집 등
    • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    • 전자상거래등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    • 해외주문 상품(해외 원서)의 경우(파본/훼손/오발송 상품을 제외)
    소비자 피해보상
    환불지연에 따른 배상
    • 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
      소비자 분쟁해결 기준(공정거래위원회고시)에 준하여 처리됨
    • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
      소비자 보호에 관한 법률에 따라 처리함
    반품/교환 주소 경기도 파주시 문발로 77, 웅진북센(반디앤루니스)
    • 회사명 : (주)서울문고
    • 대표이사 : 김홍구
    • 개인정보 보호책임자 : 김홍구
    • E-mail : bandi_cs@bnl.co.kr
    • 소재지 : (06168) 서울 강남구 삼성로 96길 6
    • 사업자 등록번호 : 120-81-02543
    • 통신판매업 신고번호 : 제2023-서울강남-03728호
    • 물류센터 : (10881) 경기도 파주시 문발로 77 반디앤루니스
    copyright (c) 2016 BANDI&LUNI'S All Rights Reserved