SSR 2

렌더링 방식 비교

SSR, ISR, SSG가 SEO에 유리한 이유는 검색엔진이 페이지에 방문하여 HTML을 읽을 때 내용이 들어 있기 때문이다.검색엔진이 CSR 방식의 페이지를 읽으면 초기 HTML에 의미 있는 콘텐츠가 거의 보이지 않고, JS 실행 이후에야 DOM이 완성된다. 검색엔진의 JS 실행은 비용이 커서 우선순위가 낮거나, 항상 보장되지 않기 때문에 CSR이 SEO에 불리하다. Next.js 컴포넌트 상단에 'use client'를 선언하면 해당 컴포넌트와 그 하위 컴포넌트들이 전부 클라이언트 컴포넌트가 되어 JS 번들에 포함된다. SSR, ISR, SSG는 어떤 선언을 통해 정의되는 것이 아니라 페이지가 데이터를 fetch하는 방식에 따라서 자동으로 결정된다.서버 컴포넌트에서 ISR과 SSG 방식은 요청의 응답..

🤓 TIL/웹 2026.01.24

[#2] 가이드 화면 구현 삽질기

구현 목표가이드 화면을 만들기로 했다.원래 기획은 로그인이 안 되어 있으면 바로 로그인 화면으로 리다이렉트하고,로그인이 되어 있으면 캘린더 화면으로 리다이렉트하는 것이었다. 이제 기획이 변경되어서, 로그아웃된 상태이더라도 캘린더 화면에 접근할 수 있고,예시로 생성된 가이드 데이터를 볼 수 있게 하고자 했다. 트러블 해결 후 또 트러블...우선 루트에 들어왔을 때 캘린더 화면으로 리다이렉트하도록 구현하였다. 루트는 존재하지 않고, 메인 화면은 캘린더였기 때문이다.그러나 현재 구현상 캘린더 화면에 들어서는 순간 react-query의 useQuery를 통해 스케줄 정보를 불러오는 요청이 보내져서,비로그인 상태일 때는 access token이 없는 상태여서axios 인스턴스의 request 인터셉터에서 로그..