[React] react-cookie

토큰(jwt)

회원가입과 로그인 같은 인증(auth) 기능을 구현하기 위해서 프론트엔드에서 쿠키에 토큰(jwt)을 저장하는 경우에 react-cookie를 사용 합니다.

Import { Cookies } from “react-cookie”

Const cookies = new Cookies()

Export const setCooke = ( name : string, value : string, option? :any) => {
	return Cookies.set( name, value, { …option })
}

Export const getCookie = ( name : string ) => {
	return cookies.get(name)
}

set과 get함수로 쿠키를 저장하고 이용한다.

setCookie를 통해 jwt토큰을 저장

Const jwtToken = await signIn( signInPayload)
if( jjwnToken ){
	setCookie(‘myToken’, token, {
		path: “/“,
		secure:true,
		sameSite:”none,
	})
}

getCookie

Await axios({
	method : ‘get’,
	url: ‘api.example.com/auto/currentUser',
	headers: {
		“Content-Type”:”application/json”,
		 Authorization: ‘Bearer ${getCookie(‘myToken’)},
	}
})