항해 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;