cookie
-
[React] next.js ssr api요청에 쿠키 포함해서 보내기React 2024. 4. 19. 16:43
홈페이지에서 사용자 인증에 대한 jwt 토큰을 쿠키에 저장하고, api요청 시 해당 쿠키가 같이 전송되며 사용자 인증을 처리하는 경우가 있습니다. Next.js를 사용하여 서버 사이드 렌더링을 통해 API요청으로 데이터를 받아올 때 쿠키가 포함이 안 돼서 데이터를 받아오지 못하는 경우가 있습니다. 이때 Next.js에서 제공하는 cookies 함수를 사용하여 쿠키를 직접 포함시켜 보낼 수 있습니다. | cookies cookies함수는 next.js 13부터 제공되는 함수로 서버 컴포넌트에서 쿠키를 읽고 쓸 수 있도록 해주는 함수입니다. get() 메서드 cookie함수의 get(name) 메서드로 쿠키의 이름을 사용해 쿠키의 이름과 값을 포함하는 객체를 반환할 수 있습니다. 만약 이름이 포함된 쿠키가 ..
-
쿠키(Cookie)와 세션(Session)얇게 공부한 CS 2024. 2. 23. 14:46
웹 개발을 하다 보면, 사용자의 정보를 유지하고 관리해야 하는 경우가 있습니다. 이때 기본적으로 사용되는 기술이 쿠키(Cookie)와 세션(Session)입니다. | 쿠키(Cookie) 쿠키는 HTTP의 일종으로 사용자가 웹 사이트를 방문할 때, 사용자의 컴퓨터에 저장되는 작은 기록 파일입니다. 이 파일에 사용자가 사이트를 어떻게 이용했는지에 대한 정보가 담겨 있어서 사용자가 다시 사이트를 방문했을 때 이를 참고하여 개인화된 서비를 제공할 수 있습니다. 주요 특징 1. Key-Value쌍으로 구성되어 있습니다. 2. 도매인 당 20개의 쿠키를 가질 수 있습니다. 3. 하나의 쿠키는 4KB(4096byte)까지 저장 가능합니다. 4. 쿠키 이름, 값, 만료시간, 경로 정보 등으로 구성되어 있습니다. 5. ..