Do it! 리액트 프로그래밍 정석

실리콘밸리 개발 방법으로 배우는

박호준 지음

이지스퍼블리싱 2020년 02월 13일 출간 국내도서 : 2020년 02월 07일 출간

작품소개

책소개

실리콘밸리 리액트 클래스를 그대로 담았다!
에어비앤비 프런트엔드 리드에게 배우는 리액트 프로그래밍!

전 세계의 뛰어난 개발자들이 모여 일한다는 실리콘밸리! 실리콘밸리에서도 핫한 기업인 ‘에어비앤비’에서 프런트엔드 리드로 활약하는 저자에게 리액트를 배워 보자. 《Do it! 리액트 프로그래밍 정석》은 저자가 한국 소프트웨어 기술 진흥 협회에서 진행한 리액트 오프라인 강의를 정리하고 보강하여 만든 책이다. 이 책은 리액트에 대한 전반적인 내용은 물론이고 프런트엔드 프로그래밍 기법과 클라우드 데이터베이스 적용, 서비스 배포까지 다뤄 프런트엔드 프로그래밍에 도전하려는 사람이라면 첫 번째 교과서로 삼아도 좋다. 자주 나올 만한 질문은 ‘도와줘요! 저스틴’ 코너에서 소개하고, 추상적인 내용은 그림으로 독자의 이해를 도왔다. 책의 최종 목표인 ‘가상 코인 거래소 만들기’ 프로젝트에는 리팩토링과 같은 실무 과정도 포함해 ‘진짜 에어비앤비 개발자의 실무 감각’도 익힐 수 있다.

목차

첫째마당 리액트 시작하기
_01 리액트 시작하기
__01-1 리액트의 정체를 알아보자!
__01-2 리액트 개발 환경 설치하기
__01-3 리액트 앱 수정하기

_02 리액트 ES6 문법 엑기스
__02-1 템플릿 문자열
__02-2 전개 연산자
__02-3 가변 변수와 불변 변수
__02-4 클래스
__02-5 화살표 함수
__02-6 객체 확장 표현식과 구조 분해 할당
__02-7 라이브러리 의존성 관리
__02-8 배열 함수
__02-9 비동기 함수
__02-10 디바운스와 스로틀

_03 리액트 컴포넌트
__03-1 컴포넌트를 표현하는 JSX
__03-2 컴포넌트와 구성 요소
__03-3 컴포넌트에 데이터를 전달하는 프로퍼티
__03-4 컴포넌트 상태 관리하기
__03-5 컴포넌트의 생명주기
__03-6 클래스형 컴포넌트
__03-7 함수형 컴포넌트
__03-8 배열 컴포넌트
__03-9 컴포넌트에서 콜백 함수와 이벤트 처리하기
__03-10 Input 컴포넌트 만들면서 복습하기

_04 에어비앤비 디자인 시스템 따라 하기
__04-1 비주얼 테스트로 더 쉽게 개발하기
__04-2 CSS로 컴포넌트 스타일 적용하기
__04-3 스타일 컴포넌트 만들기
__04-4 테스트 위주 개발 방법 사용해 보기
__04-5 CheckBox 컴포넌트 만들면서 복습하기

둘째마당 리액트 고급 기술 따라 하기
_05 하이어오더 컴포넌트
__05-1 커링과 조합 개념 공부하기
__05-2 하이어오더 컴포넌트 기초 개념 공부하기
__05-3 하이어오더 컴포넌트 라이브러리 사용하기
__05-4 다중 하이어오더 컴포넌트 사용하기
__05-5 필수 입력 항목 표시 기능 추가하며 하이어오더 컴포넌트 복습하기

_06 컨텍스트로 데이터 관리하기
__06-1 컨텍스트의 기초 개념 알아보기
__06-2 컨텍스트 제대로 사용하기
__06-3 컨텍스트 API 활용하기
__06-4 컨텍스트로 모달 만들기
__06-5 입력 폼 만들며 컨텍스트 복습하기

_07 리덕스로 데이터 관리하기
__07-1 리덕스 기초 알아보기
__07-2 액션과 리듀서의 관계 알아보기
__07-3 그래프 데이터베이스 도입하기
__07-4 데이터를 위한 컴포넌트 알아보기
__07-5 검색 기능 만들면서 리덕스 복습하기

셋째마당 리액트 실무 개발하기
_08 가상 코인 거래소 만들기
__08-1 가상 코인 거래소 살펴보기
__08-2 가상 코인 거래소의 공용 컴포넌트 만들기
__08-3 프로젝트 구성하기

_09 원격 데이터 연결하기
__09-1 가상 데이터 서버 설정하기
__09-2 데이터 요청을 위한 axios 라이브러리 도입하기
__09-3 가상 코인 거래소에 리덕스 적용하기
__09-4 가상 코인 거래소에 검색 기능 추가하기
__09-5 가상 코인 거래 기능 추가하며 마무리하기

_10 리덕스 고급 기능 활용하기
__10-1 미들웨어 기초 알아보기
__10-2 redux-thunk와 비동기 제어
__10-3 서버 지연 처리와 오류 표시하기
__10-4 미들웨어로 알림 메시지 띄우기
__10-5 코인 거래 알림 효과 추가하며 마무리하기

_11 에어비앤비 개발 방식으로 비동기 제어하기
__11-1 redux-pack 미들웨어로 비동기 제어하기
__11-2 대용량 데이터 효율적으로 처리하기
__11-3 셀렉터로 스토어 데이터 변환하기
__11-4 axios 호출 작업 모듈화하기
__11-5 회원 가입 기능 추가하며 마무리하기

_12 리액트 라우터 적용하기
__12-1 싱글 페이지 애플리케이션
__12-2 리액트 라우터 구성하기
__12-3 주소와 리덕스 연결하기

에어비앤비 개발자의 비밀 레시피
__레시피 1 코드 스플릿팅 기법으로 bundle.js 크기 줄이기
__레시피 2 파이어베이스에 가상 코인 거래소 배포하기
__레시피 3 서버 사이드 렌더링 도입하기
__레시피 4 next.js 서버로 구동되는 서비스 배포하기
__레시피 5 파이어베이스 DB 연결하기

작가정보

저자(글) 박호준

토종 개발자 출신인 저자는 실리콘밸리 SugarCRM에서 프런트엔드 코어 프레임워크를 개발했습니다. 이후 링크드인의 데이터 UI 팀으로 이직하여 기술 리드 역할을 하며 빅데이터 분석 도구를 대부분 설계, 개발했습니다. 2017년 에어비앤비 결제 서비스 팀에 합류하여 160개 국 수십만 명의 호스트가 에어비앤비에서 얻은 수익을 다양한 방법으로 송금할 수 있도록 지원하는 지불 시스템을 개발했습니다.
현재는 에어비앤비 R&D 팀에서 증강 현실 기술을 활용한 연구 프로젝트를 진행하고 있습니다. 또한 빅데이터 시각화 관련 기술과 3차원 스캐닝 데이터를 시각화하는 기술에 대한 특허를 보유하고 있습니다. 실리콘밸리에서 웹 서비스를 개발하면서 얻은 지식을 소프트웨어 엔지니어를 꿈꾸는 학생들과 나누고 싶어 책으로 만들었습니다. 책과 관련된 내용이나 프런트엔드 기술 혹은 유학 및 해외 취업이 궁금하다면 구글폼(https://bit.ly/do-it-react)을 통해 질문해 주세요.

- 저자에게 질문하기: https://bit.ly/do-it-react
- 저자 링크드인: https://linkedin.com/in/justindoit
- 저자 깃허브: https://github.com/justinpark/justin-do-it-react
- 유튜브 무료 강의: https://bit.ly/do-it-react-tv