인프런 커뮤니티 질문&답변

박굿뜨님의 프로필 이미지
박굿뜨

작성한 질문수

Next.js 시작하기(feat. 지도 서비스 개발)

getServerSideProps

SSR vs SSG

해결된 질문

작성

·

351

1

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

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

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

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

답변 2

1

박용주님의 프로필 이미지
박용주
지식공유자

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

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

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

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

0

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

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

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

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

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

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

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

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

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

박굿뜨님의 프로필 이미지
박굿뜨

작성한 질문수

질문하기