98. (Aws/Amazon) [AWS Amplify] AWS 프론트엔드 및 풀스택 애플리케이션 구축, 배포, 운영 클라우드 기반 개발 플랫폼 Amplify 설명 정리

---

[개발 환경 설정]

​

개발 환경 : Aws / Amazon Web Services

​

 

---

[설명 정리]

​

// --------------------------------------------------------------------------------------
[개발 및 환경]
// --------------------------------------------------------------------------------------

- 인프라 : Aws / Amazon Web Services


- 기술 구분 : Aws / Amplify / FullStack


- 참고 설명) AppSync 간단 설명 : 

  >> AppSync 는 iOS, 안드로이드, JavaScript 및 React Native 애플리케이션에서 사용하도록 설계되었으며, 실시간 데이터 쿼리, 동기화, 통신 및 오프라인 프로그래밍 기능을 위한 완전 관리형 서버리스 GraphQL 서비스입니다.

  >> AppSync 를 사용하면 개발자는 여러 데이터 소스에서 데이터를 쉽게 검색하고 조작할 수 있으므로 빠르게 프로토타입을 만들고, 빌드하고, 견고하고 협업적인 다중 사용자 애플리케이션을 만들 수 있습니다.

  >> AppSync 는 장치가 연결되면 데이터를 최신 상태로 유지하며, 로컬 데이터를 동기화하여 오프라인에서도 작동할 수 있게 지원합니다.

  >> AWS AppSync 사용 가능 기술 : 

    - GraphQL API : Query , Mutation , Subscriptions

    - Query : Http Get 방식과 유사하며, [서버에 정보 요청 >> 정보 조회 >> 응답 결과 반환] 방식으로 사용합니다

    - Mutation : Http Post , Put 방식과 유사하며, [서버에 수정 요청 >> 정보 수정 >> 응답 결과 반환] 방식으로 사용합니다

    - Subscriptions : 서버와 클라이언트 간의 지속적인 양방향 연결을 여는 WebSockets 웹소켓 에 사용됩니다

    - 참고 : Aws 앱 싱크 사용 설정 후 방화벽 Open 은 https 포트와 websocket 포트도 오픈 해야 합니다


// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[설 명]
// --------------------------------------------------------------------------------------

1. AWS Amplify 는 프론트엔드 및 풀스택 웹/모바일 애플리케이션을 빠르게 구축, 배포, 운영할 수 있도록 지원하는 클라우드 기반 개발 플랫폼입니다.


2. AWS Amplify 는 프론트엔드 개발자나 스타트업, 모바일 개발팀이 서버리스 아키텍처를 쉽게 구축할 수 있도록 도와줍니다.


3. AWS Amplify 4가지 주요 구성 요소 : 

  >> Amplify CLI 백엔드 기능 (Cognito, GraphQL, REST API 등) 을 설정하고 AWS 에 배포하는 커맨드라인 도구

  >> Amplify Libraries 인증, 스토리지, GraphQL, Analytics 등의 AWS 서비스를 프론트엔드 앱에 통합하는 SDK (React, Vue, Angular 등 지원)

  >> Amplify Hosting 정적 웹사이트(React, Next.js, Vue 등)를 CI/CD 기반으로 자동 빌드 및 배포하는 기능

  >> Amplify Studio 백엔드 리소스를 GUI로 설정하고 UI 컴포넌트를 시각적으로 생성할 수 있는 시각적 개발 환경


4. AWS Amplify 핵심 기능

  >> 호스팅 및 배포 (Hosting & CI/CD) : 
  
    - GitHub, GitLab, Bitbucket 등과 연동하여 코드 푸시 시 자동 배포

    - 무료 HTTPS, 도메인 연결, 캐싱, SSR 지원 (Next.js, Nuxt.js 등)

  >> 인증 (Authentication) : 

    - Amazon Cognito를 기반으로 이메일/비밀번호, 소셜 로그인(Facebook, Google 등), MFA 등 제공

    - Amplify UI 컴포넌트로 인증화면 빠르게 구현 가능

  >> 데이터베이스 및 API : 

    - GraphQL API (AWS AppSync) 또는 REST API (API Gateway + Lambda) 구성 가능

    - DynamoDB와 자동 연동되는 GraphQL 백엔드

  >> 스토리지 :

    - 사용자 업로드 파일 (S3) 저장 및 권한 제어 기능

    - 이미지, 동영상, 문서 업로드 등 지원

  >> 실시간 및 오프라인 기능 : 

    - GraphQL 구독을 통한 실시간 데이터 동기화

    - 오프라인 상태에서도 동작 가능한 앱 구축

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

[AWS Amplify 설명]

https://aws.amazon.com/ko/amplify/


[Amplify Docs 사이트]

https://docs.amplify.aws/


[GitHub]

https://github.com/aws-amplify/amplify-js


[AppSync 앱싱크 GraphQL 서비스 개념 및 설명 정리]

https://blog.naver.com/kkh0977/223729094999?trackingCode=blog_bloghome_searchlist

// --------------------------------------------------------------------------------------

 

---

[참고 사이트]

​

https://blog.naver.com/kkh0977/223729094999?trackingCode=blog_bloghome_searchlist

14. (Aws/Amazon) [Aws AppSync] AppSync 앱싱크 GraphQL 서비스 개념 및 설명 정리

---