Next.js 환경에서 cookie 설정하기

이번에 두 개 이상의 쿠키를 설정하는 방법을 몰라서 삽질을 했습니다. 다른 분들은 저처럼 삽질하지 마시라고 기록합니다!🤣 우선 기본적인 쿠키 설정 방법 예시입니다. ✨ 쿠키 설정 예시 import { serialize } from "cookie"; export async function POST(res: Response) { ... const ACCESS_SERIALRIZE = serialize("kakaoAccessToken", access_token, { httpOnly: true, secure: process.env.NODE_ENV === "production", sameSite: "strict", maxAge: expires_in, path: "/", }); return NextResponse.j..

• format_list_bulleted 개발관련/Next
• · 2024. 1. 9.
• textsms

JWT 어디에 보관해야 하는걸까?

로그인 Auth를 구현하기 위해서는 두 가지 방법을 사용할 수 있는데요, 세션을 사용하는 방법. 토큰을 사용하는 방법. 세션과 토큰의 차이는 다음 블로그 글을 참고해주세요. [개발 상식] 쿠키, 세션, 토큰 어떤 차이일까? 이번 글은, 세션과 토큰의 차이점을 공부하며 정리한 글입니다. 세션과 토큰의 차이점을 알고, 적시에 사용할 수 있는 프로그래머가 되어 봅시다! 우선 세션과 토큰을 설명하기 앞서, 쿠키라는 lurgi.tistory.com ❓세션과 토큰의 장단점? 토큰의 강력한 장점은 DBless한 구조를 만들 수 있다는 것입니다. 세션은 세션DB가 따로 필요하거든요. 따라서 사용자 수가 급증함에 따라 세션 구조를 사용하는 서비스는 서버 관리에 비용이 점차 증가하게 됩니다. 그래서 많이 사용하는 방법이 ..

• format_list_bulleted 개발관련/etc
• · 2023. 12. 28.
• textsms

[개발 상식] 쿠키, 세션, 토큰 어떤 차이일까?

이번 글은, 세션과 토큰의 차이점을 공부하며 정리한 글입니다. 세션과 토큰의 차이점을 알고, 적시에 사용할 수 있는 프로그래머가 되어 봅시다! 우선 세션과 토큰을 설명하기 앞서, 쿠키라는 개념을 짚고 넘어가 봅시다. 🍪쿠키(Cookie)? 쿠키는 브라우저에 데이터를 저장하는 것을 말합니다. 모든 브라우저는 ‘요청’ 을 보내고, ‘응답’을 받게 되는데요, 이 때 브라우저가 요청을 보낼 때 보내야할 데이터가 있다면 함께 보낼 수 있게 됩니다. 요청 시 쿠키 데이터를 함께 보낼 수 있게 되는 것이죠. 이렇게 쿠키에 저장된 값 덕분에 인증은 물론, 다양한 정보를 저장할 수 있어 페이지가 이동되거나, 브라우저를 닫고 열어도 데이터를 기억할 수 있다는 것이죠. 일반적으로 쿠키는 유효기간을 가지고 있으며, 개발 환경..

• format_list_bulleted 개발관련/개발 상식
• · 2023. 11. 23.
• textsms