# ISR

19개의 포스트

Front-end에서의 렌더링 방식

Next.js는 리액트 기반의 프레임워크로 웹 애플리케이션을 만드는 데 필요한 전체적인 솔루션을 제공한다. 기본적으로 React로 만든 애플리케이션은 SPA로 간주하는데 이는 Client Side Rendering 방식을 채택한다. Next.js를 사용하면 Server

2023년 5월 10일
·
0개의 댓글
·
post-thumbnail

웹 랜더링 방식 CSR, SSR, SSG, ISR

웹 랜더링 방식 CSR, SSR, SSG, ISR 에 대한 장단점 정리와 언제 어떤 방식을 채택해야 할지에 대한 간단 정리

2023년 3월 17일
·
0개의 댓글
·

CS | Rendering 종류

브라우저의 Rendering 기본적인 렌더링의 설명이다. 아래 링크에 자세한 자료와 설명이 있다. 영상 - https://www.youtube.com/watch?v=oLC_QYPmtS0 자료 - https://davidhwang.netlify.app/Develop

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[Next.js] CSR vs SSR

CSR과 SSR 설명을 기반으로 한 Next.js data fetch 방법 정리!

2023년 1월 20일
·
2개의 댓글
·
post-thumbnail

next JS 강의 정리 - 1 (nextJS & data Fetching)

public폴더 - /접근 가능 ex) src= '/varcel.svg'SSR - server side render : 서버작동( 터미널에 찍힘 ) 서버 부하를 일으킴CSR - client side render : 클라이언트 작동( 개발자도구 콘솔에 찍힘)SSG -

2023년 1월 10일
·
0개의 댓글
·

[용어] CSR, SSR, SSG, ISR

client side rendering 의 약자로서버에서 데이터만 받아와서 클라이언트 단에서 데이터가 담긴 컴포넌트들이 랜더링 됩니다.보통 SPA(single page application)에서 많이 사용됩니다.브라우저에서 처음에 도메인을 입력하면DNS서버를 통해 ip

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

Next js 동적 SEO 구현기

🔎 SEO를 위해 SSR, SSG, ISR을 순차적으로 적용해 나간 과정을 기록했습니다!

2023년 1월 5일
·
6개의 댓글
·
post-thumbnail

SSG SSR CSR ISR 그리고 SPA MPA

프론트앤드 렌더링 분류

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

[Kafka]Broker, Replication, ISR

시켜줘 데이터의 명예소방관.. 데이터의 소실을 막아줄 녀석들과 서버쓰

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

Next.js 의 pre-rendering(SSG, SSR, ISR)

Next.js 란? Next.js는 React로 만드는 서버사이드 렌더링 프레임워크이다.

2022년 9월 27일
·
0개의 댓글
·
post-thumbnail

Next.js 에 대한 거의 모든 것

Next.js 에 대해 있을 건 다 있고 없을 건 없는

2022년 9월 11일
·
10개의 댓글
·

ISR(Incremental Static Regeneration) 단계적 정적 재생성

** ISR 단계적 정적 재생성에 대해서 알아보고 이를 통해서 웹의 속도를 향상시켜본다. ** ex.) await new Promise(resolve => setTimeout(resolve, 5000)) =>다음 부분 실행시키는데, 5초 지연시킴.

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

SSG / SSR / ISR / CSR 차이

SSG / SSR / ISR / CSR 차이를 알아봅시다!

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

NextJS와 ISR

ISR과 On-demand revlidation을 이용하면 정적생성으로도 사용자에게 실시간으로 업데이트된 페이지를 제공할 수 있다!

2022년 7월 7일
·
3개의 댓글
·
post-thumbnail

🧐 CSR, SSR, SSG, ISR 개념 정리 ( Next.js )

Next.js를 기반으로 CSR, SSR, SSG, ISR에 대한 개념을 정리한 작성한 포스트

2022년 6월 29일
·
0개의 댓글
·

Next CSR vs SSR vs SSG vs ISR

Next js를 사용한다! 라고 하면 자연스레 SSR을 통한 SEO 최적화를 생각하기 마련이다. 하지만 Next는 SSR만 제공하지 않는다. 오히려 Link 를 이용하면 CSR처럼 작동하기도 한다. Next를 사용한 다는 것은 미리 생성된 html (pre-render

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

pre-rendering 체크리스트: CSR SSR SSG ISR

페이지마다의 특징을 이해하고 렌더링 방식을 구분하는 것은 매우 중요합니다. 도대체 어떤 기준으로 선정해야할지 체크리스트와 함께 알아봅시다 ;) 개노답 3대장 CSR, SSR, SSG!! - 사견입니다

2022년 5월 13일
·
0개의 댓글
·
post-thumbnail

Next의 증분 정적 생성(ISR) 타임라인을 이해해보자

최근 CRA 프로젝트를 넥스트로 이관하는 작업이 한창입니다. 넥스트는 서버 사이드 랜더링과 동시에 클라이언트 사이드 랜더링을 동시에 지원하기 때문에 점진적 이관이 가능했죠. 단순히 빌드가 실패되는 문제들을 제외하면요.이후 적절한 getStaticProps, getSta

2022년 3월 23일
·
0개의 댓글
·
post-thumbnail

[운영체제] 인터럽트

현재의 운영체제는 인터럽트 기반 시스템이다. 운영체제가 부팅되어 메모리에 상주한 후, 운영체제는 대기 상태로 유지되는데 이때 인터럽트가 발생하면 os내부에서 다른 동작을 하게 된다.interrupt(인터럽트) : 프로그램을 실행하던 도중 예기치 못한 상황이 발생하면 현

2021년 11월 4일
·
0개의 댓글
·