간편결제, 신용카드 청구할인
네이버페이 1%
(네이버페이 결제 시 적립)
NH(올원페이)카드 12% (19,800원)
(3만원 이상 결제/최대 1만원 할인)
북피니언 롯데카드 30% (15,750원)
(최대할인 3만원 / 3만원 이상 결제)
하나SK 북&카드 30% (15,750원)
(최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (18,000원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (20,250원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (20,930원)
(최대할인 3만원 / 3만원 이상 결제)
Close

동형 자바스크립트 웹 개발 : 리액트와 Node.js를 활용한 동형 웹 앱 구현 기법

원제 : Isomorphic JavaScript Web Development: Universal JavaScript with React and Node

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

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

25,000원

  • 22,500 (10%할인)

    1,250P (5%적립)

할인혜택
적립혜택자동적립
배송정보
주문수량
감소 증가

이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

    • 이벤트/기획전

    • 연관도서

    • 사은품(3)

    책소개

    리액트와 Node.js를 활용한 동형 웹 앱 구현 기법

    리액트(React)와 Node.js, 그 밖의 다양한 플러그인을 활용해, 서버와 클라이언트에서 동일한 코드를 사용할 수 있는 동형(Isomorphic) 웹 앱 구현 기법을 소개한다. 쉬운 예제를 제공하며, 개발 경험이 많지 않더라도 쉽게 이해 할 수 있다.

    출판사 서평

    [이 책에서 다루는 내용]

    - 막강한 리액트를 사용한 클라이언트 구축
    - 효과적인 애플리케이션 스타일링
    - 리액트를 사용한 서버 측 렌더링
    - 노드(Node)와 익스프레스(Express), SQL 기반의 GraphQL 서버 구현
    - 애플리케이션에서 사용되는 동형 라우터 구축
    - 클라우드 호스트에 애플리케이션 배포
    - 견고한 토큰 기반 인증을 통한 애플리케이션 보안

    [이 책의 대상 독자]

    이 책은 개발자용으로, 자바스크립트 애플리케이션 스킬을 향상하고 통일된 자바스크립트 애플리케이션을 개발하고자 하는 독자를 대상으로 한다.

    [이 책의 구성]

    1장, '동형 웹 앱 시작하기'에서는 동형 앱이 무엇이고, 흔히 사용하는 기존의 SPA와는 어떤 차이가 있는지 살펴본다. 개발자가 동형 앱을 개발하는 과정에서 직면하게 될 중요한 사항들을 이해하게 된다. 소개를 마친 후에는 동형 앱 개발을 시작하기 위한 개발 환경을 설정한다.
    2장, '리액트 웹 UI 만들기'에서는 자바스크립트와 리액트(React)를 사용해 자연스러운 웹 UI를 만드는 방법을 설명한다. 효율적인 개발을 위해 애플리케이션에서 사용할 컴포넌트를 만들고 컴포넌트 간의 데이터 흐름을 구성하는 방법을 배운다.
    3장, 'CSS와 미디어 자산으로 작업하기'에서는 UI 컴포넌트 스타일링과 CSS 및 그래픽을 컴포넌트에 번들링하는 방법을 살펴본다. 자산을 번들링하기 위해 웹팩(Webpack)을 효과적으로 구성하는 방법을 배운다.
    4장, '브라우저싱크와 HMR로 작업하기'에서는 앱에 대한 서버 측 렌더링 설정 방법과 효과적인 SEO(검색 엔진 최적화)를 위한 최적화, 초기 페이지 로딩 속도 향상에 대해 설명한다.
    5장, '서버에서 리액트 컴포넌트 렌더링하기'에서는 서버에서 웹 애플리케이션을 렌더링하는 것과 관련된 여러 가지 요소를 살펴본다. 클라이언트로 상태를 전달하는 방법, 리액트 컨텍스트를 사용하는 방법, 그 밖의 문제와 트러블슈팅 등을 살펴본다.
    6장, 'GraphQL 데이터 API 만들기'에서는 노드(Node)와 익스프레스(Express), SQL 기반의 GraphQL 서버를 구현하는 방법을 살펴본다. 전통적인 RESTful API 구조와 비교해 어떻게 동작하는지 이해한다. 서버에서 데이터를 수신하고 검사 및 수정하는 방법을 배운다.
    7장, '라우팅과 내비게이션 구현하기'에서는 라우팅과 내비게이션 구현 방법에 관해 처음부터 살펴본다. 또한 기존 라이브러리를 동형 웹 앱에 맞게 통합하는 방법도 살펴본다.
    8장, '인증 및 권한 부여'에서는 애플리케이션 보안의 복잡한 내용들을 살펴본다. 동형 애플이케이션에서 토큰 기반 인증과 접근 제어를 구현하는 방법을 배운다.
    9장, '애플리케이션 테스트와 배포'에서는 단위 테스트와 통합 테스트를 구성하는 방법에 관해 살펴본다. 클라우드 호스팅 서비스에 앱을 배포하는 방법도 포함된다.

    목차

    1장. 동형 웹 앱 시작하기

    -동형 앱이란 무엇인가?
    -동형 자바스크립트 코드는 어떻게 작성하는가?
    -React.js 소개
    -예제 앱 설명
    -시작하기 위해 필요한 것
    -프로젝트 의존성 설치하기
    -기본 프로젝트 구조
    -첫 번째 리액트 컴포넌트 만들기
    -클라이언트와 서버에서 리액트 앱 렌더링하기
    -앱을 로컬에서 실행하고 테스트하기
    -요약

    2장. 리액트 웹 UI 만들기

    -컴포넌트 기반 UI 개발
    -상태저장과 상태비저장 리액트 컴포넌트
    -프로젝트에서 UI 컴포넌트 그룹화
    -UI를 컴포넌트 계층구조로 분해하기
    -리액트로 정적 버전 만들기
    -기본 동형 라우터 구현하기
    -요약

    3장. CSS와 미디어 자산으로 작업하기

    -리액트 컴포넌트의 인라인 스타일
    -CSS Modules 시작하기
    -PostCSS 시작하기
    -웹팩 로더 시작하기
    -이미지와 CSS용 웹팩 설정하기
    -여러 CSS 파일에서 공통 설정 공유하기
    -요약

    4장. 브라우저싱크와 HMR로 작업하기

    -브라우저싱크 시작하기
    -설치 방법
    -HMR 시작하기
    -요약

    5장. 서버에서 리액트 컴포넌트 렌더링하기

    -서버 측 렌더링의 핵심 개념
    -트러블슈팅
    -서버에서 클라이언트로 컴포넌트 상태 전달하기
    -리액트 컨텍스트로 작업하기
    -페이지 타이틀과 메타 태그 설정 방법
    -타사 라이브러리로 작업하기
    -서버 데이터 가져오기
    -요약

    6장. GraphQL 데이터 API 만들기

    -GraphQL의 기초
    -GraphQL 쿼리
    -GraphQL 타입 체계
    -Node.js로 GraphQL 서버 구현하기
    -GraphQL 서버에서 SQL 데이터 저장소 사용하기
    -배치와 캐시하기
    -요약

    7장. 라우팅과 내비게이션 구현하기

    -서버 라우팅
    -익스프레스 라우팅
    -클라이언트 라우팅
    -해시와 히스토리 API
    -리액트 라우팅
    -리액트 서버 렌더링
    -뷰 렌더링
    -애플리케이션에 상태 전달하기
    -초기 상태
    -react-router-config 사용하기
    -Redux 사용하기
    -요약

    8장. 인증 및 권한 부여

    -토큰 기반 인증과 쿠키
    -쿠키
    -토큰 기반 인증
    -JWT
    -jwt-simple 사용하기
    -서버 인증
    -가입하기
    -JWT 토큰 클레임
    -JWT 토큰 암호
    -로그인
    -라우팅 리다이렉션
    -상위 컴포넌트(HoC) 인증하기
    -서버측 인증 확인
    -로그아웃
    -요약

    9장. 애플리케이션 테스트와 배포

    -테스트와 배포
    -테스트
    -Mocha, Sinon, Chai, jsdom, Enzyme으로 리액트 단위 테스트하기
    -Mocha
    -Chai
    -Sinon
    -테스트
    -Enzyme
    -Nightwatch로 통합 테스트하기
    -배포
    -상용 환경의 모범 사례
    -코드에서 해야 할 작업
    -환경/설정에서 할 작업
    -클라우드 플랫폼에 배포하기
    -헤로쿠
    -요약

    본문중에서

    오늘날 자바스크립트는 세계적으로 돌풍을 일으키고 있다. 프론트엔드와 백엔드 간의 자바스크립트 로직 공유는 애플리케이션의 문제 파악과 유지 관리를 단순하게 만들어준다. 이 책에서 다루는 기술을 사용해 자신의 자바스크립트 애플리케이션의 수준을 한 단계 끌어올리기 바란다.
    ('지은이의 말' 중에서)

    과거에는 자바스크립트를 단순히 클라이언트에서 동적인 효과를 주는 데 주로 사용했다. 그러다가 Ajax가 등장했으며, 이를 시작으로 jQuery 등 수많은 자바스크립트 라이브러리가 나왔고, 이러한 자바스크립트 라이브러리를 사용하지 않는 페이지를 찾아보기 힘든 자바스크립트 시대가 도래했다. 그 이후로도 백본(Backbone), 머스터치(Mustach) 등 화면에 표현해주기 위한 다양한 방법이 계속해서 등장하고 있으며, 이러한 플러그인과 템플릿, 프레임워크는 앵귤러(Angular)에서 정점을 찍게 된다. 하지만 초기 페이지 로딩 속도, 검색 엔진 최적화(SEO), 페이지 깜빡임(FOUC, flash of unstyled content) 이슈 등은 여전히 남아 있었다. 이 시점에 리액트(React)가 등장하면서 서버 측 렌더링을 통해 앞서 언급한 대부분의 이슈를 해결했고, 페이스북을 비롯해 인스타그램(Instagram), 에어비앤비(AirBnb), 넷플릭스(Netflix), 플립보드(Flipboard), 드롭박스(Dropbox) 등 여러 대규모 사이트에 적용하고 있다.
    이 책에서는 리액트와 Node.js, 그 밖의 다양한 플러그인을 활용해, 서버와 클라이언트에서 동일한 코드를 사용할 수 있는 동형(Isomorphic) 웹 앱을 구현하는 기법을 소개한다. 적절한 예제를 따라 하면서 자연스럽게 습득할 수 있으며, 개발 경험이 많지 않더라도 기본적인 웹 개발 지식과 Node.js 사용 경험이 있으면 쉽게 이해할 수 있다. 만약 관련 경험이 전혀 없다면, 책을 잠시 덮어두고 Hello World나 튜토리얼을 먼저 확인하고 돌아와서 보면 된다. 출판사의 링크를 통해 내려 받을 수 있는 예제의 동작하는 코드를 확인하려면 package.json 파일에 포함돼 있는 라이브러리를 모두 직접 설치해야 한다. 자, 그럼 즐거운 배움의 시간이 되길 바란다.
    ('옮긴이의 말' 중에서)

    저자소개

    토마스 알라베스 [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 1종
    판매수 10권

    실리콘 밸리(Silicon Valley)의 오라클(Oracle)에서 클라우드(Clouds)를 구축하는 시니어 소프트웨어 엔지니어다. 풀 스택 엔지니어로 7년 이상 일하고 있으며, 열렬한 블로거이자 열정적인 학습자다. 항상 스스로를 발전시키기 위한 방법을 찾고, 자신의 지식을 공유한다.

    콘스탄틴 타르쿠스(Konstantin Tarkus) [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 1종
    판매수 10권

    기술 신생 기업을 위한 맞춤형 웹과 클라우드 애플리케이션 개발을 전문으로 하는 노련한 소프트웨어 엔지니어다. 14년 이상의 PHP, MySQL, 애저(Azure), SQL 서버, 닷넷(.NET), C#, Node.js, 자바스크립트 같은 광범위한 기술 스택 경력을 갖추고 있다. 아주 유명한 리액트 앱 보일러플레이트인 리액트 스타터 키트(React Starter Kit)를 만들었으며, 그 밖에도 깃허브(GitHub)에서 다양한 오픈소스 프로젝트를 진행하고 있다.

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

    국내 Telco SI/SM Software 개발자로 시작해 현재는 프로젝트 매니저로 일하고 있다. 독립 IT 기술자 저술 강연 상호부조 네트워크 GoDev(www.godev.kr)의 멤버다.

    리뷰

    0.0 (총 0건)

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    0.0

    교환/환불

    교환/환불 방법

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

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

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

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용