전체 글20 Git hub 꾸미기 https://github.com/alexandresanlim/Badges4-README.md-Profile#how-to-use 이 웹사이트에 들어가 자신이 공부하고 있거나 했었던 언어를 복사 후 Create a img tag or  2개의 이미지 태그 중 하나를 Read.me에 넣고 복사 붙여 넣기. 예시) 2023. 4. 25. Next.js( react-slick ) react-slick을 사용하여 배경화면 자연스럽게 슬라이드 하는 형태의 메인 페이지 npm i react-slick import React from "react"; import Slider from "react-slick"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; const ImageSlider = () => { const settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1 }; return ( ); }; export default ImageSlider; 2023. 3. 23. JWT 순서 클라이언트 1. 로그인 요청 3. 로그인 성공 4. 인증에 정보가 필요한 요청을 함( 게시글 작성 or 로그인이 필요한 서비스) - 담아준 accessToken을 headers['Authorization']에 담아서 요청 headers['Authorization'] = `Bearer ` + localStorage.getItem('accessToken') 이런 식으로 6. 클라이언트에서 넘어온 요청이 401 에러면, refreshToken으로 유효한 accessToken 요청 8. 발급받은 accessToken으로 다시 실패한 요청을 보냄( 5-1번으로 이동) 서버 2. accessToken, refreshToken 발급 ( accessToken은 cokkie httpOnly 저장을 위한 3가지 방법) 1.. 2023. 2. 16. JWT Token JWT ( JSON WEB TOKEN ) 작동과정 클라이언트 1. 인증이 필요한 요청을 한다 -> accessToken을 header['Authrization']에 담아서 요청을 한다. 3. 401 UnAuthrization Error를 받고 accessToken이 있다면 본인의 쿠키에 담긴 refreshToken으로 accessToken을 발급받는다 4. refresh된 accessToken을 저장하고, 실패한 요청의 header에 Authrozation 속성에 accessToken을 담아 재요청을 보낸다.(retry 1) 서버 2. 요청 받고 accessToken의 유효성을 판단한다 2-1 성공 -> 요청처리하고 로직을 실행한다 2-2 실패 -> accessToken이 유효하지 않음을 판단하고 401.. 2023. 2. 2. 이전 1 2 3 4 5 다음
