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

소득공제
머릿속으로 그리는 리액트 프로그래밍
Learn Once, Write Anywhere
베스트
프로그래밍 언어 top100 1주
가격
26,000원
10 23,400
YES포인트?
1,300원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요

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

  •  국내배송만 가능
  •  문화비소득공제 가능

책소개

목차


1장 출발! 머릿속으로 그리는 리액트
_ 1.1 리액트가 만들어지기 전까지: 웹 개발의 진화
__ 1.1.1 Ajax
__ 1.1.2 제이쿼리(jQuery)
__ 1.1.3 다양한 자바스크립트 프레임워크
__ 1.1.4 페이스북(Facebook)의 고민과 XHP의 등장
_ 1.2 시작하기 전 환경설정
__ 1.2.1 Node 설치
__ 1.2.2 크리에이트 리액트 앱 설치
_ 1.3 리액트의 특징들
__ 1.3.1 선언형(declarative) 개발
__ 1.3.2 컴포넌트 기반의 소프트웨어
__ 1.3.3 Learn Once, Write Anywhere
_ 1.4 코드를 쉽게 읽을 수 있게 JSX에 익숙해지자
__ 1.4.1 JSX란?
__ 1.4.2 JSX 표현
__ 1.4.3 그밖의 JSX 특징

2장 리액트 컴포넌트 제대로 만들기
_ 2.1 리액트 컴포넌트를 만드는 방법
__ 2.1.1 React.createClass 메소드를 호출해서 만들기(deprecated)
__ 2.1.2 ES2015 클래스 상속을 이용해 만들기
__ 2.1.3 암시적 function만으로 컴포넌트 생성
__ 2.1.4 인사이트 얻기
_ 2.2 컴포넌트 생명주기 들여다 보기
__ 2.2.1 mount 될 때
__ 2.2.2 props가 변화될 때
__ 2.2.3 state가 변화될 때
__ 2.2.4 unmount 될 때
_ 2.3 컴포넌트를 만드는 기준
__ 2.3.1 웹 컴포넌트의 기준
__ 2.3.2 리액트 컴포넌트의 기준
__ 2.3.3 무엇을 컴포넌트화 할 것인가?
__ 2.3.4 리액트 공식 페이지에서의 재사용 컴포넌트의 기준
_ 2.4 자바스크립트 코드 재사용의 기술적인 방법
__ 2.4.1 자바스크립트의 OOP에 대한 고찰
__ 2.4.2 자, 이제 믹신(Mixin)
__ 2.4.3 컴포지션(Composition)

3장 React로 프로젝트를 할 때 고려사항들
_ 3.1 새로운 자바스크립트 명세들
__ 3.1.1 자바스크립트의 스코프는 함수 스코프
__ 3.1.2 ECMAScript2015
__ 3.1.3 ECMAScript2016
_ 3.2 테스트는 어떻게 진행할까?
__ 3.2.1 제스트(Jest)
__ 3.2.2 엔자임(Enzyme)
_ 3.3 리액트에서 타입체크하는 세 가지 방법
__ 3.3.1 prop-types
__ 3.3.2 flow
__ 3.3.3 TypeScript

4장 리액트를 지탱하는 기술들
_ 4.1 소프트웨어 자동화와 패키징
__ 4.1.1 패키징 솔루션 ? npm 그리고 yarn
__ 4.1.2 Module Bundler
_ 4.2 리액트를 돋보이게 하는 프로젝트들
__ 4.2.1 Routing
__ 4.2.2 Redux
__ 4.2.3 서버 사이드 렌더링
__ 4.2.4 이뮤터블(Immutable.js)
_ 4.3 Github에서 참조할 만한 Awesome 프로젝트
__ 4.3.1 리액트 네이티브(React Native)
__ 4.3.2 React Native Desktop 프로젝트

5장 실전! React 프로젝트 ? 스탠드업
_ 5.0 스탠드업 앱 설계와 페르소나
__ 5.0.1 시작!
_ 5.1 1일- Create React App과 gh-pages를 이용한 빌드와 배포
__ 5.1.1 Create React App
_ 5.2 2일 - 기사 편집기(Editor) 만들기 -1
__ 5.2.1 로고, 파비콘 그리고 헤더 작업
__ 5.2.2 기사 편집기 만들기 ? 요건 정의
__ 5.2.3 기사 편집기 만들기 ? 컴포넌트 작성
_ 5.3 3일 - 기사 편집기(Editor) 만들기 - 2
__ 5.3.1 파이어베이스(Firebase)
__ 5.3.2 HTML 편집기 작성
_ 5.4 4일 - 파이어베이스(Firebase)를 이용한 데이터 저장
__ 5.4.1 파이어베이스 DAO(Data Access Object) 만들기
_ 5.5 5일 - Axios, embedly를 이용한 카드형 기사 링크 만들기
__ 5.5.1 사용자 스토리 3
__ 5.5.2 Embed.ly
__ 5.5.3 axios
__ 5.5.4 구슬이 서말이니까 꿰어만 보자
_ 5.6 6일째 - 구글 아이디를 통한 로그인 구현
__ 5.6.1 사용자 스토리4
__ 5.6.2 리액트 라우터(React Router)
__ 5.6.3 Firebase UI Auth
__ 5.6.4 프로필 페이지
__ 5.6.5 리덕스(Redux)를 사용해 보자
__ 5.6.6 전체 데이터를 가져오는 인터페이스 변경
_ 5.7 7일째 - 그룹 만들기
__ 5.7.1 사용자 스토리5
__ 5.7.2 그룹 기능 정의
__ 5.7.3 그룹 만들기

6장 크리에이트 리액트 앱(Create React App) 가이드
_ 6.1 Create React App
__ 1. 새로 릴리즈 버전이 나올때 업데이트 하기
__ 2. 폴더 구조
__ 3. npm script
__ 4. 에디터에서 Lint 출력 메시지 보기
__ 5. 모듈 설치(Installing a Dependency)
__ 6. 컴포넌트 참조(import)
__ 7. 스타일 시트 작업하기
__ 8. 후처리(Post-Processing) CSS
__ 9. 이미지와 Font 더하기
__ 10. public 폴더 사용하기
__ 11. Bootstrap 활용하기
__ 12. flow 사용하기
__ 13. 커스텀 환경 변수
__ 14. Shell에서 지정하기
__ 15. Decorator 사용하기
__ 16. HTTPS 사용하기
__ 17. Test 환경을 만들기
__ 18. Continuous Integration
__ 19. 배포

부록 리액트 v16 변경사항
_ 1. render 함수의 리턴값이 배열로 변경
_ 2. 에러 상태에서의 상태 처리의 변경과 에러 바운더리
_ 3. 포탈
_ 4. 그 외의 것들

저자 소개 4

현재 삼성 SDS 애자일 코어팀의 테크리드. 개발바보들에서 탱커 역할을 하고 있다. 깃헙 트렌드와 관련된 블로그를 운영 중이며, 프론트 엔드는 오픈소스인 OSGeo 활동을 하며 시작했다. 지도 API를 다루다 보니 자연스레 자바스크립트에 관한 일을 지속해 오고 있으며, 종종 콘퍼런스에 돈 안 되고 실속 없는 발표를 하고 다닌다.
사회생활은 요식업으로 시작했으나, 의도치 않게 대학 졸업 후 삼성 SDS에서 공공 SI를 시작으로 IT 바닥에서 놀고 있다. 회사 및 각종 커뮤니티를 돌아다니며 들은 건 많아서 얕고 넓은 지식을 보유하고 있으며, 현재 하고 있는 일에는 항상 관심이 있으나 깊게 들어가기가 힘들어 언제나 좌절하고 다음 날 또 삽질하는 것이 일상이다.
현재 삼성 SDS의 주니어 개발자. 개발바보들의 기타 등등을 맡고 있다. 주로 프론트엔드 개발을 하고 있지만 풀스택 엔지니어가 되는 것이 바람이다. 개발바보 1호 로고 제작에 자부심을 가지고 있으며 식물 애호가다.
아는 척하기 좋아하는 초보 개발자. 미래에 대한 걱정에 항상 뭔가를 배워야 한다는 강박이 있다. 백엔드 개발이 주 업무지만 프론트엔드 개발도 종종 하고 있다.

품목정보

발행일
2018년 01월 13일
쪽수, 무게, 크기
416쪽 | 188*240*30mm
ISBN13
9791195272914

출판사 리뷰

웹 프레임워크 대항의 시대!
우리는 프레임워크 없이 개발하기 너무 힘든 환경에서 살고 있습니다. 그것이 어떤 종류의 프레임워크라고 하든지 모두 저마다의 강점을 가지고 있습니다. 이 책을 통해 독자들은 리액트가 어떤 기능과 역할을 하고, 어떻게 웹 개발 환경을 발전시키고 있는지 잘 이해하고, 자신에게 가장 잘 맞는 프레임워크를 선택하는 데 좋은 가이드가 되기를 희망합니다. 그리고 만약 리액트로 선택했다면 이 책을 통해 기초가 탄탄해지고, 실전에서 사용할 수 있는 실력을 기를 수 있도록 구성했습니다.

개발 관련 서적을 읽으면서 가장 어려울 때는 책을 읽고 있으면서도 내가 어디쯤 있는지 머릿속에 그릴 수가 없을 때였습니다. 이 책을 저술하면서 독자들이 머릿속에 내용을 그릴 수 있으면 좋겠다는 생각이 들어서 '머릿속으로 그리는 리액트'라고 제목을 지었고 독자들이 'Learn Once, Write Anywhere' 할 수 있도록 구성했습니다.

리액트는 처음 시작할 때 굉장히 쉽지만, 좋은 성능을 위한 설계를 하기 위한 노력이 들어가면 갑자기 어려워진다는 생각이 듭니다. 첫 번째 난관은 ES6 문법의 어려움이고 두 번째는 Redux와 MobX처럼 웹 애플리케이션의 상태를 다루는 어려움이며 마지막은 라우팅과 서버사이드 렌더링을 이해하는 과정 때문일 것입니다. 이러한 내용을 다루고 지나가되 어렵지 않은 선까지만 진행했으며 7일 동안 진행할 수 있는 실전 프로젝트로 명확하고 잘 정리된 리액트를 배워볼 수 있도록 했습니다.

이 책이 웹 프레임워크 대항의 시대에 지침이 될 수 있기를 바랍니다.

첫번째 리뷰어가 되어주세요.

한줄평 총점 9.3

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

설정

사락 별점0

혜택 및 유의사항

첫번째 별점을 남겨주세요.

첫번째 밑줄을 남겨주세요.