모던 리액트/리덕스 프로그래밍(위키북스 오픈소스 & 웹 시리즈)
React/Redux를 통해 배우는 모던 웹 프로그래밍의 정석
Regular price
$28.09
Sale price
Regular price
✈️
Estimated delivery date 예상 배송일
Standard Shipping
불러오는 중...
주문일로부터 8-12 영업일
Express Shipping
불러오는 중...
주문일로부터 6-8 영업일
빠르게 동작하는 웹 서비스 만들기!
리액트의 개념부터 디플로이까지, 모던 웹 애플리케이션 개발의 전체적인 흐름을 이해할 수 있습니다. 이 책은 웹 애플리케이션 개발에서 큰 인기를 얻고 있는 리액트를 설명하는 책입니다. 리액트는 페이스북에서 배포하는 자바스크립트 라이브러리로서 웹 애플리케이션을 네이티브 애플리케이션처럼 만들 수 있게 만들어졌습니다.
기본적인 설치부터 코드를 직접 만들어보며 리액트를 알아보므로 처음 리액트를 공부하는 사람이라도 쉽게 이해할 수 있습니다. 또한 일반적인 리액트 책에서는 거의 다루지 않는 테스트, 디플로이, UI/UX 설정 등과 관련된 실무에서 필요한 내용도 자세히 설명합니다. 모던 웹 애플리케이션을 만들고 싶거나 최신 프런트엔드 개발 방법을 익히고 싶은 모든 분들에게 도움이 될 것입니다.
★ 이 책의 특징 ★
◎ 리액트의 기초부터 응용까지 실전적인 내용을 다룹니다.
◎ 리액트의 개념과 사용법을 다룹니다.
◎ 리액트를 활용한 UI/UX, 테스트, 디플로이 등의 내용까지 다룹니다.
리액트의 개념부터 디플로이까지, 모던 웹 애플리케이션 개발의 전체적인 흐름을 이해할 수 있습니다. 이 책은 웹 애플리케이션 개발에서 큰 인기를 얻고 있는 리액트를 설명하는 책입니다. 리액트는 페이스북에서 배포하는 자바스크립트 라이브러리로서 웹 애플리케이션을 네이티브 애플리케이션처럼 만들 수 있게 만들어졌습니다.
기본적인 설치부터 코드를 직접 만들어보며 리액트를 알아보므로 처음 리액트를 공부하는 사람이라도 쉽게 이해할 수 있습니다. 또한 일반적인 리액트 책에서는 거의 다루지 않는 테스트, 디플로이, UI/UX 설정 등과 관련된 실무에서 필요한 내용도 자세히 설명합니다. 모던 웹 애플리케이션을 만들고 싶거나 최신 프런트엔드 개발 방법을 익히고 싶은 모든 분들에게 도움이 될 것입니다.
★ 이 책의 특징 ★
◎ 리액트의 기초부터 응용까지 실전적인 내용을 다룹니다.
◎ 리액트의 개념과 사용법을 다룹니다.
◎ 리액트를 활용한 UI/UX, 테스트, 디플로이 등의 내용까지 다룹니다.
Couldn't load pickup availability
출판사 리뷰
출판사 리뷰
목차
목차
▣ 01장: 리액트/리덕스란?
1-1 리액트란?
__리액트의 특징
__다른 라이브러리/프레임워크와의 차이
1-2 플럭스란?
__플럭스의 구성 요소
__리덕스의 특징
1-3 리덕스란?
__리덕스의 구성 요소
▣ 2장: create-react-app으로 개발 시작하기
2-1 create-react-app이란?
__개발 환경 갖추기
__설치
__create-react-app 설치
2-2 애플리케이션 만들기
__프로젝트의 구성
__애플리케이션 실행
Hello, World!
▣ 03장: JSX
3-1 JSX란?
__자바스크립트를 확장한 언어
__JSX가 왜 필요할까?
__JSX 문법
3-2 바벨을 사용해 JSX를 자바스크립트로 변환하기
__트랜스파일러와 바벨
__CLI
__웹팩이란?
▣ 04: 리액트 컴포넌트
4-1 리액트 컴포넌트란?
__컴포넌트 개발 준비
__함수형 컴포넌트와 클래스형 컴포넌트
__리액트 요소
__데이터 주고받기(props)
4-2 상태와 이벤트 핸들링
__컴포넌트 준비
__이벤트 핸들링
__state 정리
__마운트와 관련된 라이프사이클 메서드
4-3 라이프사이클
__데이터 업데이트와 관련된 라이프사이클
__오류 처리와 관련된 라이프사이클 메서드
__리덕스만으로 Todo 애플리케이션 구현하기
▣ 05장: 리덕스를 이용한 애플리케이션 상태 관리
5-1 리덕스로 애플리케이션 상태 관리하기
__리덕스 구성하기
__액션크리에이터 정의하기
__스토어 생성
__React.js와 조합하기
__파일을 기능별로 분리
5-2 react-redux
__react-redux 설치
__컨테이너 컴포넌트와 프레젠테이셔널 컴포넌트
__react-redux가 하는 것
__Todo 애플리케이션에 react-redux 도입
▣ 06장: 라우팅 구현
6-1 라우팅이란?
__라우팅 구현 패턴
__라우팅 라이브러리 소개
▣ 07장: 리덕스 미들웨어
7-1 라우팅이란?
__리덕스 미들웨어의 기초
__액션 로그를 출력하는 리덕스 미들웨어 사용하기
7-2 액션의 로그를 출력하는 리덕스 미들웨어 만들기
__미들웨어의 구조
__로그 미들웨어 구현
7-3 미들웨어 예
__thunk 미들웨어
__로컬 스토리지
▣ 08장: 리덕스의 비동기 처리
8-1 비동기 처리 기초
__비동기 처리란?
__redux-thunk를 이용한 비동기 처리
__thunk를 사용할 경우의 Promise와 Async/Await
8-2 thunk 미들웨어의 편리한 사용법
__여러 개의 액션 묶기
__getState 함수
▣ 09장: 리덕스를 이용한 애플리케이션 상태 관리
9-1 비동기 처리 기초
__리액트 컴포넌트에 스타일 적용
__UI 라이브러리란?
__Material-UI
__Material-UI 사용해보기
9-2 애니메이션 구현
▣ 10장: 실전 애플리케이션 만들기
10-1 애플리케이션 만들 준비하기
__예제 애플리케이션
__깃허브 API의 기본적인 형태
__애플리케이션의 기본 형태 만들기
10-2 애플리케이션 만들기
__파일과 디렉터리 구성
__리덕스 적용
__라우팅 적용
__페이지 라우팅 구현
__비동기 처리 구현
__리듀서 구현하기
__Material-UI 적용
▣ 11장: 애플리케이션 테스트 작성
11-1 테스트 라이브러리(테스트 프레임워크)
__제스트
__제스트 사용
11-2 리액트/리덕스 애플리케이션 테스트
__액션크리에이터 테스트
__비동기 액션크리에이터 테스트
__리듀서 테스트
__리액트 컴포넌트의 유닛 테스트
__리액트 컴포넌트의 스냅숏 테스트
▣ 12장: 애플리케이션 공개
12-1 애플리케이션 공개
__깃허브 페이지
__깃허브 페이지의 장점과 단점
12-2 파이어베이스
__파이어베이스란?
▣ 13장: 서버 사이드 렌더링
13-1 서버 사이드 렌더링이란?
__서버 사이드 렌더링을 반드시 해야 하는 것은 아니다
__리액트 서버 사이드 렌더링의 흐름
__리액트 v15 이전의 서버 사이드 렌더링
13-2 리액트 v16 이후의 서버 사이드 렌더링
__리액트 v16의 서버 사이드 렌더링의 변경 사항
__리덕스의 서버 사이드 렌더링
1-1 리액트란?
__리액트의 특징
__다른 라이브러리/프레임워크와의 차이
1-2 플럭스란?
__플럭스의 구성 요소
__리덕스의 특징
1-3 리덕스란?
__리덕스의 구성 요소
▣ 2장: create-react-app으로 개발 시작하기
2-1 create-react-app이란?
__개발 환경 갖추기
__설치
__create-react-app 설치
2-2 애플리케이션 만들기
__프로젝트의 구성
__애플리케이션 실행
Hello, World!
▣ 03장: JSX
3-1 JSX란?
__자바스크립트를 확장한 언어
__JSX가 왜 필요할까?
__JSX 문법
3-2 바벨을 사용해 JSX를 자바스크립트로 변환하기
__트랜스파일러와 바벨
__CLI
__웹팩이란?
▣ 04: 리액트 컴포넌트
4-1 리액트 컴포넌트란?
__컴포넌트 개발 준비
__함수형 컴포넌트와 클래스형 컴포넌트
__리액트 요소
__데이터 주고받기(props)
4-2 상태와 이벤트 핸들링
__컴포넌트 준비
__이벤트 핸들링
__state 정리
__마운트와 관련된 라이프사이클 메서드
4-3 라이프사이클
__데이터 업데이트와 관련된 라이프사이클
__오류 처리와 관련된 라이프사이클 메서드
__리덕스만으로 Todo 애플리케이션 구현하기
▣ 05장: 리덕스를 이용한 애플리케이션 상태 관리
5-1 리덕스로 애플리케이션 상태 관리하기
__리덕스 구성하기
__액션크리에이터 정의하기
__스토어 생성
__React.js와 조합하기
__파일을 기능별로 분리
5-2 react-redux
__react-redux 설치
__컨테이너 컴포넌트와 프레젠테이셔널 컴포넌트
__react-redux가 하는 것
__Todo 애플리케이션에 react-redux 도입
▣ 06장: 라우팅 구현
6-1 라우팅이란?
__라우팅 구현 패턴
__라우팅 라이브러리 소개
▣ 07장: 리덕스 미들웨어
7-1 라우팅이란?
__리덕스 미들웨어의 기초
__액션 로그를 출력하는 리덕스 미들웨어 사용하기
7-2 액션의 로그를 출력하는 리덕스 미들웨어 만들기
__미들웨어의 구조
__로그 미들웨어 구현
7-3 미들웨어 예
__thunk 미들웨어
__로컬 스토리지
▣ 08장: 리덕스의 비동기 처리
8-1 비동기 처리 기초
__비동기 처리란?
__redux-thunk를 이용한 비동기 처리
__thunk를 사용할 경우의 Promise와 Async/Await
8-2 thunk 미들웨어의 편리한 사용법
__여러 개의 액션 묶기
__getState 함수
▣ 09장: 리덕스를 이용한 애플리케이션 상태 관리
9-1 비동기 처리 기초
__리액트 컴포넌트에 스타일 적용
__UI 라이브러리란?
__Material-UI
__Material-UI 사용해보기
9-2 애니메이션 구현
▣ 10장: 실전 애플리케이션 만들기
10-1 애플리케이션 만들 준비하기
__예제 애플리케이션
__깃허브 API의 기본적인 형태
__애플리케이션의 기본 형태 만들기
10-2 애플리케이션 만들기
__파일과 디렉터리 구성
__리덕스 적용
__라우팅 적용
__페이지 라우팅 구현
__비동기 처리 구현
__리듀서 구현하기
__Material-UI 적용
▣ 11장: 애플리케이션 테스트 작성
11-1 테스트 라이브러리(테스트 프레임워크)
__제스트
__제스트 사용
11-2 리액트/리덕스 애플리케이션 테스트
__액션크리에이터 테스트
__비동기 액션크리에이터 테스트
__리듀서 테스트
__리액트 컴포넌트의 유닛 테스트
__리액트 컴포넌트의 스냅숏 테스트
▣ 12장: 애플리케이션 공개
12-1 애플리케이션 공개
__깃허브 페이지
__깃허브 페이지의 장점과 단점
12-2 파이어베이스
__파이어베이스란?
▣ 13장: 서버 사이드 렌더링
13-1 서버 사이드 렌더링이란?
__서버 사이드 렌더링을 반드시 해야 하는 것은 아니다
__리액트 서버 사이드 렌더링의 흐름
__리액트 v15 이전의 서버 사이드 렌더링
13-2 리액트 v16 이후의 서버 사이드 렌더링
__리액트 v16의 서버 사이드 렌더링의 변경 사항
__리덕스의 서버 사이드 렌더링
저자
저자
아나이 히로유키
주식회사 Rich Lab의 엔지니어. 2009년에 야후 주식회사에 입사한 후 다양한 서비스에서의 개발을 경험하고, 2014년 9월에 야후의 사내 벤처 제도를 통해 설립된 Rich Lab로 이동했다. 스마트폰과 관련된 사업 영역과 웹 서비스 설계 개발을 주로 맡고 있다. 야후에서 가장 뛰어난 프런트엔드 개발자로 선정되기도 했다.
Payment & Security
Payment methods
Your payment information is processed securely. We do not store credit card details nor have access to your credit card information.
