길잃은곰
길을 잃어 떠도는 곰
길잃은곰
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • Algorithm (6)
    • HTML, CSS (9)
    • Frontend (1)
    • SW공학 (1)
    • WEB (4)
    • Javascript (29)
    • Typescript (0)
    • React (8)
    • Computer Science (11)
    • NEWS (0)
    • TIL(WIL) (4)
    • ETC (5)

블로그 메뉴

  • ✨깃허브
  • 홈
  • 태그
  • 방명록

인기 글

태그

  • EM
  • REM
  • VH
  • Pixel
  • VW
  • root-element
  • element
  • ES8
  • 자바스크립트
  • javascript2016
  • 코드트리
  • 연탄
  • Es5
  • ES6
  • js2016
  • ES7
  • JavaScript
  • PX
  • %
  • 코테
hELLO · Designed By 정상우.
길잃은곰

길을 잃어 떠도는 곰

Frontend

[ Front ] 클라이언트 사이드 라우팅 ( Client Side Routing )

2023. 1. 20. 10:54

Client Side Routing이란?

Client Side Routing은 클라이언트에서 라우팅을 처리하는 방식입니다. 서버에서 라우팅을 처리하는 방식은 Server Side Routing이라고 합니다. 보통 SPA에서는 Client Side Routing을 사용합니다.

  • 동작 과정 : HTML 다운로드 -> JS 다운로드 -> JS 실행 -> Data Fetch -> Content Rendering

Client Side Routing의 장점

  1. Lazy Loading 지원
  2. 클라이언트 사이드 렌더링은 사용자에 행동에 필요한 부분만 읽기 때문에 빠른 인터렉션 가능
  3. page 전체를 요청하지 않고 필요한 부분만 요청하기 때문에 트래픽 감소

Client Side Routing의 단점

  1. SEO에 불리 (검색엔진이 SPA를 제대로 수집하지 못함)
  2. 페이지를 읽고, JS 읽고, 화면을 그리는 과정이 필요하기 때문에 초기 로딩 속도가 느림
저작자표시 비영리 동일조건 (새창열림)
    길잃은곰
    길잃은곰

    티스토리툴바