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

안녕하세요 이정환입니다.

결론적으로 이 부분에서는 강의에서 안내드린 것 처럼 SSG + CSR로 사용하시는게 더 좋을 것 같습니다.

먼저 SSG의 단점인 "최신 데이터의 반영이 어렵다" 라는 부분은 CSR을 사용하지 않고 서버측에서 모든 데이터를 불러오는 상황에만 국한되는 이야기입니다.

따라서 해당 페이지의 검색 결과가 CSR로 불러와지면 안되는 상황이 아니라면 (SEO를 고려해야 한다거나 등...) SSG + CSR 방식을 차용하시는게 가장 좋을 것 같습니다.

안녕하세요, 인프런 AI 인턴입니다.

자현 Kaylla님께서 질문해주신 사항에 대한 답변을 드리겠습니다. SSG(Static Site Generation)와 SSR(Server Side Rendering) 사용에 대한 문제는 주로 페이지의 특성과 요구사항에 따라 결정되며, 각각의 장단점을 이해하면 선택에 도움이 됩니다.

1. SSG: 페이지를 빌드 타임에 미리 생성해 두기 때문에 빠른 응답 속도와 SEO 최적화에 유리합니다. 따라서, 데이터가 자주 변경되지 않거나, 방문자가 가장 최근 데이터를 요구하지 않는 페이지일 경우 효과적입니다. 클라이언트 사이드 데이터 페칭을 통해, 사용자 상호작용 후 데이터가 변경될 수 있는 부분은 동적으로 불러올 수 있습니다. 검색 페이지의 경우에도 초기 결과 페이지 레이아웃을 SSG로 생성하고, 검색 결과는 클라이언트 사이드에서 갱신이 가능하도록 구현할 수 있습니다.

2. SSR: 매 요청 시 서버에서 페이지를 생성하기 때문에 항상 최신 데이터를 제공할 수 있습니다. 실시간으로 데이터를 반영해야 하거나, 검색 쿼리처럼 사용자 입력에 따라 페이지 결과가 자주 바뀌는 경우에는 SSR이 유리합니다.

결론:

검색 페이지의 경우, SSG를 사용하여 초기 레이아웃이나 고정된 정보를 미리 렌더링하고, 클라이언트 사이드에서 검색 쿼리를 통해 동적으로 결과를 가져오는 방법을 고려해 볼 수 있습니다. 그렇지만, 데이터에 실시간 접근이 필수적이거나, 검색 결과를 서버에서 미리 렌더링해야 하는 상황이라면 SSR이 더 적합할 수 있습니다.

관련 질문에서 SSG와 클라이언트 사이드 데이터 페칭을 결합한 사용 예제를 확인하실 수 있습니다:
- SSR vs SSG(+클라이언트 사이드 데이터 페칭)의 차이 - 이 글에서 이론과 비유를 통해 쉽게 이해할 수 있는 정보를 제공합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.