Application Front End (Korean)

실습 개요

본 실습에서는 AWS SAM 및 API Gateway를 사용하여 서버리스 백엔드를 배포한 후에 그리드 제작 애플리케이션의 프런트엔드를 배포하기 위한 AWS Amplify를 사용하고 Amazon Cognito를 사용하여 인증하도록 구성합니다.

AWS Amplify는 확장 가능하며 안전한 모바일 및 웹 애플리케이션을 구축하기 위한 도구 및 서비스 세트를 제공하는 개발 플랫폼입니다. 본 실습에서 여러분은 그리드 제작 애플리케이션의 프런트엔드를 배포하기 위해 Amplify를 사용합니다. 이는 사용자가 서버리스 백엔드와 상호 작용하도록 하는 웹 애플리케이션입니다. Amplify는 애플리케이션 구축, 테스트, 배포 등의 작업을 자동화하는 사용하기 쉬운 도구 및 서비스를 제공하여 배포 프로세스를 단순화합니다.

사용자를 인증하기 위해 실습에서는 애플리케이션에 사용자 가입, 로그인 및 액세스 제어를 손쉽게 추가할 수 있는 관리형 인증 서비스인 Amazon Cognito를 사용합니다. Cognito는 애플리케이션을 보호하고 리소스에 대한 액세스를 제어할 수 있는 사용자 풀, 자격 증명 풀, 다중 인증을 비롯한 여러 기능을 제공합니다.

본 실습 동안 Amplify가 인증 및 권한을 부여하는 데 Cognito를 사용하도록 구성합니다. 사용자 계정 및 사용자 속성을 저장하는 Cognito의 사용자 풀과 사용자에게 임시 AWS 자격 증명을 제공하는 자격 증명 풀을 만듭니다. 그런 다음, Cognito와 Amplify를 통합하고 인증용으로 Cognito 사용자 풀을 사용하도록 프런트엔드를 구성합니다.

실습의 후반에는 Amplify를 사용하여 배포된 프런트엔드 및 SAM 및 API Gateway를 사용하여 배포된 백엔드를 포함한 서버리스 애플리케이션이 완성됩니다. Amplify를 사용하여 프런트엔드 애플리케이션을 배포하는 방법과 인증 및 권한 부여에 Cognito를 사용하는 방법에 대해 이해할 수 있게 됩니다.

목표

본 실습을 마치면 다음을 할 수 있습니다.

• AWS Amplify CLI를 사용하기 위한 요구 사항을 설치합니다.
• AWS Amplify를 초기화하고 프로젝트를 배포합니다.
• 애플리케이션을 통한 인증을 위해 Cognito를 구성합니다.
• 그리드 이미지를 만들기 위해 인증을 사용하여 그리드 제작 애플리케이션을 실행합니다.

필수 기술 지식

이 실습을 성공적으로 완료하기 위한 사전 준비는 다음과 같습니다.

• AWS 관리 콘솔 기본 탐색에 대한 지식
• AWS Cloud9 코드 편집기 및 터미널을 사용하여 스크립트를 편집하고 실행하는 데 능숙
• Amazon API Gateway, AWS Serverless Application Model(SAM), AWS Lambda, AWS CloudFormation, AWS Amplify에 대한 기본적인 이해 및 지식
• AWS Amplify 및 서버리스 컴퓨팅을 비롯한 AWS 서비스에 대한 사전 경험은 도움이 되지만 필수적인 것은 아닙니다.

소요 시간

이 실습을 완료하는 데 60분 정도가 소요됩니다.

아이콘 설명

이 실습에서는 다양한 유형의 지침 및 참고 사항에 대한 주의를 환기하기 위해 다양한 아이콘을 사용합니다. 각 아이콘의 목적은 다음과 같습니다.

• 명령: 실행해야 하는 명령입니다.
• 예상 출력: 명령 또는 편집된 파일의 출력을 확인하는 데 사용할 수 있는 샘플 출력입니다.
• 참고: 힌트, 팁 또는 중요한 지침입니다.
• 고려 사항: 자신의 환경에 개념을 적용하는 방법을 고려하거나 당면한 주제에 대한 대화를 시작하기 위해 일시 중지할 시점입니다.