AWS Startup
  • AWS 스타트업
  • AWS 스타트업 행사 일정표
  • AWS 스타트업 지원 프로그램
    • AWS Activate
    • Meet The Expert for Startup
      • Meet The Expert for TECH
      • Meet The Expert for BUSINESS
    • PaceMaker program for Startups
      • 고객 사례
  • AWS 스타트업 고객 사례
    • 보안/데이터베이스
    • DevOps/개발자도구/서버리스
    • 컨테이너
    • 데이터분석
      • Tappytoon 데이터 분석 파이프라인 구축기
    • AI/ML
      • Amazon SageMaker이용한 GI VITA의 MLOps 구축기
    • GenAI - Amazon Bedrock
    • SaaS
    • 글로벌 확장/비용 최적화
  • Startup Recipe
    • Architecture Recipes
      • 웹/애플리케이션 개발
      • 컨테이너
      • 데이터 분석
      • AI/ML
      • 생성형 AI
      • SaaS
    • Code Recipes
    • Demo Recipes
      • 생성형 AI
  • AWS 기본
    • AWS를 처음 시작한다면?
      • 1. 보안
      • 2. 네트워크
      • 3. 컴퓨팅
      • 4. 데이터베이스와 스토리지
      • 5. 비용 최적화
      • 6. 7 Effective AWS
  • AWS 보안
    • 보안
      • AWS 계정 안전하게 지키기 Tip
      • 멀티 팩터 인증(MFA)을 통해 AWS 계정을 안전하게 관리하기
      • 직원들의 사용자 계정에 MFA 적용하고 AWS 리소스 보호하기
      • AWS 계정 침해 사고 대응
      • Amazon GuardDuty를 이용한 침입 탐지 대응 전략
      • 아직도 SSH로 서버에 접속하니? 안전하게 서버 쉘에 접속하기!
      • 스타트업을 위한 보안 자가 진단 앱, Security Baseline Self Test
  • AWS 컨테이너
    • 📺AWS에서 시작하는 Container 생활
    • Amazon ECS
      • 📺Amazon ECS Service Connect 사용하기 | 기본편
      • 💻Hands-on Lab
    • Amazon EKS
      • 📺Amazon EKS를 통한 빠르고 편리한 컨테이너 플랫폼 활용
      • 📺Amazon EKS 마이그레이션 요점정리
      • 📺Amazon EKS로 간단한 웹 애플리케이션 구축하기
      • 📺Amazon EKS의 Observability 옵션들
      • 📺Amazon EKS의 Devops를 위한 Gitops 그리고 Progressive Delivery 소개
      • 💻Hands-on Lab
  • AWS 데이터 분석
    • AWS에서 데이터를 분석하는 방법
      • AWS에서 데이터 분석을 시작하기 위한 실시간, 배치 데이터 수집 방법 알아보기
      • 서버리스 데이터 분석
      • AWS 서비스를 이용하여 실시간 분석 시스템 구축하기
      • Lambda 아키텍처 데이터 분석 시스템 구축 하기
        • Part 1. 개념 및 워크 플로우
        • Part 2. 데모로 확인하기
    • AWS의 데이터 분석 서비스 소개
      • Amazon Quicksight로 파일 데이터 시각화해보기
      • Amazon Athena에 대해 알아보기
      • Amazon Kinesis Data Streams와 MSK를 비교해 보기
      • Amazon OpenSearch 업그레이드 및 Graviton2 사용하기
      • Amazon OpenSearch Service KNN 기능을 사용한 유사 이미지 검색 구현하기
    • 고객 사례
  • AWS 생성형 AI
    • 모든 스타트업을 위한 생성형 AI
    • RAG 아키텍처 - 개념부터 구현까지
  • AWS AI / ML
    • AI/ML
      • 한시간만에 AWS 머신러닝 서비스 따라잡기
      • 스타트업을 위한 AWS의 AI/ML 서비스 활용 방법 및 도입 전략
      • Amazon SageMaker로 Machine Learning 시작하기
      • Amazon SageMaker로 딥 러닝 기반 이미지 검색 서비스 만들기 - 개념 및 원리
      • Amazon SageMaker로 딥 러닝 기반 이미지 검색 서비스 만들기 - 구현 예제
      • Amazon Rekognition을 이용한 이미지 분석 및 검색 서비스 만들기
      • Amazon Rekognition Custom Labels를 이용한 나만의 이미지 분석 모델 만들기
      • Amazon Textact와 Amazon Neptune을 이용한 인맥 추천 서비스 만들기
      • Amazon SageMaker Canvas - a Visual, No-Code, AutoML tool for Business Analysts
      • Amazon SageMaker Model Deployment Strategies
      • JumpStart to Build Generative AI with Amazon SageMaker
    • Personalized Recommendations
      • 추천 시스템의 원리와 구축 사례
      • 5분만에 Amazon Personalize로 추천 시스템 구축하기
      • 추천 서비스를 위한 데이터 분석 시스템 구축하기
      • Amazon Personalize Recipes 120% 활용하기
  • AWS 비용최적화
    • 비용
      • 반드시 확인해야 할 비용 최적화 방법
      • 스타트업을 위한 6가지 AWS 비용 최적화 방법
      • 비용 및 리소스 관리를 위한 태그 생성 강제하기
Powered by GitBook
On this page
  • Frontend
  • Web Frontend - S3
  • Web Frontend - Amplify Hosting
  • Web/App Frontend - Amplify Studio
  • Backend
  • Backend - 기본 구성 - EC2, ELB, AutoScalingGroup
  • Backend - 서버리스 구성 - API Gateway, Lambda
  • Backend - GraphQL - AppSync
  • Backend - Amplify

Was this helpful?

  1. Startup Recipe
  2. Architecture Recipes

웹/애플리케이션 개발

PreviousArchitecture RecipesNext컨테이너

Last updated 1 year ago

Was this helpful?

Frontend

Web Frontend - S3

S3를 사용해서 간단하면서도 강력한 정적 웹 호스팅 환경을 구성할 수 있습니다. S3에 정적 웹 파일을 업로드하고 몇 가지 설정만 하면, 추가비용 없이 트래픽에 따라 자동으로 확장되며 높은 가용성을 갖는 웹 호스팅 환경이 구성됩니다. S3는 S3 prefix 단위로 GET/HEAD 요청에 대해서는 5,500 rps, PUT/COPY/POST/DELETE 요청은 3500 rps 를 지원합니다. 하나의 S3 안에서 에서 생성할 수 있는 prefix에는 제한이 없으므로, 더 높은 트래픽을 처리하기 위한 구성이 가능합니다.

또한 Github, AWS CodeCommit 에 있는 코드를 Github Action, AWS CodePipeline 을 통해서 CICD 환경을 구성해서 사용하면 보다 안전한 배포 환경을 만들 수 있습니다.

Web Frontend - Amplify Hosting

Amplify 호스팅 환경을 사용하면 보다 간단히 웹 호스팅 환경을 구성할 수 있습니다. 정적 웹 페이지 뿐 아니라 SSR 형태의 서비스 환경도 자동으로 구성됩니다. 예를들어 next.js 기반으로 SSR 애플리케이션을 배포하기 위한 환경을 구성할 수 있습니다.

Web/App Frontend - Amplify Studio

Amplify Studio 에서 제공하는 기능을 사용하면, 데이터 모델을 설계해서 GraphQL 스키마를 생성하고, Figma 와 연동해서 UI 디자인을 가져와 데이터 모델에 매핑하는 형태로 UI 및 데이터 매핑을 편리하게 구성할 수 있고, 이를 React 등의 클라이언트 환경을 위한 프레임워크 코드로 생성해서, UI 개발을 위한 boilerplate 코드 작성 노력을 크게 줄이며 프론트 개발의 생산성을 향상 시킬 수 있습니다.

Backend

Backend - 기본 구성 - EC2, ELB, AutoScalingGroup

전통적인 백엔드 서비스 구성입니다. Auto Scaling이 적용된 EC2를 컴퓨팅 리소스로 사용하고 ELB를 통해 요청을 받아서 EC2 인스턴스에 분배합니다. 위 구성은 트래픽에 따라 EC2가 자동으로 확장되고, AWS CodeDeploy를 통해 Rolling 또는 Blue/Green 배포를 구성할 수 있습니다.

Backend - 서버리스 구성 - API Gateway, Lambda

서버리스 형태의 백앤드 기본 구성입니다. API Gateway에서 요청을 받아서 해당 요청처리를 위한 Lambda 함수를 호출해서 요청을 처리합니다. 완전한 서버리스 구성으로 서버의 확장, 서버 보안에 대한 관리 비용을 많이 낮출 수 있습니다. 또한 사용한 만큼만 비용을 지불하기 때문에 특히 서비스 초기 트래픽이 적은 경우, 로직의 복잡도가 낮은 경우에 보다 잘 적용할 수 있습니다. 이 구성은 DB로 Key-Value 저장소인 DynamoDB를 사용하는 경우가 많고, RDS Proxy를 통해서 RDS, Aurora에 연결해서 이용할 수 있습니다. AWS 서버리스 개발 프레임워크인 SAM(Serverless Application Model)를 사용하면 보다 생산적으로 개발/배포할 수 있습니다. API 요청에 따른 비지니스 흐름은 AWS StepFunctions를 통해서 조직화 할 수 있습니다. 비즈니스 로직이 복잡해지거나 DB 요청 시간이 길어지면 이 아키텍처가 최적인지 검토가 필요할 수 있습니다.

Backend - GraphQL - AppSync

AppSync는 GraphQL API를 쉽게 개발할 수 있는 서버리스 서비스 입니다. 요청량에 따라서 자동으로 스케일링되고 이를 위해 관리할 필요가 없습니다. 성능 향상을 위해 캐시를 추가하거나, 실시간 업데이트를 지원하기 위한 구독을 설정하거나, 쉽게 오프라인 클라이언트를 동기화하기 위한 환경을 구성할 수 있습니다. 데이터저장소로는 DynamoDB와 잘 붙어서 동작하고 Amazon Aurora, OpenSearch, Lambda, HTTP 등과 연동할 수 있습니다.

Backend - Amplify

Amplify 에서는 프론트앤드/모바일 개발자가 편리하게 백앤드를 개발하기 위한 환경 및 도구를 제공합니다. GraphQL API, REST API 를 생성할 수 있고 이를 여러 데이터 서비스 제품 및 Lambda 등과 통합할 수 있습니다. 또한 인증 서비스인 Cognito와 쉽게 통합할 수 있습니다. Amplify Studio 및 Amplify CLI를 통해 편리하게 환경을 다룰 수 있습니다. Amplify의 백앤드 기능 뿐 아니라, Amplify 전체적인 기능을 함께 사용해서 보다 빠르게 AWS 기반의 웹, 모바일 애플리케이션을 만들 수 있습니다.

영상으로 이해하기:

영상으로 이해하기:

영상으로 이해하기:

https://youtu.be/pJvBlfgHaEo
https://youtu.be/pJvBlfgHaEo
https://youtu.be/pJvBlfgHaEo
https://github.com/aws-samples/serverless-patterns/tree/main/apigw-lambda-dynamodb-xray
https://github.com/aws-samples/serverless-patterns/tree/main/appsync-dynamodb
AppSync 맛보기 예제
GitHub - aws-samples/aws-amplify-appsync-graphql-real-time-canvasGitHub
AppSync 공유 캔버스 애플리케이션
Workshop Studio
Amplify 사진 공유 애플리케이션 실습(영문)
Logo
Logo