기본 웹 애플리케이션 구축

자습서

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

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

개요

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

학습 목표

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

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

사전 요구 사항

이 자습서를 시작하기 전에 다음을 수행해야 합니다.

  • AWS 계정: 아직 계정이 없는 경우 환경 설정 시작하기 가이드를 간단히 참조하여 만들 수 있습니다.

 AWS 경험

초보자

 최소 소요 시간

35분

 완료 비용

프리 티어 적격

 필요 사항

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

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

 최종 업데이트 날짜

2023년 4월 4일

애플리케이션 아키텍처

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

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

이 자습서에서 AWS 서비스를 사용하는 방법을 보여주는 아키텍처 다이어그램입니다.

모듈

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

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

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

이 페이지의 내용이 도움이 되었나요?

웹 앱 만들기