기본 웹 애플리케이션 구축
자습서
소개: 기본 웹 애플리케이션 구축
단계별 지침을 따라 첫 번째 웹 애플리케이션을 구축하세요.
개요
이 자습서에서는 간단한 웹 애플리케이션을 만듭니다. 먼저 "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)를 사용합니다.
자습서를 진행하면서 서비스에 대해 자세히 설명하고 서비스 속도를 높이는 데 도움이 되는 리소스를 소개합니다.
모듈
이 자습서는 6개의 간단한 모듈로 구성되어 있습니다. 각 모듈을 순서대로 완료해야 다음 모듈로 진행할 수 있습니다.
- 웹 앱 만들기(5분): AWS Amplify 콘솔을 사용하여 웹 애플리케이션을 위한 정적 리소스를 배포합니다.
- 서버리스 함수 작성(5분): AWS Lambda를 사용하여 서버리스 함수를 작성합니다.
- 웹 앱에 서버리스 함수 연결(5분): API Gateway를 사용하여 서버리스 함수를 배포합니다.
- 데이터 테이블 생성(10분): Amazon DynamoDB 테이블에 데이터를 유지합니다.
- 웹 앱에 상호 작용 기능 추가(5분): API를 간접적으로 호출하도록 웹 앱을 수정합니다.
- 리소스 정리(5분): 이 자습서에서 사용된 리소스를 정리합니다.
브라우저에서 직접 액세스할 수 있는 AWS Management Console을 사용하여 이 웹 애플리케이션을 구축하게 됩니다.