로그인회원가입장바구니고객센터마이페이지회사소개
kangcom
전체
Home >   >   > 

React.js 핵심정리

 [자바스크립트로 만들어가는 사용자 인터페이스]
   
지은이 아르테미 페도세예프   |   출판사 에이콘  |   발행일 2016년 05월 20일
 
클릭하시면 큰 도서이미지를 보실 수 있습니다.
판매가 20,000원18,000원 10%
마일리지 1% 200원
발행일 2016-05-20
ISBN 8960778605 | 9788960778603
기타정보 번역서 | 240쪽 | 일반
예상출고일 금일 가능 (근무일기준)
배송비 2,000원 (20,000원이상 무료배송)
   
일반
종합지수 0p
   
이 책의 원서
  React.Js Essentials
Packt Publishing | Artemij Fedosejev
 

★ 요약 ★

페이스북은 백엔드 기술과 웹 기술뿐만 아니라 iOS와 안드로이드로 대표되는 모바일 기술까지 IT 전 분야에 걸쳐 다양한 기술들을 오픈소스화 해 많은 개발자들이 활용하도록 하고 있다. 그리고 많은 유명 기업들이 다양한 페이스북 오픈소스 기술을 도입해 페이스북의 기대에 부응하고 있다. 스트리밍 서비스의 대표주자로 손꼽히는 넷플렉스(Netflix)를 비롯해 BBC와 NBC의 웹사이트가 React.js를 사용한다. React.js는 매우 직관적이고 효율적인 UI를 구성할 수 있도록 방안을 제시해 줄 것이다. 이 책은 React.js의 설치부터 시작해 간단한 컴포넌트에서 다소 복잡한 컴포넌트까지 함께 만들어 보면서 기본적인 React.js의 활용 방법을 설명해 주고, 마지막에는 애플리케이션 아키텍처인 Flux를 활용하는 방법까지 자세히 설명한다.


★ 추천의 글 ★
제이쿼리 jQuery 콜백을 작성하는 데에 지쳤는가? Angular 앱에서 또 다른 템플릿 또는 설정을 다시 작성해야 할 때마다 화가 나는가? 애플리케이션 구조가 이렇게 복잡한 이유가 궁금한가? 그렇다면, React가 바로 여러분들이 찾아 헤매던 것이다. 선언형의 React.js는 시간에 따라 변경되는 데이터를 가진 큰 규모의 애플리케이션을 위한 UI를 생성하는 데 굉장히 유용하다.

iOS와 자바스크립트 프론트엔드 전문 자문의원으로서 언제나 클라이언트들에게 가능한 한 가장 좋은 기술을 사용할 것을 권한다. 페이스북으로부터의 최근 푸시를 통해, 클라이언트들이 제품을 보내고 빠르게 움직일 수 있게 유지보수가 가능하고 성능 기준에 적합한 유저 인터페이스를 개발하는 데 React.js가 믿을 만한 선택임을 입증했다. 이 책이 출간된다는 소식을 들었을 때 기뻤으며, 책을 한 권을 받게 되었을 때에는 더욱 기뻤다.

런던에서 현재 스타트업 기업의 베테랑 웹 개발자이자 기술 수석(Technical lead)으로 일하는 아르테미 페도세예프(Artemij Fedosejev)는 왜 선언형 프로그래밍 스타일과 단방향의 반응성 데이터 흐름이 자주 현실 세계의 프로그래밍 문제를 해결하는 데 가장 좋은 방법이 되는지를 보여준다. 상용 애플리케이션 개발을 하든 대학 연구 개발을 하든 상관없이, React.js는 크고 작은 규모의 프론트엔드 UI를 개발하는 데 도움을 준다. 다시는 코드 안에서 길을 잃을 일은 없을 것이다. 아르테미의 실제 경험을 바탕으로 학습하고 나면, 웹 애플리케이션을 복잡하게 하지 않고도 금방 유저 인터페이스를 생성하게 된다.

이 책은 React.js를 시작하는 데 필요한 모든 것을 제공한다. 첫 번째 스텝부터 Jest의 복잡한 내용까지 보여준다. 배우기 위한 가장 좋은 방법은 직접 해 보는 것으로, 이 책 전체를 통해 React.js 실습 프로젝트를 수행하고, 트위터로부터 최신 사진들을 받고 수집하는 애플리케이션을 개발하는 방법을 학습한다.

소프트웨어는 지속적으로 발전하고 있으며 항상 성장하고 있다. 개발자들은 항상 자기 자신의 기술을 사용하면서도, 좋은 소프트웨어는 어떻게 개발되어야 하는지에 대한 이해를 최대한 발휘하고 향상시킬 수 있는 새로운 영역을 향해 손을 뻗는다. 역사상으로, 소프트웨어 개발과 아키텍처는 구조적 프로그래밍에서 명령형 프로그래밍으로 옮겨갔다. 이는 객체 지향 프로그래밍(OOP)이 현재 소프트웨어 개발의 사실상 표준이 되도록 길을 열어 주었다. 자바, 루비, 오브젝티브C(Objective-C), 그리고 그 외 많은 언어들은 OOP 패러다임을 염두에 두고 개발되었다.

하지만 함수형 프로그래밍을 받아들인 반역 세력이 있었다. 이들은 독자적인 형태로 발전했는데, 이 세력이 바로 자바스크립트다. React.js는 ‘상태 관리 기능으로써의 UI(UI as a function of state)’라는 새로운 개념의 징후다. 페이스북은 개발자들이 React.js 라이브러리를 통해 반응성 방식에 접근할 수 있도록 많은 노력을 쏟아 부었다. 많은 사람들이 이용하고 있는 Ember.js와 Angular.js처럼 템플릿 시스템을 사용하는 프레임워크와 달리, React.js는 UI 상태를 설명하는 선언형 프로그래밍 스타일을 사용하는 UI 라이브러리다. React.js는 전형적인 MVC 아키텍처 패턴 중 V에 속한다고 생각하면 된다. 하지만 이것이 다가 아니다. 페이스북은 React의 조합이 가능한 뷰 컴포넌트를 사용하는 상호보완적인 애플리케이션 아키텍처 Flux를 소개했다.

프로그래밍 문제를 해결하는 최근 접근 방식은 돌고 돌아서 선언형 프로그래밍으로 돌아왔다. Reactive Extensions Rx, Futures, Promises와 같은 새로운 패러다임이 떠오름에 따라 함수와 OOP의 명령형 대신 선언형 접근 방식 사용을 다시 고려하게 되었다. React.js는 이러한 패러다임의 일부를 포함한다. 이 책은 이러한 길로 가는 가장 첫걸음이며, 여러분도 이 책을 좋아하게 될 것이다!

-알렉스 부시(Alex Bush),
스마트클라우드(SmartCloud, Inc.)의 설립자 겸 소프트웨어 제품 엔지니어


★ 이 책에서 다루는 내용 ★

■ 좀 더 효율적인 개발을 위한 강력한 React 도구 설치
■ 프로퍼티와 자식이 있는 React 엘리먼트 생성
■ 상태가 없는 React 컴포넌트와 상태 기반의 React 컴포넌트 소개
■ React 개발 과정을 빠르게 하기 위한 JSX 사용
■ React 컴포넌트에 생명주기 메소드를 이용해서 반응성 추가
■ React 컴포넌트를 다른 자바스크립트 라이브러리와 통합
■ Flux 애플리케이션 아키텍처를 React 컴포넌트와 함께 활용
■ Jest 테스트 프레임워크를 이용해서 React 컴포넌트 테스트


★ 이 책의 대상 독자 ★

이 책은 확장 가능하고 유지보수 가능한 웹 사용자 인터페이스를 개발하고자 하는 프론트엔드 개발자들을 위해 만들어졌다. 자바스크립트, HTML, CSS의 핵심 지식 일부만 알아도 React.js가 웹 개발 세계에 가져온 혁신적인 아이디어의 이점을 활용하는 데에 충분하다. 제이쿼리나 Angular.js를 다뤄 본 경험이 있다면, React.js가 어떻게 다른지 그리고 여러 가지 라이브러리들과 통합시켜서 어떻게 이용할지 이해하는 데 큰 도움이 될 것이다.


★ 이 책의 구성 ★

1장, ‘필요한 도구 설치’에서는 이 책의 목표를 간결하게 서술하고, React 애플리케이션을 효율적으로 개발하는 데 필요한 최신 도구들을 설명한다. 각 도구들을 소개하고 설치하는 방법들에 대해 단계별로 알아본다. 그런 다음, 이 책을 통해 개발하게 될 프로젝트의 구조를 생성한다.

2장, ‘첫 React 엘리먼트 생성’에서는 React를 설치하는 방법을 설명하고 가상 DOM을 소개한다. 그런 다음, React 엘리먼트 정의와 네이티브 자바스크립트 문법을 이용해서 생성하고 렌더링하는 방법을 설명한다. 마지막으로 JSX 문법을 소개하고 JSX를 이용해서 React 엘리먼트를 만드는 방법을 살펴본다.

3장, ‘첫 React 컴포넌트 생성’에서는 React 컴포넌트를 소개한다. 상태가 없는(stateless) React 컴포넌트와 상태 기반(stateful)의 React 컴포넌트 간의 차이점, 그리고 어느 컴포넌트를 사용할지 결정하는 방법을 설명한다. 그런 다음, 두 종류를 생성하는 과정을 살펴본다.

4장, ‘React 컴포넌트에 반응성 추가’에서는 React로 문제를 해결하는 방법을 설명하고 React 애플리케이션을 계획하는 과정을 단계별로 알아본다. 이 책에서 개발하는 React 애플리케이션 전체를 캡슐화하는 React 컴포넌트를 생성한다. 부모 React 컴포넌트와 자식 컴포넌트 사이의 관계를 설명한다.

5장, ‘다른 라이브러리와 함께 React 컴포넌트 사용’에서는 서드파티 자바스크립트 라이브러리와 함께 React 컴포넌트를 사용하는 방법을 살펴본다. React 컴포넌트의 생명주기를 소개하고, 마운트 메소드를 사용하는 방법을 설명한다. 그리고 이 책의 프로젝트를 위한 새로운 React 컴포넌트를 생성한다.

6장, ‘React 컴포넌트 업데이트’에서는 React 컴포넌트 생명주기의 업데이트 메소드를 소개한다. 자바스크립트에서 CSS 스타일을 사용하는 방법을 알아보고, 기본 컴포넌트의 프로퍼티를 검사하고 설정하는 방법을 설명한다.

7장, ‘복잡한 React 컴포넌트 생성’에서는 좀 더 복잡한 React 컴포넌트를 개발하는 방법에 초점을 맞춘다. 여러 가지의 React 컴포넌트를 구현하는 방법과 해당 컴포넌트들을 하나로 결합하면서도 정상 작동되는 React 애플리케이션으로 만드는 방법에 대해 자세히 살펴본다.

8장, ‘Jest를 사용한 React 애플리케이션 테스트’에서는 유닛 테스트 개념과 Jest를 이용해서 유닛 테스트를 작성하고 실행하는 방법을 설명한다. 또한 React 컴포넌트를 테스트하는 방법도 보여준다. 테스트 스위트, 스펙, 예상 결과, 부합기(matcher)에 대해 알아본다.

9장, ‘Flux를 사용해 React 아키텍처 향상시키기’에서는 React 애플리케이션 아키텍처를 향상시키는 방법을 알아본다. Flux 아키텍처를 소개하고 디스패처, 스토어, 액션 생성자에 대해 설명한다.

10장, ‘Flux를 사용한 React 애플리케이션의 유지보수 준비’에서는 Flux를 이용해서 React 애플리케이션에 대한 우려 사항들을 분리하는 방법을 설명한다. 장차 유지보수가 어렵지 않도록 React 애플리케이션을 리팩토링한다.

1 필요한 도구 설치
__프로젝트 시작
__Node.js와 npm 설치
__깃 설치
__트위터 스트리밍 API를 이용해 데이터 획득
__Snapkite 엔진을 이용해 데이터 필터링
__프로젝트 구조 생성
__package.json 생성
__Node.js 모듈 재사용
__Gulp.js로 빌드
__웹 페이지 생성
__요약

2 첫 React 엘리먼트 생성
__가상 DOM의 이해
__React 설치
__자바스크립트를 이용해 React 엘리먼트 생성
____type 매개변수
____props 매개변수
____children 매개변수
__React 엘리먼트 렌더링
__JSX를 이용해 React 엘리먼트 생성
__요약

3 첫 React 컴포넌트 생성
__상태 없음 vs. 상태 기반
__상태를 갖지 않는 첫 React 컴포넌트 생성
__첫 상태 기반 React 컴포넌트 생성
__요약

4 React 컴포넌트에 반응성 추가
__React를 사용한 문제 해결
__React 애플리케이션 계획
__컨테이너 React 컴포넌트 생성
__요약

5 다른 라이브러리와 함께 React 컴포넌트 사용
__React 컴포넌트에서 다른 라이브러리 사용
__React 컴포넌트의 생명주기 메소드
____마운트 메소드
________getInitialState 메소드
________componentWillMount 메소드
________componentDidMount 메소드
____마운트 해제 메소드
________componentWillUnmount 메소드
__요약

6 React 컴포넌트 업데이트
__컴포넌트 생명주기의 업데이트 메소드
____componentWillReceiveProps 메소드
____shouldComponentUpdate 메소드
____componentWillUpdate 메소드
____componentDidUpdate 메소드
__React 컴포넌트 프로퍼티 기본 설정
__React 컴포넌트 프로퍼티 검사
__Collection 컴포넌트 생성
__요약

7 복잡한 React 컴포넌트 생성
__TweetList 컴포넌트 생성
__CollectionControl 컴포넌트 생성
__CollectionRenameForm 컴포넌트 생성
__Button 컴포넌트 생성
__CollectionExportForm 컴포넌트 생성
__요약

8 Jest를 사용해 React 애플리케이션 테스트
__유닛 테스트를 해야 하는 이유
__테스트 스위트, 스펙, 예상 결과 생성
__Jest 설치와 사용
__여러 개의 스펙과 예상 값 생성
__React 컴포넌트 테스트
__요약

9 Flux를 사용해 React 아키텍처 향상시키기
__웹 애플리케이션의 구조 분석
__Flux의 이해
__디스패처 생성
__액션 생성자 생성
__스토어 생성
__요약

10 Flux를 사용한 React 애플리케이션의 유지보수 준비
__Flux를 사용해 걱정거리 줄이기
__스트림 컴포넌트 리팩토링
__CollectionStore 생성
__CollectionActionCreator 생성
__애플리케이션 컴포넌트 리팩토링
__컬렉션 컴포넌트 리팩토링
__CollectionControls 컴포넌트 리팩토링
__CollectionRenameForm 컴포넌트 리팩토링
__TweetList 컴포넌트 리팩토링
__StreamTweet 컴포넌트 리팩토링
__빌드와 활용

아르테미 페도세예프(Artemij Fedosejev)
영국 런던에 거주 중인 기술 수석이다. 2000년대 초반부터 웹 개발자로 일해 왔으며, 독학한 웹 개발자다. 아일랜드의 코크대학교(University College Cork)에서 컴퓨터 과학 학사 학위를 취득했다. IGNITE Graduate Business Innovation Programme에 참여해 Most Innovative Project 상을 받은 웹 사이트를 개발하고 출시했다.
졸업 후에 지역 스타트업 기업들의 제품을 개발하는 데 도움을 주기 위해 런던으로 옮겼다. 자바스크립트, Node.js, HTML5, CSS3, 그리고 다른 최신 웹 기술들을 이용해 개발을 진행했다. 스타트업 산업에서 경력을 쌓은 후 임페리얼 칼리지 런던(Imperial College London)에 합류해 연구 및 개발, 프로젝트 작업을 했으며, 더 나아가 공공 건강 시설의 여러 웹 애플리케이션 프론트엔드 개발을 주도할 기회까지 부여받았다. React.js와 Flux를 이용해서 WGSA.net과 Microreact.org의 프론트엔드 아키텍처를 생성하는 데 중요한 역할을 했다. Snapkite 엔진, Snapkite 스트림 클라이언트, 그리고 그 외 다른 프로젝트 등 다수의 오픈소스 프로젝트를 생성했다. 이 프로젝트들은 모두 깃허브(https://github.com/fedosejev)에서 확인 가능하다. 또한 웹사이트(http://react.tips)를 운영하고 있다.

등록된 서평이 없습니다.
실전에 강한 PLC...
정완보
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
절대강좌! VR/AR...
이재현
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
정보처리기사 실기(산업기사 포함)(2018)...
한기준, 김기윤, 김정준, 강윤석, 길벗알앤디
선택된 상품을 찜하실 수 있습니다. 선택된 상품을 바로구매 하실 수 있습니다.
 
전체평균(0)
회원평점   회원서평수 0
에이콘 출판사의 신간
『파이썬 자연어 처리의 이론과 실제: 효율적인 자연어 처리를 위한 머신 러닝과 딥러닝 구현하기』
잘라지 트하나키 저
31,500원
(10%↓+5%)
 
『파워 BI와 엑셀 파워 피봇을 사용한 데이터 분석 : 예제를 통해 배우는 데이터 모델링』
알베르토 페라리, 마르코 루쏘 저
27,000원
(10%↓+5%)
 
『보안 전문가에게 꼭 필요한 와이어샤크 : 와이어샤크와 메타스플로잇 활용법』
제시 불럭, 제프 파커 저
27,000원
(10%↓+5%)
 
『데브옵스 핸드북 : 세계 최고 수준의 기민성, 신뢰성, 안정성을 갖춘 기술 조직의 비밀』
진 킴, 제즈 험블, 패트릭 드부아, 존 윌리스 저
27,000원
(10%↓+5%)
 
『처음 만나는 금융공학(개정판): 금융으로 세상을 읽는 통찰력 키우기』
이진재, 신임철 저
14,400원
(10%↓+5%)
 
이메일주소수집거부