AWS Communityday online 2020 Cloud로 나아가는 Frond-end 개발자 - 박찬민(버드뷰)

1. Cloud로 나아가는
Front-end 개발자
박찬민 / Front-end Developer, 버드뷰(화해)

2. 지금까지의 Front-end

3. Front-end 영역의 확장
HTML
단순 텍스트 출력
JS
간단한 동작, 기능
다양한
라이브러리
JQuery
복잡한 동작, 기능
React
Vue
Angular
복잡한 동작, 기능
높은 효율성
프레임워크
웹 어플리케이션

4. Front-end 영역의 확장
HTML
단순 텍스트 출력
JS
간단한 동작, 기능
다양한
라이브러리
JQuery
복잡한 동작, 기능
React
Vue
Angular
복잡한 동작, 기능
높은 효율성
프레임워크
웹 어플리케이션
디바이스의 발전 웹기술의 발전네트워크의 발전

5. Front-end 영역의 확장
단순 텍스트 출력
복잡한
동작, 기능
Front-end Back-end

6. 지금부터의 Front-end

7. Cloud 시대의 Front-end
디바이스의 발전
웹기술의 발전
네트워크의 발전 Cloud Service의
발전

8. Cloud 시대의 Front-end
단순 텍스트
출력
복잡한
동작, 기능
API
Front-end Back-end
운영환경
배포 자동화
Infra

9. Cloud로의 확장을 위한 진입점
AWS Amplify

10. AWS Amplify
“AWS Amplify는 모바일 및 프런트 엔드 웹
개발자가 AWS에서 구동되는 안전하고 확장 가능한
풀 스택 애플리케이션을 개발하도록 지원하는 도구 및
서비스 집합입니다.”
- AWS website

11. AWS Amplify
Amplify Libraries
AWS 서비스를 이용할 수 있는 JavaScript 라이브러리
Amplify CLI
AWS 리소스를 생성, 관리 할 수 있는 CLI toolchain
Amplify Console
CI/CD를 지원하는 AWS의 호스팅 서비스

12. AWS Amplify Console
Amplify Console은 Git 기반 워크플로를 통해 풀 스택
서버리스 웹 애플리케이션을 배포 및 호스팅 할 수 있는 AWS
서비스입니다.

13. AWS Amplify Console
당면한 문제 1.
- 같은 프로젝트를 다수의 개발자가 작업.
그러나, 테스트 서버는 1개
ㄴ 동시에 여러 과제의 테스트가 불가능함
ㄴ 테스트 서버 사용 시간을 사전에 약속함

14. AWS Amplify Console
당면한 문제 2.
- 배포를 수작업으로 진행.
ㄴ 휴먼에러 가능성이 높아짐
ㄴ 배포 작업에 많은 시간을 씀

15. AWS Amplify Console
Amplify Console의 매력적인 features
- Preview
- Git 기반
- 고가용성

16. AWS Amplify Console
Preview
Target Branch Task Branch 1
Task Branch 2
Task Branch 3
Pull
Request
pr-1.amplifyapp.com
pr-2.amplifyapp.com
pr-3.amplifyapp.com

17. AWS Amplify Console
Git 기반

18. AWS Amplify Console
고가용성
AWS Amplify Console
Amazon S3 Amazon CloudFront

19. AWS Amplify Console
AWS Amplify
AWS CodeBuild AWS CodeDeploy
Amazon S3 Amazon CloudFront
Amazon Route 53AWS Certificate
Manager
AWS CodeBuild AWS CodeDeploy

20. 소개
Front-end 개발자
+ 직접 만든 웹 어플리케이션을
높은 가용성으로 호스팅 할 수 있음.
+ 배포 자동화 시스템 구축 할 수 있음.
뿌듯 :)