Chris.Koo
Developer 쿠의 개발이야기
Chris.Koo
전체 방문자
오늘
어제
  • 분류 전체보기 (17)
    • Python (2)
    • Android (5)
    • iOS (2)
    • 알고리즘 (0)
    • Git (1)
    • 생각 (1)
    • Web (4)
    • Blockchain (1)
    • 자동차 (1)

블로그 메뉴

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

공지사항

인기 글

태그

  • nextjs
  • viewtoroot
  • multiprocessing
  • rxjava
  • rootView
  • NavigationLink
  • BaseActivity
  • Blockchain
  • Kotlin
  • Python
  • firebase
  • Klaytn
  • RemoteConfig
  • Klay
  • swiftUI
  • feedelegation
  • isdetaillink
  • rxbus
  • Android
  • SSR
  • fetchedresults
  • rxKotlin
  • kaikas
  • viewBinding
  • ios
  • basefragment
  • DynamicList
  • react
  • appversion
  • imap_unordered

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Chris.Koo

Developer 쿠의 개발이야기

Web

SSR(Server-Side Rendering)의 장점과 단점

2023. 2. 26. 14:57

SSR(Server-Side Rendering)은 클라이언트와 서버의 역할을 분담하여 페이지를 렌더링하는 방식입니다. 이 방식은 다음과 같은 장단점이 있습니다.

장점:

  1. 초기 로딩 시간이 빠름 SSR은 서버에서 이미 페이지를 렌더링했기 때문에 초기 로딩 시간이 빠릅니다. 이는 사용자가 페이지를 보기 위해 기다리는 시간을 줄여주어 사용자 경험을 향상시킵니다.
  2. 검색 엔진 최적화(SEO) SSR은 서버 측에서 페이지를 렌더링하기 때문에 검색 엔진이 페이지의 콘텐츠를 잘 인식할 수 있습니다. 이는 검색 엔진 최적화를 위해 중요한 요소입니다.
  3. 보안성이 높음 SSR은 서버에서 페이지를 렌더링하기 때문에 보안성이 높습니다. 클라이언트에서 보안을 처리할 필요가 없기 때문입니다.
  4. 코드 유지 보수가 용이함 SSR은 클라이언트 측에서 페이지를 렌더링하는 CSR(Client-Side Rendering)과 달리 서버 측에서 페이지를 렌더링하기 때문에 코드 유지 보수가 용이합니다.

단점:

  1. 서버 리소스가 많이 필요함 SSR은 서버에서 페이지를 렌더링하기 때문에 서버 리소스가 많이 필요합니다. 이는 대규모 트래픽이 발생하는 경우 서버 성능에 영향을 미칠 수 있습니다.
  2. 초기 구현 비용이 높음 SSR을 구현하기 위해서는 서버에서 페이지를 렌더링하는 기술에 대한 이해와 경험이 필요합니다. 이는 초기 구현 비용이 높아질 수 있다는 단점이 있습니다.
  3. 사용자 인터랙션이 떨어짐 SSR은 페이지 전체를 다시 렌더링해야 하기 때문에 사용자 인터랙션이 떨어질 수 있습니다. 이는 CSR에 비해 사용자 경험을 제한할 수 있다는 단점이 있습니다.

SSR은 초기 로딩 시간과 검색 엔진 최적화를 위해 중요한 방식입니다. 하지만 대규모 트래픽이 발생하는 경우에는 서버 리소스가 많이 필요하므로 적절한 방식을 선택하는 것이 중요합니다.

저작자표시 (새창열림)

'Web' 카테고리의 다른 글

CSR(Client-Side Rendering)과 SSR(Server-Side Rendering)의 차이점은 무엇인가?  (0) 2023.02.26
SSR(Server-Side Rendering)이란 무엇인가?  (0) 2023.02.26
vue sass global import - Sass 사용시 중복으로 import 안하도록 하는 방법  (1) 2022.03.08
    'Web' 카테고리의 다른 글
    • CSR(Client-Side Rendering)과 SSR(Server-Side Rendering)의 차이점은 무엇인가?
    • SSR(Server-Side Rendering)이란 무엇인가?
    • vue sass global import - Sass 사용시 중복으로 import 안하도록 하는 방법
    Chris.Koo
    Chris.Koo
    개발하며 얻은 지식과 방법론 및 일화에 대해 남기고자 만든 블로그 입니다

    티스토리툴바