묻고 답하기

안녕하세요 클라우드혁신센터입니다.

아키텍처 다이어그램은 시스템의 구성 요소와 상호작용을 시각적으로 표현한 그림으로 AWS 기반으로 설명하신 프로젝트를 위한 다이어그램을 작성하려면 다음 주요 컴포넌트를 포함하면 됩니다:

아키텍처 다이어그램 구성요소

1. Frontend (S3 & CloudFront)

   • HTML/JavaScript 파일은 S3에 저장하여 정적 웹사이트로 호스팅됩니다.
   • CloudFront를 사용해 콘텐츠를 빠르게 제공할 수 있습니다.

2. Authentication (Cognito)

   • 사용자 인증 및 회원가입은 Cognito User Pool로 관리됩니다.
   • 인증 이메일 발송 및 사용자 등록 이벤트는 Cognito Trigger (Lambda 함수)를 사용합니다.

3. Backend (API Gateway & Lambda)

   • API Gateway는 클라이언트가 요청을 보내는 HTTP 엔드포인트로 작동합니다.
   • API Gateway는 Lambda 함수를 호출해 책 대출/반납과 같은 로직을 처리합니다.

4. Database (DynamoDB)

   • Users 테이블: 사용자 정보를 저장합니다.
   • Books 테이블: 책 데이터를 저장합니다.
   • BorrowedBooks 데이터: 사용자가 대출 중인 책 데이터를 저장합니다.

5. Notification (SNS)

   • 책 대출/반납이 처리되면 SNS를 통해 확인 이메일이 발송됩니다.

아키텍처 다이어그램의 흐름

1. 사용자는 브라우저를 통해 정적 웹사이트에 접속합니다.

   • S3 → CloudFront (웹 페이지 로드)

2. 회원가입 요청:

   • 브라우저 → Cognito (회원가입 및 인증 이메일 발송)
   • 이메일 인증 완료 후, Cognito Trigger (Lambda) → DynamoDB (Users 테이블 업데이트)

3. 로그인 요청:

   • 브라우저 → Cognito 인증 후 토큰 발급
   • 브라우저 → API Gateway → Lambda → DynamoDB (Books 및 BorrowedBooks 데이터 읽기)

4. 대출/반납 요청:

   • 브라우저 → API Gateway → Lambda → DynamoDB (데이터 업데이트)
   • Lambda → SNS (확인 이메일 발송)

아키텍처 다이어그램 작성 툴

• AWS 공식 툴: AWS 아키텍처 다이어그램 생성기
• 다이어그램 툴: Lucidchart, draw.io, Figma, Excalidraw 등
• AWS 아이콘 다운로드: AWS Architecture Icons

다이어그램의 예시 구성

1. Frontend: S3 + CloudFront (사용자)
2. Authentication: Cognito (회원가입, 로그인, 인증 트리거)
3. Business Logic: API Gateway → Lambda
4. Database: DynamoDB (Users, Books, BorrowedBooks)
5. Notification: SNS (이메일 알림)

다이어그램을 구체적으로 그리고 싶다면, 위 내용을 기반으로 추가 설명이나 시각적 표현을 진행할 수 있습니다.

감사합니다.