이미 소장하고 있다면 판매해 보세요.
|
1장. 동형 웹 앱 시작하기
동형 앱이란 무엇인가? 동형 자바스크립트 코드는 어떻게 작성하는가? React.js 소개 예제 앱 설명 시작하기 위해 필요한 것 프로젝트 의존성 설치하기 기본 프로젝트 구조 첫 번째 리액트 컴포넌트 만들기 클라이언트와 서버에서 리액트 앱 렌더링하기 앱을 로컬에서 실행하고 테스트하기 요약 2장. 리액트 웹 UI 만들기 컴포넌트 기반 UI 개발 상태저장과 상태비저장 리액트 컴포넌트 프로젝트에서 UI 컴포넌트 그룹화 UI를 컴포넌트 계층구조로 분해하기 리액트로 정적 버전 만들기 기본 동형 라우터 구현하기 요약 3장. CSS와 미디어 자산으로 작업하기 리액트 컴포넌트의 인라인 스타일 CSS Modules 시작하기 PostCSS 시작하기 웹팩 로더 시작하기 이미지와 CSS용 웹팩 설정하기 여러 CSS 파일에서 공통 설정 공유하기 요약 4장. 브라우저싱크와 HMR로 작업하기 브라우저싱크 시작하기 설치 방법 HMR 시작하기 요약 5장. 서버에서 리액트 컴포넌트 렌더링하기 서버 측 렌더링의 핵심 개념 트러블슈팅 서버에서 클라이언트로 컴포넌트 상태 전달하기 리액트 컨텍스트로 작업하기 페이지 타이틀과 메타 태그 설정 방법 타사 라이브러리로 작업하기 서버 데이터 가져오기 요약 6장. GraphQL 데이터 API 만들기 GraphQL의 기초 GraphQL 쿼리 GraphQL 타입 체계 Node.js로 GraphQL 서버 구현하기 GraphQL 서버에서 SQL 데이터 저장소 사용하기 배치와 캐시하기 요약 7장. 라우팅과 내비게이션 구현하기 서버 라우팅 익스프레스 라우팅 클라이언트 라우팅 해시와 히스토리 API 리액트 라우팅 리액트 서버 렌더링 뷰 렌더링 애플리케이션에 상태 전달하기 초기 상태 react-router-config 사용하기 Redux 사용하기 요약 8장. 인증 및 권한 부여 토큰 기반 인증과 쿠키 쿠키 토큰 기반 인증 JWT jwt-simple 사용하기 서버 인증 가입하기 JWT 토큰 클레임 JWT 토큰 암호 로그인 라우팅 리다이렉션 상위 컴포넌트(HoC) 인증하기 서버측 인증 확인 로그아웃 요약 9장. 애플리케이션 테스트와 배포 테스트와 배포 테스트 Mocha, Sinon, Chai, jsdom, Enzyme으로 리액트 단위 테스트하기 Mocha Chai Sinon 테스트 Enzyme Nightwatch로 통합 테스트하기 배포 상용 환경의 모범 사례 코드에서 해야 할 작업 환경/설정에서 할 작업 클라우드 플랫폼에 배포하기 헤로쿠 요약 |
Tomas Alabes
Konstantin Tarkus
양정열의 다른 상품
|
- 막강한 리액트를 사용한 클라이언트 구축
- 효과적인 애플리케이션 스타일링 - 리액트를 사용한 서버 측 렌더링 - 노드(Node)와 익스프레스(Express), SQL 기반의 GraphQL 서버 구현 - 애플리케이션에서 사용되는 동형 라우터 구축 - 클라우드 호스트에 애플리케이션 배포 - 견고한 토큰 기반 인증을 통한 애플리케이션 보안 1장, ‘동형 웹 앱 시작하기’에서는 동형 앱이 무엇이고, 흔히 사용하는 기존의 SPA와는 어떤 차이가 있는지 살펴본다. 개발자가 동형 앱을 개발하는 과정에서 직면하게 될 중요한 사항들을 이해하게 된다. 소개를 마친 후에는 동형 앱 개발을 시작하기 위한 개발 환경을 설정한다. 2장, ‘리액트 웹 UI 만들기’에서는 자바스크립트와 리액트(React)를 사용해 자연스러운 웹 UI를 만드는 방법을 설명한다. 효율적인 개발을 위해 애플리케이션에서 사용할 컴포넌트를 만들고 컴포넌트 간의 데이터 흐름을 구성하는 방법을 배운다. 3장, ‘CSS와 미디어 자산으로 작업하기’에서는 UI 컴포넌트 스타일링과 CSS 및 그래픽을 컴포넌트에 번들링하는 방법을 살펴본다. 자산을 번들링하기 위해 웹팩(Webpack)을 효과적으로 구성하는 방법을 배운다. 4장, ‘브라우저싱크와 HMR로 작업하기’에서는 앱에 대한 서버 측 렌더링 설정 방법과 효과적인 SEO(검색 엔진 최적화)를 위한 최적화, 초기 페이지 로딩 속도 향상에 대해 설명한다. 5장, ‘서버에서 리액트 컴포넌트 렌더링하기’에서는 서버에서 웹 애플리케이션을 렌더링하는 것과 관련된 여러 가지 요소를 살펴본다. 클라이언트로 상태를 전달하는 방법, 리액트 컨텍스트를 사용하는 방법, 그 밖의 문제와 트러블슈팅 등을 살펴본다. 6장, ‘GraphQL 데이터 API 만들기’에서는 노드(Node)와 익스프레스(Express), SQL 기반의 GraphQL 서버를 구현하는 방법을 살펴본다. 전통적인 RESTful API 구조와 비교해 어떻게 동작하는지 이해한다. 서버에서 데이터를 수신하고 검사 및 수정하는 방법을 배운다. 7장, ‘라우팅과 내비게이션 구현하기’에서는 라우팅과 내비게이션 구현 방법에 관해 처음부터 살펴본다. 또한 기존 라이브러리를 동형 웹 앱에 맞게 통합하는 방법도 살펴본다. 8장, ‘인증 및 권한 부여’에서는 애플리케이션 보안의 복잡한 내용들을 살펴본다. 동형 애플이케이션에서 토큰 기반 인증과 접근 제어를 구현하는 방법을 배운다. 9장, ‘애플리케이션 테스트와 배포’에서는 단위 테스트와 통합 테스트를 구성하는 방법에 관해 살펴본다. 클라우드 호스팅 서비스에 앱을 배포하는 방법도 포함된다. |