구분 | ssg | ssr | csr | isr(ssg) |
---|---|---|---|---|
줄임말 | static side generation | server side rendering | client side rendering | Incremental Static Regeneration |
렌더링 기점 | 서버에서 html을 미리 다 만들어 둔다 빌드 시 이미 만들어진 html을 확인 할 수 있다 | 서버에서 렌더링을 마치고 요청이 있을 때 마다 HTML을 던져준다 MPA 구조에 주로 쓰임 (깜빡임 현상) | 브라우저(client)가 최초 로딩시 CSS,javascript,js 파일을 받아온다 DOM 내용만 교체해서 사용하는 동적 렌더링이며 SPA 구조에 주로 쓰임 | ssg에 속하는 방식으로 일정한 시간단위로 빌드를 업데이트 해준다 |