메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

처음 시작하는 리액트 : UI를 위한 자바스크립트 라이브러리 ReactJS

리얼타임 eBook

번역서

판매중

  • 저자 : 톰 핼럿 , 리차드 펠드만 , 시몬 회벡 , 칼 미켈슨 , 존 비비 , 프랑키 반야르디
  • 번역 : 김훈민 , 곽현철
  • 출간 : 2016-07-25
  • 페이지 : 321 쪽
  • ISBN : 9788968487750
TAG :
초급 초중급 중급 중고급 고급
2점 (2명)
좋아요 : 3

페이스북, 인스타그램, Airbnb, 넷플렉스, BBC의 선택, ReactJS를 제일 처음 만난다!

 

리액트는 공개된 페이스북에서 내부적으로 개발한 자바스크립트 라이브러리로 2013년에 오픈 소스로 공개되었다. 웹에서 상호작용하는 사용자 인터페이스를 만들기 위한 라이브러리다.

 

이 책은 리액트를 다룬 국내 첫 도서로 리액트의 모든 개념을 살펴보고 이러한 개념들이 유용한 이유를 설명한다. 특히 단일 페이지 애플리케이션(SPAs, Single Page Applivations)을 만드는 데 큰 도움이 될 것이다. 리액트를 이용해 완전한 애플리케이션을 만들기 위한 활용 예제와 함께 필요한 도구도 설명한다.

 

이 책의 대상독자

 

이 책의 내용을 이해하기 위해서는 자바스크립트와 HTML을 다뤄본 경험이 있어야 한다. 프레임워크의 종류와 상관없이 단일 페이지 애플리케이션을 다뤄본 경험이 있다면 더욱 도움이 될 것이다. 물론 필수는 아니다.

 

저자

톰 핼럿

샌프란시스코에 위치한 실시간 비디오 플랫폼인 Tout.com의 Ruby/JavaScript 시니어 엔지니어다. Jasmine을 이용한 React 애플리케이션 테스트를 도와주는 Jasmine-react의 제작자이기도 하다. 수중 폴로를 좋아하고, 아내와 아들과 함께 시간을 보낸다.

저자

리차드 펠드만

샌프란시스코에 있는 교육 기술 회사인 NoRedInk에서 리드 프론트엔드 엔지니어로 일하고 있다. 함수형 프로그래밍의 지지자이자, 강연자다. 일반적인 JavaScript 객체와 배열에 하위호환성을 갖는 이뮤터블 데이터 구조를 제공하는 오픈 소스 라이브러리인 seamless-immutable의 제작자이기도 하다.

저자

시몬 회벡

로드아일랜드주 프로비던스에 위치한 Swipely에서 시니어 UI 엔지니어로 일하고 있다. 프로비던스 JS 밋업 그룹의 공동주최자이고, 보스턴의 Startup Institute에서 JavaScript를 가르치기도 했다. JavaScript를 이용한 기능적 유저 인터페이스를 만들고, cssarrowplease.com 같은 사이드 프로젝트에 시간을 할애하고 있다.
저자

칼 미켈슨

LockedOn에서 시니어 PHP / JavaScript 엔지니어로 일하면서 아름답고 강력한 부동산 소프트웨어를 만들고 있다. Karl은 새로운 기술에 대한 열정이 있고, 새로운 방법으로 일하기 위해 공부하는 것을 즐긴다. 자신의 웹사이트인 karlmikko.com에서 그를 찾을 수 없다면, 아내와 함께 암벽등반을 하고 있거나 커피를 즐기고 있을 것이다.
저자

존 비비

Dave Ramsey의 디지털 개발 팀에서 애플리케이션을 개발하고 있다. 웹과 iOS를 위해 사용자를 대하는 기술에 집중하고 있다. Final Cut Pro와 Motion에 사용하는 플러그인과 PHP 웹서비스를 만들기도 했다. Beebe가 예술과 코드에 관한 언어를 섞는 날은 좋은 날이다. 그는 독서광이고, 사진을 좋아하며, 매일 아내의 기대 이상을 달성하기 위해 노력하고 있다.
저자

프랑키 반야르디

여러 고객들을 위해 사용자 경험을 만드는 시니어 프론트엔드 개발자이다. 여가시간은 StackOverflow(FakeRainBrigand)와 IRC(GreenJello)에 올라오는 질문에 답해주는 한편 작은 프로젝트도 즐겨한다.
역자

김훈민

자바 개발자로 입문해서 현재는 NHN Technology Services 프론트엔드 개발팀에서 Ajax UI 개발자로 근무하고 있습니다. http://huns.me 블로그를 운영하고 있으며, 항상 "왜?"라는 질문을 던지려 애쓰는 중입니다.

역자

곽현철

현재 NHN Technology Services UIT 개발실에서 근무하고 있습니다.

1 React 소개

__1.1 배경

__1.2 개요

 

2 JSX

__2.1 JSX는 무엇인가?

__2.2 Benefits of JSX?

__2.3 컴포넌트 조합

__2.4 JSX와 HTML의 차이점

__2.5 JSX를 사용하지 않는 경우의 React

__2.6 JSX 공식 스펙

 

3 컴포넌트 라이프사이클

__3.1 라이프사이클 메소드

__3.2 초기화

__3.3 실행시

__3.4 분해와 정리

__3.5 안티 패턴: 상태에 계산값 사용

__3.6 정리

 

4 데이터 흐름

__4.1 Props

__4.2 PropTypes

__4.3 getDefaultProps

__4.4 State

__4.5 state와 props에는 어떤 값을 저장해야 할까?

__4.6 정리

 

5 이벤트 처리

__5.1 이벤트 핸들러 연결하기

__5.2 이벤트와 상태

__5.3 상태에 따른 렌더링

__5.4 상태 변경하기

__5.5 이벤트 객체

__5.6 정리

 

6 컴포넌트 구성

__6.1 HTML 확장

__6.2 예제

__6.3 부모 컴포넌트와 자식 컴포넌트의 관계

__6.4 정리

 

7 믹스인

__7.1 믹스인은 무엇인가?

__7.2 정리

 

8 DOM 조작

__8.1 React를 통한 DOM 노드 접근

__8.2 React 외의 라이브러리 포함하기

__8.3 부모 엘리먼트에 영향을 주는 플러그인 다루기

__8.4 정리

 

9 폼

__9.1 비제어 컴포넌트

__9.2 제어 컴포넌트

__9.3 폼 이벤트

__9.4 레이블

__9.5 textarea와 select

__9.6 체크박스와 radio 버튼

__9.7 폼 엘리먼트 이름

__9.8 여러 개의 폼 엘리먼트에 change 핸들러 사용

__9.9 커스텀 폼 컴포넌트

__9.10 포거스

__9.11 사용성

__9.12 정리

 

10 애니메이션

__10.1 CSS 트랜지션 그룹

__10.2 트랜지션 그룹 사용 시 주의점

__10.3 인터벌 렌더링

__10.4 정리

 

11 성능 개선

__11.1 shouldComponentUpdate

__11.2 Immutability Heipers 애드온

__11.3 속도 저하 원인 찾기

__11.4 Key

__11.5 정리

 

12 서버사이드 렌더링

__12.1 렌더링 함수

__12.2 서버 사이드 컴포넌트 라이프사이클

__12.3 정리

 

13 React 패밀리

__13.1 Jest

__13.2 Immutable.Map

__13.3 Flux

__13.4 정리

 

14 개발 도구

__14.1 빌드 도구

__14.2 Browserify

__14.3 Webpack

__14.4 Webpack과 React

__14.5 디버깅 도구

__14.6 정리

 

15 테스트

__15.1 시작하기

__15.2 첫 번째 명세 : 렌더링

__15.3 모의 컴포넌트

__15.4 함수를 스파이 객체로 만들기

__15.5 이벤트 시뮬레이션

__15.6 finder 메소드로 컴포넌트 탐색하기

__15.7 믹스인

__15.8 <body>에 렌더링 하기

__15.9 서버 사이드 테스트

__15.10 브라우저 테스트 자동화

__15.11 정리

 

16 설계 패턴

__16.1 라우팅

__16.2 Om(ClojureScript)

__16.3 Flux

__16.4 정리

 

17 그밖의 사용법

__17.1 데스크톱

__17.2 게임

__17.3 HTML 이메일

__17.4 차트

__17.5 정리

 

18 부록: 릴리스로그

__18.1 React v.0.11.2

__18.2 React v.0.12 RC

__18.3 React v.0.12

__18.4 React v.0.12.2

__18.5 React v.0.13 Beta 1

__18.6 React v.0.13 RC

__18.7 React v.0.13 RC2

__18.8 React v.0.13

__18.9 React v.0.13.1

__18.10 React v.0.13.2

__18.11 React v.0.13.3

__18.12 React v.0.14 Beta 1

__18.13 React v.0.14 RC

  • 정말 하루가 다르게 정신없이 변화하는 웹의 세계에서 허우적거리다보니 어느세 뒤쳐지고 있음을 느꼈다. react , angular2 , vue 등등 구글링을 하다보면 흔히 볼 수는 있지만 뭔지 확실히 모르고, 막상 혼자 해보려면 헤매서 도중 그만두고, 나중에 다시하는 악순환을 반복했다. 그러나 이번에 한빛으로 부터 기회를 얻어 react를 다시 한번 공부하게되었다.

     

    책은 react의 단순한 사용방법, 개념 및 프로세스 같은 얕은 것 같으면서도 깊은 내용을 다루고있으며, 후반에 가면 응용에 대해서도 다루고 부록으로는 왠지 모르겠는데 부록으로 릴리스로그가 있다. html, javascript가 눈에 익어서 그런가 jsx때문에 뭔가 더 복잡해 진 것도 같지만 익히면 좋다고 하니, 이 부분은 점차 익숙해져가야하는 부분인 것 같다. 

     

    개인적으론 좀 착각한게 처음 시작이라 하여 진짜 처음부터 해주는 거라 생각했는데 그건 아니고 기본적인 것은 생략하고 중급정도의 내용을 알려주는 것 같아 제목은 바꿔야되지 않을까 생각한다. 내용 자체는 무난한 것 같은데 나 같은 초보에겐 약간 예상치 못한 벽이 었달까...

     

     

     

     

     

    결론을 말하면 처음부터 이끌어주는 건아니고 이리저리 삽질 후에 적용도 해본 뒤, 개선하는법이나 어떤 프로세스로 동작하는지 같은 중급자가 고민할때 도움을 줄 수 있는 책인 것 같다

결재하기
배송료 : 0원배송료란?

배송료 안내

  • 책, 아이템 등 상품을 3만원 이상 구매시 무료배송
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
처음 시작하는 리액트 : UI를 위한 자바스크립트 라이브러리 ReactJS
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
처음 시작하는 리액트 : UI를 위한 자바스크립트 라이브러리 ReactJS
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
처음 시작하는 리액트 : UI를 위한 자바스크립트 라이브러리 ReactJS
구입처*
구입일*
부가기호*
부가기호 안내

* 회원가입후 도서인증을 하시면 마일리지 500점을 드립니다.

* 한빛 웹사이트에서 구입한 도서는 자동 인증됩니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한됩니다.

* 절판도서, eBook 등 일부 도서는 도서인증이 제한됩니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실