리액트 SPA 기반의 애플리케이션을 통해 프론트엔드 구현에서부터 백엔드 구현까지 풀스택 개발 과정을 자세히 살펴볼 수 있다. 개발 과정과 상용 환경에서 발생할 수 있는 문제를 해결하기 위한 적절한 팁을 제공한다. 상용 클라우드 환경에서 애플리케이션을 배포하고 설정하는 방법도 다룬다. 저자의 오랜 실무 경험과 노하우를 통해 플랫폼과 도구들을 경험하고 이해할 수 있으며, 더 나아가 자신의 아이디어를 구체화할 수 있는 방법을 찾을 수 있을 것이다.
1장. 타입스크립트 이해하기__기술적 요구 사항__타입스크립트란 무엇인가?__왜 타입스크립트가 필요한가?____동적 타입과 정적 타입____객체지향 프로그래밍__요약2장. 타입스크립트 살펴보기__기술적 요구 사항__타입은 무엇인가? ____타입은 어떻게 동작하는가?__타입스크립트의 타입 살펴보기____any 타입____unknown 타입____인터섹션 타입과 유니온 타입____리터럴 타입____타입 별칭____함수 반환 타입____함수 타입____never 타입__클래스와 인터페이스 이해하기 ____클래스____인터페이스__상속 이해하기 ____추상 클래스____인터페이스__제네릭 이해하기__최신 기능과 컴파일러 설정____선택적 연결____널 병합____타입스크립트 설정__요약3장. ES6+로 앱 만들기__기술적 요구 사항__ES6 변수 타입과 자바스크립트 범위__화살표 함수__this 컨텍스트 변경하기 ____스프레드, 구조 분해, 레스트____스프레드와 Object.assign, Array.concat ____구조 분해____레스트____새로운 배열 함수____새로운 컬렉션 타입____async await__요약4장. SPA의 개념과 리액트에서 사용하는 방법__기술적 요구 사항__전통적인 웹사이트 개발 방법 이해하기__SPA의 이점과 특성 이해하기__리액트 SPA 방식 이해하기__리액트 애플리케이션의 여러 가지 속성__요약5장. 훅을 사용한 리액트 개발__기술적 요구 사항__클래스 방식 컴포넌트의 한계와 문제점 이해하기____상태____라이프 사이클 메서드__리액트 훅과 장점 이해하기__클래스 방식과 훅 방식의 유사점과 차이점____코드 재사용____단순성__요약6장. create-react-app을 사용한 프로젝트 설정과 Jest 활용 테스트__기술적 요구 사항__리액트 개발 방법과 빌드 시스템 이해하기____프로젝트 도구____트랜스파일____코드 저장소__리액트 클라이언트 측 테스트 이해하기__모킹____jest.fn 모킹____컴포넌트 모킹__리액트 개발에 사용하는 일반적인 도구와 사용법____VS Code____프리티어____크롬 디버거____그 밖의 IDE__요약7장. 리덕스와 리액트 라우터__기술적 요구 사항__리덕스 상태 ____리듀서와 액션____리액트 컨텍스트__리액트 라우터__요약8장. Node.js와 Express를 사용한 서버 측 개발__기술적 요구 사항__노드 동작 방식 이해하기____이벤트 루프__노드의 기능 학습하기____노드 설치하기____간단한 노드 서버 만들기____Request와 Response____라우팅____디버깅__Express로 노드 개발을 개선하는 방법 이해하기__Express 기능 학습하기__Express로 웹 API 만들기__요약9장. GraphQL__기술적 요구 사항__GraphQL 이해하기__GraphQL 스키마 이해하기__typedef와 resolver 이해하기__쿼리와 뮤테이션, 구독 이해하기__요약10장. 타입스크립트와 GraphQL 의존성으로 Express 프로젝트 구성하기__기술적 요구 사항__타입스크립트 기반 Express 프로젝트 만들기__프로젝트에 GraphQL과 의존성 추가하기__보조 패키지 살펴보기__요약11장. 온라인 포럼 애플리케이션__포럼 애플리케이션 분석__포럼 인증 분석__스레드 관리 분석__스레드 포인트 시스템 분석__요약12장. 온라인 포럼 애플리케이션 리액트 클라이언트 만들기__기술적 요구 사항__초기 버전의 리액트 애플리케이션 만들기 ____CSS Grid____에러 경계____데이터 서비스 계층____내비게이션 메뉴____인증 컴포넌트____라우팅과 화면____홈 화면____스레드 게시 화면 __요약13장. Express와 Redis로 세션 상태 구성하기__기술적 요구 사항__세션 상태 이해하기__Redis 이해하기__Express와 Redis를 사용해 세션 상태 만들기__요약14장. TypeORM으로 저장소 계층과 Postgres 구성하기__기술적 요구 사항__Postgres 데이터베이스 설정하기__TypeORM을 사용해 객체 관계 매퍼 이해하기__TypeORM과 Postgres를 사용해 저장소 계층 만들기 __요약15장. GraphQL 스키마 추가하기 - 1부__기술적 요구 사항__GraphQL 서버 측 typedefs와 리졸버 만들기____ThreadPoint 시스템__인증과 GraphQL 리졸버 통합하기__Apollo GraphQL을 쿼리하기 위한 리액트 클라이언트 측 훅 만들기____메인 화면____인증 관련 기능 ____UserProfile 화면__요약16장. GraphQL 스키마 추가하기 - 2부__스레드 경로____포인트 시스템__요약17장. AWS에 애플리케이션 배포하기__기술적 요구 사항__AWS 클라우드에서 우분투 리눅스 설정하기__우분투에서 Redis, Postgres, 노드 설정하기____Redis 설정____Postgres 설정하기 ____노드 설정하기 __NGINX에서 앱을 설정하고 배포하기____super-forum-server 설정하기 ____super-forum-client 설정하기____트러블 슈팅__요약
