docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
# [[클라이언트 사이드 렌더링 (CSR)]]
|
||||
# [[클라이언트 사이드 렌더링 (CSR)|클라이언트 사이드 렌더링 (CSR]]
|
||||
|
||||
## 📌[[ brief]] Summary
|
||||
클라이언트 사이드 렌더링(CSR)은 서버가 최소한의 빈 HTML 파일과 [[JavaScript]] 번들을 제공하고, 브라우저가 JavaScript를 실행하여 동적으로 UI를 생성 및 렌더링하는 웹 렌더링 방식입니다 [1-3]. 주로 싱글 페이지 애플리케이션(SPA)에서 사용되며, 페이지 전체를 새로고침하지 않고 필요한 콘텐츠만 변경하므로 매끄럽고 네이티브 앱과 같은 상호작용을 제공합니다 [4-6]. 하지만 큰 JavaScript 번들을 처리하느라 초기 로딩 속도가 느리고 검색 엔진 최적화(SEO)에 불리하다는 치명적인 단점이 있어, 주로 SEO보다 동적인 상호작용이 중요한 대시보드나 [[SaaS]] 플랫폼에 적합합니다 [7-9].
|
||||
## 📌 Brief Summary
|
||||
클라이언트 사이드 렌더링(CSR)은 서버가 최소한의 빈 HTML 파일과 [[JavaScript|JavaScript]] 번들을 제공하고, 브라우저가 JavaScript를 실행하여 동적으로 UI를 생성 및 렌더링하는 웹 렌더링 방식입니다 [1-3]. 주로 싱글 페이지 애플리케이션(SPA)에서 사용되며, 페이지 전체를 새로고침하지 않고 필요한 콘텐츠만 변경하므로 매끄럽고 네이티브 앱과 같은 상호작용을 제공합니다 [4-6]. 하지만 큰 JavaScript 번들을 처리하느라 초기 로딩 속도가 느리고 검색 엔진 최적화(SEO)에 불리하다는 치명적인 단점이 있어, 주로 SEO보다 동적인 상호작용이 중요한 대시보드나 [[SaaS|SaaS]] 플랫폼에 적합합니다 [7-9].
|
||||
|
||||
## 📖 Core Content
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
CSR은 SEO가 중요하지 않고 고도의 상호작용이 요구되는 환경에 완벽하게 부합합니다 [8, 13]. 예를 들어 인증 벽(Login Wall) 뒤에 있는 내부 비즈니스 애플리케이션, 실시간 데이터 업데이트가 필요한 사용자 대시보드, 복잡한 상태 관리가 필요한 SaaS 플랫폼 등이 이에 해당합니다 [3, 8, 9, 13, 19].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** 서버 사이드 렌더링 (SSR), 정적 사이트 생성 (SSG), 싱글 페이지 애플리케이션 (SPA), 수화 ([[Hydration]])
|
||||
- **Related Topics:** 서버 사이드 렌더링 (SSR), 정적 사이트 생성 (SSG), 싱글 페이지 애플리케이션 (SPA), 수화 ([[Hydration|Hydration]])
|
||||
- **Projects/Contexts:** React, Vue.js, SaaS 플랫폼 개발
|
||||
- **Contradictions/Notes:** 대부분의 소스는 CSR 환경에서 브라우저가 대규모 JavaScript를 실행해야 하므로 초기 로드 속도(First Contentful Paint 등)가 느리다고 설명합니다 [4, 7, 9, 12, 16]. 하지만 소스 [20]은 "서버 측 연산이 필요 없기 때문에 초기 렌더링(FCP)이 번개처럼 빠르다"고 주장하여 다른 자료들의 성능 평가와 명백한 모순을 보입니다.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user