항해 38일차(React-Cookie)

Undong·2023년 5월 13일
0

항해구구

목록 보기
38/52
post-thumbnail

항해 38일차

로그인 기능을 구현하던 중 쿠키에 대하여 어려워서 공부하게 되었다.

그래서 오늘은 cookie에 대해 TIL를 써볼려고 한다. 공부 하던 중 쿠키 라이브러리인 react-cookie에 대해 알게 되었다.

react-cookie에 대해 설명하겠다..🍪

npm install react-cookie
yarn add react-cookie

import React from 'react';
import { useCookies } from 'react-cookie';

function App() {
  const [cookies, setCookie, removeCookie] = useCookies(['cookieName']);

  const handleClick = () => {
    // 'cookieName'이라는 이름으로 쿠키를 설정합니다. 생성
    setCookie('cookieName', 'cookieValue', { path: '/' });
  };

  const handleRemove = () => {
    // 'cookieName'이라는 이름의 쿠키를 삭제합니다. 삭제
    removeCookie('cookieName');
  };

  return (
    <div>
      <button onClick={handleClick}>Set Cookie</button>
      <button onClick={handleRemove}>Remove Cookie</button>
      <p>Cookie value: {cookies.cookieName}</p>
    </div>
  );
}

export default App;

참고자료

https://jrepository.tistory.com/m/65

profile
console.log("Hello")

0개의 댓글