AWS 시작하기
풀 스택 React 애플리케이션 구축
AWS Amplify를 사용하여 간단한 웹 애플리케이션 생성
소개: 풀 스택 React 애플리케이션 구축
단계별 지침을 따라 첫 번째 React 애플리케이션을 구축
개요
이 자습서에서는 웹 호스팅 서비스를 비롯하여 일련의 도구와 서비스로 구성된 AWS Amplify를 사용하여 간단한 풀 스택 웹 애플리케이션을 만들어봅니다. 이 첫 번째 모듈에서는 AWS에서 React 애플리케이션을 구축하여 호스팅합니다. 그리고 나머지 4개 모듈에 걸쳐 CLI를 사용하여 로컬 앱을 초기화하고, 인증을 추가하고, GraphQL API와 데이터베이스를 추가하고, 이미지를 저장하도록 앱을 업데이트합니다.
학습 목표
이 자습서에서는 위에서 설명한 것과 같은 간단한 웹 애플리케이션을 생성하는 방법을 단계별로 설명합니다. 배울 내용은 다음과 같습니다.
- 호스팅: AWS 글로벌 콘텐츠 배포 네트워크(CDN)에서 React 애플리케이션 구축 및 호스팅
- 인증: 앱에 인증을 추가하여 로그인과 로그아웃을 활성화합니다.
- 데이터베이스 및 스토리지: GraphQL API, 데이터베이스 및 스토리지 솔루션을 추가합니다.
모듈
이 자습서는 5개의 간단한 모듈로 구성되어 있습니다. 각 모듈을 순서대로 완료해야 다음 모듈로 진행할 수 있습니다.
- React 앱 배포 및 호스팅(10분): React 앱을 생성하고 AWS Amplify를 통해 배포 및 호스팅합니다.
- 로컬 앱 초기화(5분): AWS Amplify를 사용하여 로컬 앱을 초기화합니다.
- 인증 추가(10분): 애플리케이션에 인증을 추가합니다.
- GraphQL API 및 데이터베이스 추가(15분): GraphQL API를 생성합니다.
- 이미지를 저장하는 기능 추가(10분): 앱에 스토리지를 추가합니다.
명령 프롬프트/터미널, 텍스트 편집기, AWS Management Console을 사용하여 이 React 애플리케이션을 구축합니다.