inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next + React Query로 SNS 서비스 만들기

Static(SSG) 모드와 ISR 모드, 마이크로프론트엔드

ISR로 블로그 구현시 궁금증 질문있습니다!!

132

qjatjs123123

작성한 질문수 11

0

안녕하세요!

좋은 강의 감사합니다

이번 강의를 수강하며 개념적으로 궁금한 점이 있어서 질문드려봅니다.

  1. ISR로 블로그 글을 revalidate 시간을 24시간으로 많이 넣어둔다고 하셨습니다. 티스토리나 벨로그에선 기존 글을 수정하면 바로 업데이트가 됩니다. 제가 아는 지식으로 ISR을 하게 된다면 24시간 동안 수정해도 기존 데이터를 보여주어야 한다고 생각해서 ISR보단 SSR이 적합하다고 생각했습니다.
    ISR은 이러한 문제를 해결할 수 있는지 궁금합니다.


  2. 블로그 글이나 뉴스같은 경우 대량의 데이터이기 때문에 그만큼 대량의 페이지가 HTML 파일로 생성되어 큰 용량을 차지할 것 같다는 생각이 들었습니다.


    이러한 부분은 어떻게 해결할 수 있는지 궁금합니다.


  3. ISR / SSG를 사용하는 페이지 경로로 Next/Link를 사용하여 접속할 경우 클라이언트 사이드 라우팅이 이루어진다고 알고 있습니다. 이 경우 미리 빌드된 HTML 파일을 렌더링하는 ISR/SSG의 장점이 사라지는 것처럼 보이는데, Next/Link에서 ISR/SSG를 사용할 때 어떤 이점이 있는지 궁금합니다.

소중한 시간내어 읽어주셔서 감사합니다.

react next.js react-query next-auth msw

답변 1

0

제로초(조현영)

  1. https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration#on-demand-revalidation-with-revalidatepath 이런 식으로 갱신하는 api를 만들어서 할 수 있습니다. 그 외에는 캐싱을 오래 가져가면 좋습니다.

  2. 대부분은 텍스트 기반이라 용량이 그리 크지 않습니다. 이미지도 링크로 하면 되고요.

  3. 첫 페이지 로딩 속도가 제일 중요해서 isr/ssg를 하는 겁니다. 그 다음 클라이언트 로딩을 하느냐는 크게 중요하지 않습니다.

0

qjatjs123123

엇!
ISR이 정말 좋아 보이는데, SSR은 언제 사용하는 게 좋을까요? SSR 대신 ISR로 대체할 수 있을 것 같아 질문드립니다.

0

제로초(조현영)

매번 새로운 데이터를 받아와서 보여줘야 하는 서비스는 ssr을 써야죠. 컨텐츠들 특성 살펴보면 개별 컨텐츠들은 isr이 괜찮아보여도 컨텐츠 모음 사이트(포탈, 플랫폼) 등은 ssr이 더 나은 경우가 많습니다

캡처링부분 질문있습니다.

0

74

2

깃에 소스코드를 찾을 수 없습니다.

0

113

2

useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩

0

98

1

import 파일 경로를 찾지 못 해서 에러가 발생합니다.

0

109

2

css 라이브러리 추천 부탁드립니다

0

140

2

팔로우 추천 목록이 빈 배열로 들어옵니다.

0

130

1

게시물 업로드 시 userId가 undefined로 들어가는 오류

0

119

1

useSuspenseQuery 사용 시 SSR 401 이슈 관련

0

170

1

리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??

0

184

3

폴링이 필요없는 이유

0

93

2

next Request Memoization과 react cache

0

108

2

seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?

0

84

2

next.js 서버fetch 에러 fallback ui 구현 방법

0

173

2

프레임워크 여론 파악법

0

125

2

필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??

0

103

2

서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.

0

102

2

template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈

0

66

2

Auth.js 사용 시 authorize 함수가 호출되지 않습니다

0

131

2

next.js 에서 로그인에 관하여

0

138

1

Next의 route handler에 대한 질문이 있습니다.

0

101

2

게시판 리스트 만들때 use client를 어디서부터 집어넣어야할지 모르겠습니다

0

97

2

프라이빗 폴더를 해야 하는 이유가 모호한 것 같아요.

0

85

2

vanilla-extract 못찾는 문제

0

229

2

fetch 캐싱과 revalidate 관련

0

84

2