모바일 앱의 성공방정식 - Amplify로 극대화하기 – 정창호 :: AWS Builders Online Series
0 likes263 views
* 발표 동영상: https://youtu.be/gwbOeW_PbAM 모바일 어플리케이션의 성공방정식 - 적시 출시, 차별화, 확장성 을 확보하기 위한 방법, Amplify를 활용하여 모바일 어플리케이션 개발의 성공방정식을 풀어보겠습니다.
![type Query {
listEvents: [Event]
}
type Event {
id: ID!
name: String!
when: String!
where: String!
}
query {
listEvents {
id
name
}
}
{
"id": "1",
"name": "React Meet Up"
},
{
"id": "2",
"name": "GraphQL Party"
},
{
“id”: “3”,
“name”: “Angular Sesh”
}
...
스키마 정의 앱에서 쿼리 요청한 데이타만 리턴
GraphQL 동작방식 - 앱관점](https://image.slidesharecdn.com/session2mobileappsuccessequation-maximizingwithamplify-200928063224/85/Amplify-AWS-Builders-Online-Series-30-320.jpg)
![type Query {
listEvents: [Event]
}
type Event {
id: ID!
name: String!
when: String!
where: String!
}
query {
listEvents {
id
name
when
}
}
{
"id": "1”,
"name": "React Meet Up”,
“when”: “Tomorrow”
},
{
"id": "2",
"name": "GraphQL Party",
“when”: “Saturday”
},
{
“id”: “3”,
“name”: “Angular Sesh”,
“when”: “Next Friday”
}
...
스키마정의 앱에서 쿼리 요청한 데이타만 리턴
GraphQL 동작방식 - 앱관점](https://image.slidesharecdn.com/session2mobileappsuccessequation-maximizingwithamplify-200928063224/85/Amplify-AWS-Builders-Online-Series-31-320.jpg)
모바일 앱의 성공방정식 - Amplify로 극대화하기 – 정창호 :: AWS Builders Online Series
- 1. Builders Online Series © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved. 모바일 앱의 성공 방정식 - Amplify로 극대화하기 정창호 AWS 솔루션즈 아키텍트
- 2. Agenda 모바일 환경 AWS Amplify 소개 Key Use Cases and Features 마무리
- 3. 모바일 앱 환경 2025년 모바일 인터넷 가입 건수 한번 설치 후 더 이상 사용되지 않는 앱 앱스토어에 게시 된 앱2024 년까지 가입자 당 월간 모바일 데이터 사용량 1인당 모바일 사용 시간/일 Source: GSMASource: GSMASource: Mary Meeker’s Internet Trends 2019
- 4. 빅데이타 와 개인화 다중 장치 및 다중 매체 AI / ML 앱 유행 테마
- 5. 보안 온 / 오프라인 접근 개발 비용 개발 시간 프레임웍 품질 스케일 성능 추가 고려사항들
- 6. 결국, 필요한 것들은 시장 출시 속도 혁신과 차별화 고성능 / 보안 / 글로벌
- 7. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
- 8. 더 빠른 시장 진출 UI 구성요소 라이브러리 추상화 Built-in back end code 혁신에 집중 Multiple features Feature rich Integrate w/ existing data 테스팅 확장 가능한 성능 글로벌 신뢰성 보안 확장성 AWS Amplify 확장 가능한 모바일 및 웹 앱을 개발하는 가장 빠른 방법
- 9. AWS Amplify 가장 널리 사용되는 OS 플랫폼 및 프레임워크에 대한 광범위한 지원 개발자도구를 이용하여 프론트엔드와 백엔드를 포함한 전체 앱을 빌드, 테스트, 배포, 호스팅. Amplify 프레임워크는 오픈 소스 클라이언트 프레임워크로서 라이브러리, CLI 툴체인 및 UI 구성 요소를 포함 CLI 툴체인을 통해 Amazon Cognito, AWS AppSync 및 Amazon Pinpoint와 같은 AWS 서비스와 쉬운 통합
- 10. Amplify Libraries: Use Case Features Analytics 사용자 세션, 사용자 정의 속성 및 인 앱 메트릭 추적 API REST를 사용한 HTTP 요청 및 실시간 데이터를 지원하는 GraphQL Auth 사전 빌드 UI 구성 요소가 포함 된 AuthN 및 AuthZ 라이브러리 DataStore 앱과 클라우드간에 데이터를 자동으로 동기화하는 온디바이스 영구 스토리지 엔진 Interactions 딥 러닝 기술로 구동되는 대화식 봇 PubSub 클라우드 상의 Pub/Sub 메세지 송수신을 위한 미들웨어에 앱 연결 Notifications 캠페인 분석 및 타겟팅을 통한 푸시 알림 XR 앱에서 증강 현실 및 가상 현실 콘텐츠로 작업 Predictions 앱에 클라우드 서비스로 구동되는 AI / ML 기능 추가 Storage 공용, 보호 및 개인 스토리지에서 사용자 컨텐츠를 안전하게 관리
- 11. Amplify CLI 백엔드에 필요한 AWS 서비스를 생성, 삭제, 통합 amplify init• 초기화 amplify add auth/api/storage/…• 인증/API/storage /analytics/hosting amplify push• 백엔드 서비스 배포 (Cloudformation) amplify pull• 개발환경 가져오기 amplify remove auth/api/…• 백엔드 개별 삭제 amplify delete• 전체 삭제
- 12. UI 구성요소 Cognito를 통한 로그인 UI S3와 연동되는 Photo Picker Lex Chatbot UI
- 13. 1. 플랫폼 선택 Amplify CLI 2. 클라우드 서비스 구성 Amplify Lib 3. App에 연결 간단한 3단계 과정 Android React native Ionic iOS
- 14. Amplify Docs
- 20. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
- 21. Key Use Cases and Features : 인증 / 인가
- 23. Amplify Auth: Amazon Cognito Services • 가입 및 로그인 서비스 • 소셜 로그인 및 SAML 자격 증명 공급자를 통한 로그인 • 이메일 혹은 전화번호 확인 • 패스워드 분실 / 리셋 • 사용자 디렉터리 관리 및 사용자 프로파일 • 멀티 팩터 인증 (MFA), 기타 보안 기능 • Lambda 트리거를 통한 사용자 지정 워크플로우 및 마이그레이션 • AWS 리소스에 액세스하기위한 임시 자격 증명 제공 • 외부 자격 증명 공급자에게 인증 위임 • 인증되지 않은 사용자를 위한 게스트 액세스 지원 사용자 풀 자격 증명 풀
- 27. Key Use Cases and Features : APIs
- 30. type Query { listEvents: [Event] } type Event { id: ID! name: String! when: String! where: String! } query { listEvents { id name } } { "id": "1", "name": "React Meet Up" }, { "id": "2", "name": "GraphQL Party" }, { “id”: “3”, “name”: “Angular Sesh” } ... 스키마 정의 앱에서 쿼리 요청한 데이타만 리턴 GraphQL 동작방식 - 앱관점
- 31. type Query { listEvents: [Event] } type Event { id: ID! name: String! when: String! where: String! } query { listEvents { id name when } } { "id": "1”, "name": "React Meet Up”, “when”: “Tomorrow” }, { "id": "2", "name": "GraphQL Party", “when”: “Saturday” }, { “id”: “3”, “name”: “Angular Sesh”, “when”: “Next Friday” } ... 스키마정의 앱에서 쿼리 요청한 데이타만 리턴 GraphQL 동작방식 - 앱관점
- 32. subscription { onCreateComment{ id } } mutation { createEvent(name:”Dinner”){ id } } query { getEvent(id: 1){ id name } } Queries Read Data Mutations Write Data Subscriptions Receive Data in Real-Time GraphQL Operations
- 33. GraphQL 구성요소 해석기스키마 데이타 소스
- 34. 만약 스키마가 좀더 복잡하다면 type Hotel { hotelId: ID! name: String! location: String! ... rate: Rate } type Rate { hotelId: ID! rate: Int! currency: String! date: AWSDate! } 스키마 query { getHotel(hotelId: 3) { name location image phoneNumber address { street city } amenities rate { currency rate } } } 쿼리
- 35. AWS AppSync 관리형 GraphQL 서비스 AWS의 서비스를 데이타 소스로 사용 data sync, real-time, and offline 업데이트 IAM, Amazon Cognito, OIDC, API keys 를 통한 접근제어 HTTP Amazon DynamoDB AWS Lambda Amazon Elasticsearch Service Amazon Aurora Serverless
- 36. Amplify API 추가하기 CLI GraphQL Transform @model Top-level entity; creates DynamoDB table, resolvers, and additional schema (queries, mutations, and subscriptions) for base type
- 38. Customer Insights: Delivering in Days Instead of Weeks “Developers across industries and countries build location-aware applications with HyperTrack, and count on us to power real-time experiences. Amplify and AppSync are a core part of streaming hundreds of millions of live location events between apps in real-time. Amplify and AppSync accelerated time to market for HyperTrack, and saved us months of engineering effort.” – Thomas Raffetseder, Software Architect, HyperTrack
- 39. Key Use Cases and Features : Preditions
- 40. AWS AI services
- 41. AWS AI services 텍스트를 딥러닝을 통해 실제같은 음성으로 변환 자연스러운 소리 음성 저장 및 재배포 실시간 스트리밍 음성 출력 사용자 정의 및 제어
- 42. AWS AI services 음성을 텍스트로 자동 변환 타임 스탬프 생성 여러 명의 스피커 인식 맞춤 어휘
- 43. AWS AI services 머신 러닝으로 이미지 및 비디오 분석 자동화 실제 객체 레이블 콘텐츠 조정 텍스트 감지 얼굴 검색 및 확인 얼굴 감지 및 분석 유명인 인식
- 44. AWS AI services 거의 모든 문서에서 텍스트와 데이터를 쉽게 추출 빠르고 정확한 데이터 추출 폼 추출, 테이블 추출 경계 상자 (Bounding Boxes) 조정 가능한 신뢰 임계 값
- 45. AWS AI services 키워드 추출 감정 분석 구문 분석 엔터티 인식 종합 의료 맞춤 엔티티
- 46. Amplify Prediction • 텍스트 번역 (Translating text) • TTS (Text to speech) • OCR (Text recognition) • 엔티티 인식 (Entities recognition) • 객체 레이블 (Label real world objects) • 텍스트 해석 (Interpretation of text) • ASR (Auto Speech Recognition) • 자동 학습을 위한 이미지 업로드
- 49. Key Use Cases and Features : Analytics & notification
- 50. Amazon Pinpoint 고객 및 사용 데이터 잠재 고객 관리 실시간 또는 과거 데이터 속성을 기반으로 한 세그먼트 캠페인 고객 타겟팅 이메일, SMS, 음성, 푸시 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인 에 대한 참여 데이터 분석 다채널 마케팅 커뮤니케이션 서비스
- 51. 사용자 관리 고객 및 사용 데이타 잠재 고객 관리 실시간 또는 과거 데이타 속성을 기반으로 한 세그먼트 타켓팅 캠페인 고객 타켓팅 채널 이메일, SMS, 음성, Push 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인에 대한 참여 데이터 분석 Amazon Pinpoint 다채널 마케팅 커뮤니케이션 서비스
- 52. 사용자 관리 고객 및 사용 데이타 잠재 고객 관리 실시간 또는 과거 데이타 속성을 기반으로 한 세그먼트 타켓팅 캠페인 고객 타켓팅 채널 이메일, SMS, 음성, Push 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인에 대한 참여 데이터 분석 Amazon Pinpoint 다채널 마케팅 커뮤니케이션 서비스
- 53. 사용자 관리 고객 및 사용 데이타 잠재 고객 관리 실시간 또는 과거 데이타 속성을 기반으로 한 세그먼트 타켓팅 캠페인 고객 타켓팅 채널 이메일, SMS, 음성, Push 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인에 대한 참여 데이터 분석 Amazon Pinpoint 다채널 마케팅 커뮤니케이션 서비스
- 54. 사용자 관리 고객 및 사용 데이타 잠재 고객 관리 실시간 또는 과거 데이타 속성을 기반으로 한 세그먼트 타켓팅 캠페인 고객 타켓팅 채널 이메일, SMS, 음성, Push 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인에 대한 참여 데이터 분석 Amazon Pinpoint 다채널 마케팅 커뮤니케이션 서비스
- 55. 사용자 관리 고객 및 사용 데이타 잠재 고객 관리 실시간 또는 과거 데이타 속성을 기반으로 한 세그먼트 타켓팅 캠페인 고객 타켓팅 채널 이메일, SMS, 음성, Push 및 사용자 정의 채널을 통해 메시지 전달 캠페인 인사이트 캠페인에 대한 참여 데이터 분석 Amazon Pinpoint 다채널 마케팅 커뮤니케이션 서비스
- 56. Amplify analytics / notification 추가하기 CLI JS
- 57. Amplify analytics / notification 추가하기 CLI JS
- 58. 빅데이타 및 개인화: -onboarding flows -securely manage content -engage with users/campaigns 혁신 중심의 사용 사례 Auth, UI components, Analytics, Interactions, Notifications, API, Datastore, 다중 장치 및 다중 매체 : -real-time updates/data -low latency/high availability API, Datastore, Global web hosting USE CASES AMPLIFY FEATURES Predictions, API, Datastore AI/ML: -online/offline feeds -Translations
- 59. © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
- 60. 빠른 시장 출시 : 사용하기 쉬운 도구 및 서비스 혁신에 초점 : 사용 사례 중심의 다양한 기능 제공 확장 가능한 성능 : AWS 기반 AWS Amplify 확장 가능한 모바일 및 웹 앱을 개발하는 가장 빠른 방법
- 61. AWS 온라인 교육 과정 • AWS Cloud Practitioner Essentials AWS 클라우드의 기초를 배우고, AWS Certified Cloud Practitioner 공인 자격 시험을 준비할 수 있는 과정입니다. https://www.aws.training/Details/Curriculum?id=32442 • AWS 클라우드 보안 기초 AWS 액세스 제어 및 관리, 거버넌스, 로깅 및 암호화 방법 등 AWS의 보안 개념을 소개합니다. https://www.aws.training/Details/Curriculum?id=11048 • Amazon Elastic Block Storage (EBS) 소개 AWS 클라우드의 Amazon EC2 인스턴스에 사용할 블록 스토리지 볼륨을 제공하는 Amazon Elastic Block Store(EBS)를 소개합니다. https://www.aws.training/Details/Video?id=37393 자신의 속도에 맞춰 학습하세요. 무료 AWS 디지털 교육을 통해 편한 시간에 원하는 장소에서 최신 클라우드 기술을 학습할 수 있습니다.
- 62. AWS Builders Online Series에 참석해주셔서 대단히 감사합니다. aws-korea-marketing@amazon.com twitter.com/AWSKorea facebook.com/amazonwebservices.ko youtube.com/user/AWSKorea slideshare.net/awskorea twitch.tv/aws 저희가 준비한 내용, 어떻게 보셨나요? 더 나은 세미나를 위하여 설문을 꼭 작성해 주시기 바랍니다.
- 63. Thank you © 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved. Builders Online Series