inflearn logo
강의

Course

Instructor

Getting Started with Next.js (feat. Map Service Development)

getServerSideProps

SSR vs SSG

Resolved

476

gmldnjs26

25 asked

1

안녕하세요 강의 정말 잘 듣고있습니다!

SSG가 SSR보다 사용자 경험이 좋은건 이해했습니다!

근데 한가지 더 의문점인건 SSG가 아니고 SSR을 선택해야하는 케이스가 있을까요? 라는 의문이 듭니다!

예를 들면 검색결과 페이지라던가 매번 매순간 페이지의 내용이 달라지는 페이지라면 SSG가 아니고 SSR로 만드는게 더 적합한 그런 케이스가 실무에서 있을까요?

seo next.js vercel csr ssg ssr

Answer 2

1

vroomfan

안녕하세요. 질문 감사합니다.

네! 보편적인 웹서비스를 개발한다면 실시간성이 그렇게까지 필요한 경우가 많진 않겠지만, '금융(은행, 주식)/병원/날씨' 등 실시간성이 중요하고 + 실시간이 아닐 경우 문제가 생기는 특수한 분야에서는 SSG보다 SSR(+필요시 웹소켓과 같은 기술도 함께)을 선택해야할 것입니다.

그 외의 경우엔 프로젝트마다 상황이 다 달라서 그때마다 적절한 렌더링 방식을 선택하는 것이 좋아보입니다ㅎㅎ

즐거운 연휴 되시길 바랍니다! :)

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

SSR과 SSG는 각각 서버사이드 렌더링과 정적 사이트 생성을 의미합니다.

SSG는 사이트의 모든 페이지를 빌드 시점에 미리 생성하여 서버에 저장하는 방식으로, 사용자가 페이지를 요청할 때마다 서버에서 페이지를 제공합니다. 이는 초기 로딩 속도가 빠르고 검색 엔진 최적화(SEO)에 유리하다는 장점이 있습니다.

한편, SSR은 페이지의 일부 또는 전체를 서버에서 동적으로 생성하여 클라이언트에게 전달하는 방식입니다. 이는 사용자가 페이지를 요청할 때마다 서버에서 데이터를 가져와 렌더링하기 때문에 매번 페이지의 내용이 달라지는 경우에 적합합니다.

따라서, 검색 결과 페이지 또는 매번 매순간 변하는 내용이 있는 페이지의 경우 SSR을 선택하는 것이 적합할 수 있습니다. SSR은 동적인 데이터에 따라 페이지가 실시간으로 변경되어야 하는 경우에 유용하게 사용될 수 있습니다.

하지만, SSR은 렌더링되는 과정에서 서버 자원을 많이 사용하고 처리 속도가 상대적으로 느릴 수 있습니다. 그래서 SSG와 SSR 중에서 선택할 때는 프로젝트의 요구사항과 성능, 개발 편의성 등을 고려하여 결정해야 합니다.

실무에서는 프로젝트의 성격과 목적에 따라 SSR 또는 SSG를 선택하는 경우가 있습니다. 어떤 방식이 가장 적합한지에 대해서는 프로젝트의 요구사항을 고려하여 결정하는 것이 적절합니다.

더 자세한 내용은 관련된 성능, 보안, 유지보수 등의 측면을 고려하여 선택해야 하므로, 인프런 커뮤니티 내에서는 제한된 정보로 답변드릴 수밖에 없습니다. 프로젝트에 적합한 방식을 선택하기 위해서는 상세한 후속 조사 및 공부가 필요합니다. 이 점 참고 부탁드립니다.

더 궁금하신 사항이 있다면 다시 질문해주세요. 좋은 하루 되세요!

API 라우터를 사용해야 하는 경우에 대해

1

150

1

키보드 어떤 거 사용하시나요

1

352

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

358

2

아주 기초적인 질문입니다.

1

322

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1170

2

수업을 듣다가 SSR에 관하여..

1

551

2

interface 와 type

1

376

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

384

1

onLoad함수 (script태그의 onLoad X)

1

426

1

dynamic에 대한 질문

1

447

1

NoSSR 관련한 질문입니다:)

1

376

1

a tag 질문 !

1

327

2

8분 20초 배포 관련

1

324

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2678

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

438

1

naver map 이 출력되지 않습니다.

1

481

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

264

2

Failed to load resource: the server responded with a status of 404 ()

1

1034

2

VSCode 익스텐션 궁금합니다.

1

356

1

상태관리 질문 있습니다!

1

449

1

swr에 대한 질문입니다. (용어 관련)

1

372

1

swr 질문입니다!

1

337

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

679

2

naver로고 important 값 주는 이유

1

366

2