auth 썸네일형 리스트형 [React] 로그인 여부 확인 - Auth [Node.js] Auth 기능 만들기 (tistory.com) [Node.js] Auth 기능 만들기 https://youtu.be/OGVsnbEbSLM?si=Wvx3Btu8ptwH0WYH 본 포스팅은 John Ahn님의 유튜브 강의를 참고하였습니다. 웹 서비스에서는 로그인 여부에 따라 접속할 수 있는 페이지가 있고, 회원만 사용할 수 있는 페이지 pufrontend.tistory.com 서버에서 만든 Auth 기능을 만들었었습니다. 클라이언트에도 적용시킬 차례입니다. hoc 폴더를 만들고 Auth.js 파일을 만들어 줍니다. import React, { useEffect } from 'react'; import Axios from 'axios'; import { useDispatch } from 'r.. 더보기 [Node.js] Auth 기능 만들기 https://youtu.be/OGVsnbEbSLM?si=Wvx3Btu8ptwH0WYH 본 포스팅은 John Ahn님의 유튜브 강의를 참고하였습니다. 웹 서비스에서는 로그인 여부에 따라 접속할 수 있는 페이지가 있고, 회원만 사용할 수 있는 페이지가 있습니다. Auth 기능은 라우팅을 통해서 이것을 구분해주는 역할을 합니다. Auth의 기본적인 개념은 Client에서는 쿠키에 담겨져 있는 토큰을, Server에서는 DB에 담겨져 있는 토큰을 서로 비교하는 것입니다. 먼저 쿠키에 있는 토큰을 가져와서 복호화하고 토큰을 비교해야합니다. 이를 위해서는 먼저 get요청을 해야합니다. app.get('/api/users/auth',auth, (req,res)=>{ res.status(200).json({ _id:.. 더보기 이전 1 다음