Search

Cookie

대분류
프레임워크
소분류
Next.js
유형
Cookie
최종 편집 일시
2024/10/30 02:49
생성 일시
2024/10/30 02:47
15 more properties

cookies().get(name)

쿠키 이름을 사용하고 이름과 값이 있는 개체를 반환하는 메서드
name이 없는 쿠키는 undefined를 반환한다.
여러 쿠키가 일치하는 경우 첫 번째 일치 항목만 반환합니다.
import { cookies } from 'next/headers' export default function Page() { const cookieStore = cookies() const theme = cookieStore.get('theme') return '...' }
JavaScript
복사
get과 유사 하지만 name과 일치하는 모든 쿠키 목록을 반환하는 메서드
name을 지정하지 않으면 사용 가능한 모든 쿠키를 반환합니다.
import { cookies } from 'next/headers' export default function Page() { const cookieStore = cookies() return cookieStore.getAll().map((cookie) => ( <div key={cookie.name}> <p>Name: {cookie.name}</p> <p>Value: {cookie.value}</p> </div> )) }
JavaScript
복사
쿠키 이름을 가져와서 쿠키가 존재하는지(true) 또는 존재하지 않는지(falseboolean에 따라 반환하는 메서드
import { cookies } from 'next/headers' export default function Page() { const cookiesList = cookies() const hasCookie = cookiesList.has('theme') return '...' }
JavaScript
복사
쿠키 이름, 값 및 옵션을 사용하고 요청을 수신하는 쿠키를 설정하는 메서드
'use server' import { cookies } from 'next/headers' async function create(data) { cookies().set('name', 'lee') // or cookies().set('name', 'lee', { secure: true }) // or cookies().set({ name: 'name', value: 'lee', httpOnly: true, path: '/', }) }
JavaScript
복사
쿠키를 "삭제"하려면 이름이 같고 값이 비어 있는 새 쿠키를 설정해야 함
쿠키를 즉시 만료하도록 maxAge를 설정할 수도 있음
'use server' import { cookies } from 'next/headers' async function create(data) { cookies().set({ name: 'name', value: '', expires: new Date('2016-10-05'), path: '/', // For all paths }) }
JavaScript
복사