Oh no! It looks like JavaScript is not enabled in your browser.
Reload
LearnFit
YouTube, AWS Amplify - 리액트에 인증(Auth)이 넘모 쉽게 만들어지잖앙....
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
-3
+3
🤩
🧐
🤔
😵💫
🤯
00:01
SJPark
님의 학습노트
도움돼요
2
Amplify - 리액트(react)에 인증(Auth) 붙이기
#AWS
#amplify
#framework
#cloud
#developer
#fullstack
#풀스택
#클라우드
#개발자
#리액트
#react
00:00
Amplify 에 Auth 붙이기. 개발환경은 React, Amplify CLI 로 붙입니다. Amplify library 사용합니다.
02:12
npm install -g @aws-amplify/cli
02:21
amplify init
03:37
configuration
06:22
amplify add auth
06:55
amplify push
12:21
npm install aws-amplify
12:47
import Amplify from "aws-amplify"
13:04
Amplify.configure();
13:47
import configure from "./aws-exports";
14:58
npm install @aws-amplify/ui-react
15:25
import {} from "@aws-amplify/ui-react";
15:37
import { withAuthenticator } from "@aws-amplify/ui-react";
17:03
App -> withAuthenticator(App);
19:12
AmplifySignOut
✔ 학습 완료
댓글
0
취소
작성하기
이런 러닝패스
는 어때요?
무료
박어진
의 러닝패스
포트폴리오... 너 뭐 돼? - 마케팅 지원자 주목! 포트폴리오 기초 뿌시기
무료
AM 2 PM
의 러닝패스
토스 이승건 대표의 PO 세션 총정리
무료
서원석
의 러닝패스
입문자를 위한 React Router(버전6)
무료
코드종
의 러닝패스
제 2회 마스터 클래스 🏆 프론트엔드 개발자 머릿속이 복잡해진 이유
무료
시리즈
서원석
의 러닝패스
자바스크립트 ES6
SJPark
님의 다른 노트는 어때요?
SJPark
의 학습노트
피그마 처음 써보는 디자이너가 써 봅니다. 텍스트, 가이드, 확대 축소, 라운드, 이미지, 플로그인, 인터랙션
Video
⏱ 핵심 스탬프
12
개
00:10
디자인 실력은 툴과 무관하다.
01:06
텍스트를 써보자
👍
1
SJPark
의 학습노트
Amplify CLI를 활용한 서버리스 웹 어플리케이션 만들기 위한 개념 설명, 설치, 세팅 데모. 따라하기 할 수 없음
Video
⏱ 핵심 스탬프
30
개
00:00
<< Amplify CLI >> 중심으로 서버리스 기능들을 붙일 수 있다는 발표, 뒷쪽에 데모 있음. 따라하기(X)
10:19
[설명] 발표자도 이야기 하는 드디어 Amplify 이야기 시작
👍
1
다시 보지않기
👋 다양한
인사이트
를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기