장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
ReactJS 이 정도는 알아야지
미리보기

ReactJS 이 정도는 알아야지

  • 이효범
  • |
  • 비제이퍼블릭
  • |
  • 2018-01-31 출간
  • |
  • 244페이지
  • |
  • 173 X 230 mm
  • |
  • ISBN 9791186697481
판매가

22,000원

즉시할인가

19,800 원

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
19,800원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평

- 독자대상: 초중급　
웹 프론트엔드 개발에 관심 있는 개발자
페이스북, 인스타그램의 개발 기술에 관심이 있는 웹 개발자
최신 웹 트렌드에 관심이 있는 IT 전문가

- 특징:
① 개발사(페이스북)에서 제공하는 공식 문서를 토대로 하여 ReactJS의 핵심만 설명했습니다.
② CodePen을 이용하여 별도의 툴을 설치하거나 설정할 필요 없이 ReactJS를 공부할 수 있습니다.
③ CodePen을 이용하여 예제들을 공유했고, 공유된 예제들로 간편하게 ReactJS 코드를 직접 수정, 실행할 수 있도록 했습니다.

ReactJS는 화면의 변화가 많은 프로젝트에서 사용하기 적합한 프레임워크입니다. 페이스북에는 수많은 콘텐츠들이 있고, 그 많은 콘텐츠들을 스크롤하면서 보여줘야 했습니다. DOM은 출력되는 속도가 느려 화면의 변화가 많은 페이스북에서는 성능의 한계가 있었습니다. 성능 향상을 위해 ReactJS는 가상 DOM을 사용하여 DOM의 성능을 높였고, 재사용 가능한 컴포넌트 기반의 개발 방식으로 인해 컴포넌트의 재사용률이 높아지고 개발 속도가 빨라졌습니다.
CodePen은 웹(https://codepen.io/)에서 코드를 작성하고 실행하기 때문에 코드 작성을 위한 Text Edit Tool이나 NodeJS 등 각종 툴의 설치가 필요 없으며, 인터넷이 가능한 곳이라면 어디든 코드 작성과 공유가 가능합니다. 이 책에서는 CodePen을 사용하여 ReactJS를 개발하는 여러 가지 방법 중 Create React App으로 실제 ReactJS 서비스를 위한 프로젝트를 생성하는 방법과 Online Code Playground인 CodePen을 사용하여 ReactJS를 개발하는 방법에 대해 이야기하도록 하겠습니다.

목차

01장 ReactJS 소개
1. ReactJS란
2. ReactJS 프로젝트 생성하기

02장 JSX
1. JSX란
2. JSX에서 자바스크립트 사용하기
3. JSX에서 Attribute와 Child element 표현하기
4. JSX Tag에 Inline Style 주기
5. JSX를 객체로 표현하기

03장 Element 렌더링
1. Element란
2. DOM에 Element 렌더링하기
3. DOM에 렌더링된 Element 업데이트하기
4. 달라진 부분만 업데이트하기

04장 컴포넌트(Component)와 props
1. 컴포넌트란
2. 컴포넌트의 종류
3. 컴포넌트 렌더링하기
4. 컴포넌트 합성하기(Composing Component)
5. 컴포넌트 분리하기(Extracting Component)
6. 컴포넌트 정의 시 주의사항
7. props란
8. props 기본값 설정하기

05장 state와 setState
1. state의 필요성
2. state 사용하기
3. state 바르게 사용하기

06장 컴포넌트 생명주기(Component Lifecycle)
1. 컴포넌트 생명주기란
2. 마운팅(Mounting)
3. 업데이팅(Updating)
4. 언마운팅(Unmounting)

07장 이벤트 핸들러(Event Handler)
1. DOM 이벤트 핸들러 VS React 이벤트 핸들러
2. 이벤트 핸들러 만들기

08장 조건부 렌더링(Conditional Rendering)
1. 조건부 렌더링이란
2. If-Else를 이용한 조건부 렌더링
3. 변수를 이용한 조건부 렌더링
4. 삼항연산자를 이용한 조건부 렌더링
5. && 연산자를 이용한 조건부 렌더링
6. 조건부 렌더링으로 렌더링 막기

09장 리스트(List)와 Key
1. 리스트 컴포넌트
2. key

10장 Form
1. Controlled 컴포넌트
2. Uncontrolled 컴포넌트

11장 Lifting State Up
1. 진실의 근원(source of truth)
2. Lifting State Up 예제
3. Clock 컴포넌트에서 Lifting State Up

12장 React의 강력한 Composition
1. Composition VS Inheritance
2. Containment
3. Specialization
4. Clock 컴포넌트의 Composition

13장 ReactJS 정리: 간단한 포스팅 만들기
1. 포스트 예제 구조
2. 포스트 예제 CSS
3. PostContainer 컴포넌트
4. 포스트 예제 결과
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.