이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제
ReactJS 이 정도는 알아야지
CodePen으로 바로바로 배우는 ReactJS
베스트
모바일 프로그래밍 top20 3주
가격
22,000
10 19,800
YES포인트?
1,100원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요
배송안내
서울특별시 영등포구 은행로 11(여의도동, 일신빌딩) 변경
배송비?
무료

이미 소장하고 있다면 판매해 보세요.

  •  해외배송 가능?
  •  문화비소득공제 가능

이 분야의 이벤트

책소개

목차

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

최신 웹 프레임워크 트렌드에 관심이 많은 개발자로 광운대학교 컴퓨터공학과를 졸업하였다. 웹 분야 중 주로 웹 프론트엔드 개발을 하고 있으며 인프라웨어 테크놀로지에서 웹 & 모바일 웹앱 개발자로 활동하였고. 현재는 위메프에서 플랫폼 프런트엔드 개발을 맡고 있다. 계속 변화하고 있는 웹 트렌드에 뒤쳐지지 않고, 배움을 게을리하지 않는 개발자가 되기 위해 웹 개발 관련 기술을 포스팅하는 블로그(https://beomy.github.io)를 운영하고 있으며, 온라인 강의(https://www.inflearn.com/users/@beomy)도 진행하고 있다. 저서로는 <ReactJS
최신 웹 프레임워크 트렌드에 관심이 많은 개발자로 광운대학교 컴퓨터공학과를 졸업하였다. 웹 분야 중 주로 웹 프론트엔드 개발을 하고 있으며 인프라웨어 테크놀로지에서 웹 & 모바일 웹앱 개발자로 활동하였고. 현재는 위메프에서 플랫폼 프런트엔드 개발을 맡고 있다.

계속 변화하고 있는 웹 트렌드에 뒤쳐지지 않고, 배움을 게을리하지 않는 개발자가 되기 위해 웹 개발 관련 기술을 포스팅하는 블로그(https://beomy.github.io)를 운영하고 있으며, 온라인 강의(https://www.inflearn.com/users/@beomy)도 진행하고 있다. 저서로는 가 있다.

이효범의 다른 상품

관련 분류

품목정보

발행일
2018년 01월 31일
쪽수, 무게, 크기
244쪽 | 424g | 173*230*20mm
ISBN13
9791186697481

출판사 리뷰

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

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

이 책이 필요한 독자
- 웹 프론트엔드 개발에 관심 있는 개발자
- 페이스북, 인스타그램의 개발 기술에 관심이 있는 웹 개발자
- 최신 웹 트렌드에 관심이 있는 IT 전문가

대상독자
초중급

예제코드 다운로드
https://github.com/bjpublic/ReactJS/

리뷰/한줄평2

리뷰

8.0 리뷰 총점

한줄평

8.0 한줄평 총점

클린봇이 부적절한 글을 감지 중입니다.

설정
19,800
1 19,800