nextjs2 httpOnly Cookie 속성이 부여된 쿠키 접근 방법 HttpOnly Cookieset-cookie 설정 시, XSS 공격 방지를 위해 HttpOnly 속성을 부여한다. 이를 통해 클라이언트 스크립트가 쿠키에 접근하는 것을 방지할 수 있다. 하지만 서버 컴포넌트에서는 접근 가능하다.Next.js 13 이후 버전부터, app router의 모든 컴포넌트들이 기본적으로 서버 컴포넌트이기 때문에 접근이 가능하다! 접근 방법은 아래와 같다. //app/home/page.tsximport React from "react"import { cookies } from "next/headers"const page = () => { const cookieStore = cookies(); const token = cookieStore.get("accessToken")?.val.. 2024. 6. 5. Next.js의 App Router와 Pages Router ※ 해당 글은 Next.js 13.4.0 이후 버전 기준 App Router와 Page Router의 차이를 비교한 글입니다. Routing nextjs는 파일 시스템을 기반으로 라우팅을 구현한다. Built-on App Router 서버 중심 라우팅 Next.js 13.4.0 버전의 App Router는 서버 중심 라우팅 방식으로, React Server Components를 사용하여 구현되었다. 가장 큰 변화로는, 서버에서 데이터를 조금 더 쉽게 가져오게 되며, 페이지 이동 시에도 페이지를 재렌더링하지 않고 SPA(Single Page Application)처럼 URL만 업데이트하여 변경된 부분만 렌더링 하는 방식을 제공한다. React Server Components를 기반으로 한 서버 중심 라우팅.. 2024. 3. 20. 이전 1 다음
