뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, AWS Amplify - 리액트에 인증(Auth)이 넘모 쉽게 만들어지잖앙....
SJPark님의 학습노트

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

#AWS
#amplify
#framework
#cloud
#developer
#fullstack
#풀스택
#클라우드
#개발자
#리액트
#react
00:00Amplify 에 Auth 붙이기. 개발환경은 React, Amplify CLI 로 붙입니다. Amplify library 사용합니다.
02:12npm install -g @aws-amplify/cli
02:21amplify init
03:37configuration
06:22amplify add auth
06:55amplify push
12:21npm install aws-amplify
12:47import Amplify from "aws-amplify"
13:04Amplify.configure();
13:47import configure from "./aws-exports";
14:58npm install @aws-amplify/ui-react
15:25import {} from "@aws-amplify/ui-react";
15:37import { withAuthenticator } from "@aws-amplify/ui-react";
17:03App -> withAuthenticator(App);
19:12AmplifySignOut
✔ 학습 완료

이런 러닝패스는 어때요?

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

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

피그마 처음 써보는 디자이너가 써 봅니다. 텍스트, 가이드, 확대 축소, 라운드, 이미지, 플로그인, 인터랙션

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
12
00:10
디자인 실력은 툴과 무관하다.
01:06
텍스트를 써보자
👍
1
스크랩
SJPark의 프로필 이미지
SJPark
의 학습노트

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

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
30
00:00
<< Amplify CLI >> 중심으로 서버리스 기능들을 붙일 수 있다는 발표, 뒷쪽에 데모 있음. 따라하기(X)
10:19
[설명] 발표자도 이야기 하는 드디어 Amplify 이야기 시작
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기