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개의 간단한 모듈로 구성되어 있습니다. 각 모듈을 순서대로 완료해야 다음 모듈로 진행할 수 있습니다.

  1. React 앱 배포 및 호스팅(10분): React 앱을 생성하고 AWS Amplify를 통해 배포 및 호스팅합니다.
  2. 로컬 앱 초기화(5분): AWS Amplify를 사용하여 로컬 앱을 초기화합니다.
  3. 인증 추가(10분): 애플리케이션에 인증을 추가합니다.
  4. GraphQL API 및 데이터베이스 추가(15분): GraphQL API를 생성합니다.
  5. 이미지를 저장하는 기능 추가(10분): 앱에 스토리지를 추가합니다.

명령 프롬프트/터미널, 텍스트 편집기, AWS 웹 콘솔을 사용하여 이 React 애플리케이션을 구축합니다.

React 앱 배포