풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

92

풀스택 서버리스

용자가 로그인한 경우 세션

session

에 대한 정보와 사용자 프로필 데이터를 반환합니다.

Prole

컴포넌트에서 사용될 사용자 정보는 사용자 이름과 전화번호, 이메일 및 사용자가 가입할 때

수집된 기타 정보들입니다.

/* src/Profile.js */

import React, { useState, useEffect } from 'react'

import { Auth } from 'aws-amplify'

import { withAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react'

import Container from './Container'

function Profile() {

useEffect(() => {

checkUser()

}, [])

const [user, setUser] = useState({})

async function checkUser() {

try {

const data = await Auth.currentUserPoolUser()

const userInfo = { username: data.username, ...data.attributes }

setUser(userInfo)

} catch (err) { console.log('error: ', err) } ...