◈ 이 책에서 다루는 내용 ◈ ◆ 타입스크립트의 핵심 기능과 코드 품질 및 유지 보수 방법 ◆ 리액트 훅의 이해와 리액트 앱 구현 방법 ◆ 리덕스로 리액트 앱 상태 관리 ◆ 타입스크립트와 GraphQL을 사용한 Express 프로젝트 설정 기초 ◆ 리액트와 GraphQL으로 온라인 포럼 앱 구현 ◆ Redis로 웹 앱 인증 구현 ◆ TypeORM으로 Postgres 데이터베이스 데이터 저장 및 검색 ◆ AWS 클라우드에 NGINX 구성 및 앱 배포 ◈ 이 책의 대상 독자 ◈ 여러 가지 최신 웹 기술과 그 기술을 함께 사용하는 방법을 배움으로써 프론트엔드를 넘어 풀스택 웹 개발의 세계로 들어가려는 웹 개발자를 대상으로 한다. 이 책을 시작하려면 먼저 자바스크립트 프로그래밍에 대한 이해가 있어야 한다. ◈ 이 책의 구성 ◈ 1장, ‘타입스크립트 이해하기’에서는 타입스크립트가 무엇이며 대규모 애플리케이션 개발에 사용하면 좋은 이유를 살펴본다. 2장, ‘타입스크립트 살펴보기’에서는 타입스크립트를 좀 더 자세히 살펴본다. 정적 타입을 포함한 여러 가지 타입스크립트의 기능을 알아보고 이러한 기능이 자바스크립트보다 개선된 이유를 살핀다. 3장, ‘ES6+로 앱 만들기’는 모든 개발자가 알아야 하는 자바스크립트의 중요 기능을 다룬다. ES6 이상 버전에 추가된 최신 기능을 중심으로 알아본다. 4장, ‘SPA의 개념과 리액트에서 사용하는 방법’에서는 SPA(Single-Page Application) 스타일의 앱에 초점을 둔 웹사이트 개발 방법을 배운다. 그리고 리액트를 소개하고 SPA를 만드는 데 리액트를 사용하는 방법을 알아본다. 5장, ‘훅을 사용한 리액트 개발’에서는 리액트를 더 자세히 관찰한다. 리액트 애플리케이션을 과거의 클래스 스타일로 작성하는 방식의 한계를 알아본다. 6장, ‘create-react-app을 사용한 프로젝트 설정과 Jest 활용 테스트’는 리액트 애플리케이션 개발에 사용되는 최신 기법을 설명한다. 이러한 기법에는 리액트 프로젝트를 만드는 표준인 create-react-app 그리고 Jest나 testing-library를 사용한 클라이언트 측 테스트가 포함된다. 7장, ‘리덕스와 리액트 라우터’에서는 리액트 애플리케이션을 만드는 데 도움이 되는 리덕스와 리액트 라우터를 다룬다. 8장, ‘Node.js와 Express를 사용한 서버 측 개발’은 노드와 Express를 다룬다. 9장, ‘GraphQL’에서는 GraphQL이 무엇인지 살펴보고 데이터 스키마를 사용해 웹 API를 만드는 방법을 알아본다. 10장, ‘타입스크립트와 GraphQL 의존성으로 Express 프로젝트 구성하기’에서는 타입스크립트와 Express, GraphQL 그리고 테스트를 위한 Jest를 사용해 상용 품질의 서버 측 프로젝트를 만드는 방법을 설명한다. 11장, ‘온라인 포럼 애플리케이션’에서는 만들어보게 될 애플리케이션을 설명한다. 애플리케이션의 기능과 앱을 만들어보는 것이 어떻게 웹 개발을 더 자세히 배우는 데 도움이 되는지 살펴본다. 12장, ‘온라인 포럼 애플리케이션 리액트 클라이언트 만들기’에서는 리액트를 사용해 클라이언트측 애플리케이션을 작성하는 방법을 설명한다. 13장, ‘Express와 Redis로 세션 상태 구성하기’에서는 세션 상태가 무엇인지 살펴보고, 가장 강력한 인메모리 데이터 저장소인 Redis를 사용해 서버용 세션을 만드는 방법을 알아본다. 14장, ‘TypeORM으로 저장소 계층과 Postgres 구성하기’에서는 Postgres를 사용해 애플리케이션에서 사용할 데이터베이스를 만드는 방법을 설명한다. 15장, ‘GraphQL 스키마 추가하기 - 1부’에서는 애플리케이션에 GraphQL을 통합하는 방법을 배운다. 스키마를 만들고 쿼리와 뮤테이션을 추가하고 GraphQL 훅을 리액트 프론트엔드에 추가한다. 16장, ‘GraphQL 스키마 추가하기 - 2부’에서는 GraphQL을 클라이언트와 서버에 통합하는 작업을 끝으로 애플리케이션을 완성한다. 17장, ‘AWS에 애플리케이션 배포하기’에서는 완성된 애플리케이션을 AWS 클라우드 서비스에 배포하는 방법을 다룬다.

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 설정하기 ____트러블 슈팅 __요약