클라이밍하는 개발자

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

CSR 1

서버 사이드 렌더링과 클라이언트 사이드 렌더링의 차이점은 무엇인가요?

🚀 서버 사이드 렌더링 vs 클라이언트 사이드 렌더링🤔 두 렌더링 방식의 간단한 비교안녕하세요! 오늘은 웹 개발에서 중요한 두 가지 렌더링 방식인 서버 사이드 렌더링(SSR)과 클라이언트 사이드 렌더링(CSR)에 대해 알아보겠습니다.📊 한눈에 보는 비교구분 서버 사이드 렌더링(SSR) 클라이언트 사이드 렌더링(CSR)렌더링 위치서버브라우저(클라이언트)초기 로딩 속도⚡ 빠름🐢 느림초기 이후 속도🐢 느림⚡ 빠름SEO 최적화👍 좋음👎 나쁨서버 부하🔴 높음🟢 낮음사용자 경험초기 화면 빠름페이지 전환 부드러움🖥️ 서버 사이드 렌더링(SSR)이란?📝 작동 방식사용자가 웹 페이지를 요청합니다. 🙋서버는 완전히 렌더링된 HTML을 생성합니다. 🏭브라우저는 이미 모든 내용이 준비된 HTML을 받아..

1일 1CS(Computer Science) 2025.05.07
이전
1
다음
더보기
프로필사진

클라이밍하는 개발자

  • 코딩 (545) N
    • 1일 1CS(Computer Science) (139) N
    • 1일 1네트워크 (45)
      • 제 1장: 네트워크의 기초 (11)
      • 제 2장: 네트워크 모델 (2)
      • 제 3장: IP주소 (5)
      • 제 4장: 제4장: 데이터 링크와 네트워크 계층 .. (5)
      • 제 5장: 트랜스포트층의 프로토콜 (3)
      • 제 6장: 애플리케이션 계층 프로토콜 (11)
      • 제 7장: 라우팅의 기초 (3)
      • 제 8장: 네트워크 보안 (3)
    • 1달 1독후감 (11)
    • Computer Science (CS) (8)
    • 입사후 공부한 내용 (9)
    • 코딩공부 (147)
      • Next.js (5)
      • 개발지식 (62)
      • Node.js (16)
      • Nest.js (4)
      • Java Script (5)
      • Type Script (1)
      • DB (5)
      • SQL (4)
      • 파이썬 (8)
      • GIT (2)
      • 공부지식 (8)
      • 컴퓨터구조 (8)
      • 운영체제 (6)
      • 네트워크 (1)
      • 리눅스 (1)
      • 상태관리 Zustand (2)
      • MCP (2)
    • 프로그래머스 문제풀이 (13)
    • 기초코드 (12)
    • 내일배움캠프 (12)
    • 클라이밍 (2)
    • 일기 (140)
      • 개발일기 (12)
      • TIL (94)
      • WIL(Sun) (17)
      • 에러일기 (12)
      • 면접일기 (0)
      • 포트폴리오 (0)
      • 기타 (2)

Tag

운영체제, CS, 백엔드, db, 비동기, react, HTTP, 내일배움단, 자바스크립트, 내일배움캠프, 스파르타, IP, 매일메일, 프론트엔드, Next.js, 네트워크, 독후감, tcp, node.js, 스파르타코딩클럽,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Real Story

티스토리툴바