AWS 시작하기

기본 웹 애플리케이션 구축

API와 데이터베이스로 웹 애플리케이션 배포 및 상호 작용 기능 추가

소개: 기본 웹 애플리케이션 구축

단계별 지침을 따라 첫 번째 웹 애플리케이션을 구축하십시오.

개요

이 자습서에서는 간단한 웹 애플리케이션을 만듭니다. 먼저 "Hello World"를 렌더링하는 정적 웹 앱을 구축합니다. 그런 다음 사용자가 입력하는 사용자 지정 텍스트를 표시하도록 웹 앱에 기능을 추가하는 방법을 알아봅니다.

배우게 될 내용

이 자습서에서는 위에서 설명한 것과 같은 샘플 웹 애플리케이션을 생성하는 방법을 단계별로 설명합니다. 배울 내용은 다음과 같습니다.

  • 웹 앱 만들기
  • 서버리스 백엔드에 웹 앱 연결
  • API와 데이터베이스를 사용하여 웹 앱에 상호 작용 기능 추가

 AWS 경험

초보자

 완료 시간

30분

 완료 비용

프리 티어 적격

 자습서 선행 조건

  • 관리자 수준의 액세스 권한이 있는 AWS 계정**
  • 권장 브라우저: 최신 버전의 Chrome 또는 Firefox

[**]생성된 지 24시간이 지나지 않은 계정은 이 자습서를 완료하는 데 필요한 서비스에 액세스할 권한이 아직 없을 수 있습니다.

애플리케이션 아키텍처

아래의 다이어그램은 이 자습서에서 사용되는 서비스와 그 연결 방식을 시각적으로 보여줍니다. 아래 그림에서 보듯이 이 애플리케이션은 AWS Amplify, Amazon API Gateway, AWS Lambda 및 Amazon DynamoDB를 사용합니다.

자습서를 진행하면서 서비스에 대해 자세히 설명하고 서비스 속도를 높이는 데 도움이 되는 리소스를 소개합니다.

full-stack amplify console arch diagram module 5

모듈

이 자습서는 5개의 간단한 모듈로 구성되어 있습니다. 각 모듈을 순서대로 완료해야 다음 모듈로 진행할 수 있습니다.

  1. 웹 앱 만들기(5분): AWS Amplify 콘솔을 사용하여 웹 애플리케이션을 위한 정적 리소스를 배포합니다.
  2. 서버리스 함수 작성(5분): AWS Lambda를 사용하여 서버리스 함수를 작성합니다.
  3. 웹 앱에 서버리스 함수 연결(5분): API Gateway를 사용하여 서버리스 함수를 배포합니다.
  4. 데이터 테이블 생성(10분): Amazon DynamoDB 테이블에 데이터를 유지합니다.
  5. 웹 앱에 상호 작용 기능 추가(5분): API를 호출하도록 웹 앱을 수정합니다.

브라우저에서 직접 액세스할 수 있는 AWS 웹 콘솔을 사용하여 이 웹 애플리케이션을 구축하게 됩니다.

웹 앱 만들기