bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

Browse Source
This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics_Art/UI_UX_Assets/React Server Components(RSC) 환경의 스타일링 최적화.md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[React Server Components(RSC) 환경의 스타일링 최적화]]
# [[React Server Components(RSC) 환경의 스타일링 최적화|React Server Components(RSC) 환경의 스타일링 최적화]]
## 📌 Brief Summary
React Server Components(RSC)는 서버에서 HTML을 스트리밍하는 방식으로 동작하므로, 브라우저의 React Context에 의존하는 기존의 런타임 기반 CSS-in-JS(예: styled-components, Emotion) 라이브러리와는 근본적으로 호환되지 않습니다 [1, 2]. 따라서 RSC 환경(예: Next.js App Router)에서는 런타임 오버헤드가 전혀 없는 Tailwind CSS, CSS Modules를 사용하거나, 빌드 타임에 정적 CSS를 생성하는 Zero-runtime CSS-in-JS(예: vanilla-extract)를 선택하는 것이 필수적입니다 [2-4].
@@ -20,8 +20,8 @@ React Server Components(RSC)는 서버에서 HTML을 스트리밍하는 방식
* 여러 테마를 다루어야 하는 대규모 디자인 시스템을 구축할 경우 Zero-runtime 기반의 vanilla-extract를 도입하는 것이 최적의 선택입니다 [4].
## 🔗 Knowledge Connections
- **Related Topics:** [[CSS-in-JS]], [[Tailwind CSS]], [[CSS Modules]]
- **Projects/Contexts:** [[Next.js App Router]], [[디자인 시스템]]
- **Related Topics:** [[CSS-in-JS|CSS-in-JS]], [[Tailwind CSS|Tailwind CSS]], [[CSS Modules|CSS Modules]]
- **Projects/Contexts:** [[Next.js App Router|Next.js App Router]], [[디자인 시스템|디자인 시스템]]
- **Contradictions/Notes:** styled-components 등 기존 런타임 CSS-in-JS는 props 기반의 동적 스타일링과 컴포넌트 캡슐화에 큰 강점이 있어 널리 쓰여왔으나 [7, 8], RSC 기술이 주류로 자리 잡으면서 그 근본적인 Context 의존성 및 성능 오버헤드 문제로 인해 2024~2025년 기준으로는 사용이 지양되고 빌드 타임 추출 방식이 선호되는 추세입니다 [1, 2, 4].
---