AWS 시작하기
React 애플리케이션 구축
AWS Amplify를 사용하여 간단한 웹 애플리케이션 생성
소개: React 애플리케이션 구축
단계별 지침을 따라 첫 번째 React 애플리케이션을 구축하십시오.
개요
이 자습서에서는 웹 호스팅 서비스를 비롯하여 일련의 도구와 서비스로 구성된 AWS Amplify를 사용하여 간단한 웹 애플리케이션을 만들어봅니다. 이 첫 번째 모듈에서는 AWS에서 React 애플리케이션을 구축하여 호스팅합니다. 그리고 나머지 4개 모듈에 걸쳐 CLI를 사용하여 로컬 앱을 초기화하고, 인증을 추가하고, GraphQL API와 데이터베이스를 추가하고, 이미지를 저장하도록 앱을 업데이트합니다.
배우게 될 내용
이 자습서에서는 위에서 설명한 것과 같은 간단한 웹 애플리케이션을 생성하는 방법을 단계별로 설명합니다. 배울 내용은 다음과 같습니다.
- 호스팅: AWS 글로벌 CDN(콘텐츠 전송 네트워크)에서 React 애플리케이션 구축 및 호스팅
- 인증: 앱에 인증을 추가하여 로그인과 로그아웃을 지원합니다.
- 데이터베이스 및 스토리지: GraphQL API, 데이터베이스 및 스토리지 솔루션을 추가합니다.
AWS 경험
초보자
완료 시간
50분
완료 비용
프리 티어 적격
자습서 선행 조건
- 관리자 수준의 액세스 권한이 있는 AWS 계정*
- Node.js: Node.js v10.x 이상
- GitHub 계정
- Git**: Windows 사용자는 Git를 설치해야 합니다.
- 텍스트 편집기. 다음은 몇 가지 유용한 무료 텍스트 편집기입니다(알파벳순). Atom, Notepad++, Sublime, Vim, Visual Studio Code
[*] 생성된 지 24시간이 지나지 않은 계정은 이 자습서를 완료하는 데 필요한 서비스에 액세스할 권한이 아직 없을 수 있습니다.
[**] Git가 기본적으로 제공되는 iOS 사용자에게는 적용되지 않습니다.
모듈
이 자습서는 5개의 간단한 모듈로 구성되어 있습니다. 각 모듈을 순서대로 완료해야 다음 모듈로 진행할 수 있습니다.
- React 앱 배포 및 호스팅(10분): React 앱을 생성하고 AWS Amplify를 통해 배포 및 호스팅합니다.
- 로컬 앱 초기화(5분): AWS Amplify를 사용하여 로컬 앱을 초기화합니다.
- 인증 추가(10분): 애플리케이션에 인증을 추가합니다.
- GraphQL API 및 데이터베이스 추가(15분): GraphQL API를 생성합니다.
- 이미지를 저장하는 기능 추가(10분): 앱에 스토리지를 추가합니다.
명령 프롬프트/터미널, 텍스트 편집기, AWS 웹 콘솔을 사용하여 이 React 애플리케이션을 구축합니다.