뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, Amplify를 활용한 서버리스 웹 어플리케이션 만들기 [AWS Builders Standard Edition]
SJPark님의 학습노트

Amplify CLI를 활용한 서버리스 웹 어플리케이션 만들기 위한 개념 설명, 설치, 세팅 데모. 따라하기 할 수 없음

00:00<< Amplify CLI >> 중심으로 서버리스 기능들을 붙일 수 있다는 발표, 뒷쪽에 데모 있음. 따라하기(X)
10:19[설명] 발표자도 이야기 하는 드디어 Amplify 이야기 시작
12:39[설명] Amplify 환경구성
14:34[설명] Amplify Framework
15:08[설명] Amplify 사용과정
17:26[설명] 여기까지 개념 설명
17:54[명령어 설명] Amplify CLI command 들
19:28[명령어 설명] amplify init
20:21[설명] Amplify 기반의 서버리스 스택 설명
21:02[설명] 서비리스 인증
26:07[설명] 서버리스 API
35:59[설명] 서버리스 DynamoDB
37:16[설명] 서버리스 DataStore
37:52[데모] Amplify Auth + GraphQL API (Cloud9 에서 시연)
38:27[설치] npm install -g @aws-amplify/cli
38:41[설치] npx create-react-app photo-albums
38:47[설치] npm install --save semantic-ui-react
38:57amplify init
39:17** 따라하기 전에 AWS 억세스키를 준비하시고, environment 는 새로 만들어야 합니다.
39:59** amplify init 의 진행상황을 콘솔에서도 확인할 수 있음. cloudformation 에서 확인 가능
40:06amplify push
40:19[amplify library 설치] npm install --save aws-amplify aws-amplify-react
40:35[app.js 수정] import Amplify from 'aws-amplify'; import aws_exports from './aws-exports'; import { withAuthenticator } from 'aws-amplify-react'; Amplify.configure(aws_exports);
40:45amplify add auth
42:58amplify add api
46:38npm install --save react-router-dom
50:14** summary
51:15Amplify를 통한 Web Hosting
54:45Amplify admin UI
55:53** 실습이 별도 있음을 안내함
✔ 학습 완료

이런 러닝패스는 어때요?

SJPark님의 다른 노트는 어때요?

SJPark의 프로필 이미지
SJPark
의 학습노트

Amplify - 리액트(react)에 인증(Auth) 붙이기

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
15
00:00
Amplify 에 Auth 붙이기. 개발환경은 React, Amplify CLI 로 붙입니다. Amplify library 사용합니다.
02:12
npm install -g @aws-amplify/cli
👍
2
스크랩
SJPark의 프로필 이미지
SJPark
의 학습노트

A Plan Is Not a Strategy

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
3
00:20
전략과 계획은 다르다
01:06
전략은 성과를 내기 위한 액션플랜들의 통합이지
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기