풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

by 김범준, 네이더 다빗
Released July 2021
Publisher(s): Hanbit Media, Inc.
ISBN: 9791162244487

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

인증과 권한 부여, API 게이트웨이, 클라우드 등 다양한 기능을 통해 강력한 애플리케이션 구축 과정을 따라 하며 실습할 수 있는 실용서다. 이 책은 리액트, AWS, 그래프QL, AWS Amplify를 사용하여 풀스택 서버리스 애플리케이션을 구축하는 방법을 상세히 소개한다. 모범 사례, 구축 전략, 미디어 관리, 지속적 통합과 배포로 클라이언트 애플리케이션에 서비스를 생성, 통합하는 방법을 배워보자.

Table of contents

  1. 추천사
  2. 지은이·옮긴이 소개
  3. 옮긴이의 말
  4. 이 책에 대하여
  5. 감사의 말 (1/2)
  6. 감사의 말 (2/2)
  7. CHAPTER 1 서버리스 컴퓨팅 시대의 풀스택 개발
    1. 1.1 현대적인 서버리스 철학
      1. 1.1.1 서버리스 애플리케이션의 특성
      2. 1.1.2 서버리스 아키텍처의 장점
      3. 1.1.3 서버리스의 다양한 구현
    2. 1.2 AWS 소개
      1. 1.2.1 AWS란
      2. 1.2.2 AWS의 풀스택 서버리스
      3. 1.2.3 Amplify CLI
    3. 1.3 AWS Amplify CLI 소개
      1. 1.3.1 Amplify CLI 설치와 설정
      2. 1.3.2 첫 번째 Amplify 프로젝트
      3. 1.3.3 첫 번째 서비스 생성과 배포
      4. 1.3.4 리소스 삭제
    4. 1.4 마치며
  8. CHAPTER 2 AWS Amplify 시작하기
    1. 2.1 서버리스 함수 생성과 배포
      1. 2.1.1 리액트 애플리케이션 생성과 종속성 설치
      2. 2.1.2 Amplify CLI를 이용해서 서버리스 함수 생성
      3. 2.1.3 코드 살펴보기
      4. 2.1.4 /coins 경로 생성
    2. 2.2 API 추가
      1. 2.2.1 새 API 생성
      2. 2.2.2 API와 Lambda 함수 배포
    3. 2.3 새 API와 통신
      1. 2.3.1 Amplify와 함께 동작하도록 클라이언트 애플리케이션 설정하기
      2. 2.3.2 Amplify 클라이언트 API 카테고리
      3. 2.3.3 API 호출 및 리액트에서의 데이터 렌더링
    4. 2.4 다른 API를 호출하도록 함수 수정
      1. 2.4.1 Axios 설치
      2. 2.4.2 함수 수정
      3. 2.4.3 클라이언트 애플리케이션 수정
    5. 2.5 마치며
  9. CHAPTER 3 첫 번째 애플리케이션 만들기
    1. 3.1 그래프QL 소개
      1. 3.1.1 그래프QL이란?
      2. 3.1.2 그래프QL API의 구성 요소
      3. 3.1.3 그래프QL 작업
    2. 3.2 그래프QL API 생성
    3. 3.3 그래프QL API와 통신 및 확인
    4. 3.4 리액트 애플리케이션 구축
      1. 3.4.1 노트 리스트(그래프QL 쿼리)
      2. 3.4.2 노트 생성(그래프QL 뮤테이션)
      3. 3.4.3 노트 삭제(그래프QL 뮤테이션)
      4. 3.4.4 노트 수정(그래프QL 뮤테이션)
      5. 3.4.5 실시간 데이터(그래프QL 서브스크립션)
    5. 3.5 마치며
  10. CHAPTER 4 인증 소개
    1. 4.1 Amazon Cognito 소개
      1. 4.1.1 Amazon Cognito의 동작 방식
      2. 4.1.2 AWS Amplify와 Amazon Cognito 통합
    2. 4.2 리액트 애플리케이션 생성과 Amplify 추가
      1. 4.2.1 클라이언트 인증 개요
    3. 4.3 애플리케이션 빌드
      1. 4.3.1 파일과 폴더 구조 생성
      2. 4.3.2 첫 번째 컴포넌트 만들기
      3. 4.3.3 Public 컴포넌트
      4. 4.3.4 Nav 컴포넌트
      5. 4.3.5 Protected 컴포넌트
      6. 4.3.6 Router 컴포넌트
      7. 4.3.7 Profile 컴포넌트
      8. 4.3.8 UI 컴포넌트 스타일링
      9. 4.3.10 애플리케이션 테스트
      10. 4.3.9 애플리케이션 설정
    4. 4.4 마치며
  11. CHAPTER 5 사용자 정의 인증 전략
    1. 5.1 protectedRoute Hook 만들기
    2. 5.2 Form 컴포넌트 만들기
      1. 5.2.1 SignIn 컴포넌트
      2. 5.2.2 SignUp 컴포넌트
      3. 5.2.3 ConfirmSignUp 컴포넌트
      4. 5.2.4 ForgotPassword 컴포넌트
      5. 5.2.5 ForgotPasswordSubmit 컴포넌트
      6. 5.2.6 Form.js 완성하기
      7. 5.2.7 updateForm 헬퍼 함수
      8. 5.2.8 renderForm 함수
      9. 5.2.9 양식 타입 전환
      10. 5.2.10 Profile 컴포넌트 수정
      11. 5.2.11 애플리케이션 테스트
    3. 5.3 마치며
  12. CHAPTER 6 서버리스 함수 심화 1
    1. 6.1 이벤트 소스와 데이터 구조
      1. 6.1.1 API Gateway 이벤트
      2. 6.1.2 Amazon S3 이벤트
      3. 6.1.3 Amazon Cognito 이벤트
    2. 6.2 IAM 권한 및 트리거 설정
    3. 6.3 기본 프로젝트 생성
    4. 6.4 Post Confirmation Lambda Trigger 추가
    5. 6.5 AWS Lambda와 Amazon S3를 이용한 동적 이미지 크기 조정
      1. 6.5.1 이미지 크기 조정을 위한 사용자 정의 로직 추가
      2. 6.5.2 리액트 애플리케이션에서 이미지 업로드
    6. 6.6 마치며
  13. CHAPTER 7 서버리스 함수 심화 2
    1. 7.1 구축할 애플리케이션
    2. 7.2 시작하기
    3. 7.3 인증 및 그룹 권한 추가
    4. 7.4 데이터베이스 추가
    5. 7.5 API 추가 (1/2)
    6. 7.5 API 추가 (2/2)
    7. 7.6 프런트엔드 만들기
      1. 7.6.1 Container 컴포넌트
      2. 7.6.2 checkUser 함수
      3. 7.6.3 Nav 컴포넌트
      4. 7.6.4 Profile 컴포넌트
      5. 7.6.5 Router 컴포넌트
      6. 7.6.6 Admin 컴포넌트
      7. 7.6.7 Main 컴포넌트
    8. 7.7 애플리케이션 테스트
    9. 7.8 마치며
  14. CHAPTER 8 AWS AppSync 심화
    1. 8.1 그래프QL, AppSync API 및 React Router
      1. 8.1.1 그래프QL 타입 간의 관계
      2. 8.1.2 다양한 인증 방법
      3. 8.1.3 권한 규칙
      4. 8.1.4 GSI를 이용한 사용자 정의 데이터 액세스 패턴
    2. 8.2 애플리케이션 구축 시작하기
    3. 8.3 Amplify 프로젝트 생성
    4. 8.4 백엔드 구축
      1. 8.4.1 인증
      2. 8.4.2 AppSync API
    5. 8.5 서비스 배포
    6. 8.6 프런트엔드 구축
      1. 8.6.1 Container 컴포넌트
      2. 8.6.2 Footer 컴포넌트
      3. 8.6.3 Nav 컴포넌트
      4. 8.6.4 Admin 컴포넌트
      5. 8.6.5 Router 컴포넌트
      6. 8.6.6 Performance 컴포넌트
      7. 8.6.7 Home 컴포넌트
    7. 8.7 마치며
  15. CHAPTER 9 Amplify DataStore를 이용한 오프라인 애플리케이션 구축
    1. 9.1 Amplify DataStore란?
      1. 9.1.1 Amplify DataStore 개요
      2. 9.1.2 Amplify DataStore 작업
      3. 9.1.3 DataStore 프레디케이트
    2. 9.2 Amplify DataStore를 이용한 실시간 애플리케이션 구축
      1. 9.2.1 프로젝트 생성
      2. 9.2.2 API 생성
      3. 9.2.3 클라이언트 사이드 코드 작성
      4. 9.2.4 오프라인 기능 테스트
      5. 9.2.5 실시간 기능 테스트
    3. 9.3 마치며
  16. CHAPTER 10 이미지와 스토리지 작업
    1. 10.1 Amazon S3
      1. 10.1.1 프로젝트 생성
      2. 10.1.2 인증 추가
      3. 10.1.3 API 생성
      4. 10.1.4 클라이언트 사이드 코드 작성 (1/2)
      5. 10.1.4 클라이언트 사이드 코드 작성 (2/2)
    2. 10.2 마치며
  17. CHAPTER 11 호스팅: CI/CD를 이용한 애플리케이션 배포
    1. 11.1 CLI 기반 배포
    2. 11.2 깃 기반 배포
      1. 11.2.1 깃허브 저장소 생성
      2. 11.2.2 깃 기반 CI/CD
    3. 11.3 액세스 제어
    4. 11.4 사용자 지정 도메인
    5. 11.5 마치며
  18. 찾아보기

Product information

  • Title: 풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발
  • Author(s): 김범준, 네이더 다빗
  • Release date: July 2021
  • Publisher(s): Hanbit Media, Inc.
  • ISBN: 9791162244487