docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
# [[Tailwind CSS v4 CSS-first Architecture]]
|
||||
# [[Tailwind CSS v4 CSS-first Architecture|Tailwind CSS v4 CSS-first Architecture]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
Tailwind CSS v4의 CSS-first 아키텍처는 기존의 자바스크립트 설정 파일(`tailwind.config.js`)에 의존하던 방식을 탈피하여 CSS 기반의 설정으로 전환한 근본적인 패러다임의 변화입니다 [1, 2]. `@theme` 디렉티브를 사용하여 디자인 토큰을 네이티브 CSS 변수로 정의하면 프레임워크가 해당하는 유틸리티 클래스를 자동으로 생성합니다 [2-5]. 이를 통해 자바스크립트 런타임 오버헤드 없이 동적인 테밍이 가능해지며, Rust 기반의 Oxide 엔진과 결합하여 빌드 성능이 비약적으로 향상되었습니다 [3, 6].
|
||||
@@ -20,8 +20,8 @@ Tailwind CSS v4의 CSS-first 아키텍처는 기존의 자바스크립트 설정
|
||||
React 프로젝트에서 기존 CSS-in-JS 라이브러리(Styled Components 등)가 React Context에 의존하며 서버 컴포넌트(RSC) 환경이나 런타임 성능에서 한계를 보였던 반면, Tailwind v4는 자바스크립트 구성이 필요 없는 Zero-config 환경을 제공합니다 [3, 6, 13]. 또한 컴포넌트의 로직 수정 없이 CSS 변수의 값만 스왑하는 방식으로 다크 모드나 다중 브랜드 테밍을 매우 직관적이고 효율적으로 구현할 수 있습니다 [3, 14].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[Design Tokens]], [[Utility-first CSS]], [[React Server Components (RSC)]], [[CSS-in-JS]]
|
||||
- **Projects/Contexts:** [[Modern Scalable Frontend Architecture]], [[Next.js App Router Migration]]
|
||||
- **Related Topics:** [[Design Tokens|Design Tokens]], [[Utility-first CSS|Utility-first CSS]], [[React Server Components (RSC)|React Server Components (RSC)]], [[CSS-in-JS|CSS-in-JS]]
|
||||
- **Projects/Contexts:** [[Modern Scalable Frontend Architecture|Modern Scalable Frontend Architecture]], [[Next.js App Router Migration|Next.js App Router Migration]]
|
||||
- **Contradictions/Notes:** 기존 Tailwind CSS v3까지는 자바스크립트를 이용해 설정 파일을 다루고 컴파일 타임에만 디자인 시스템이 생성되었다면, v4는 CSS 변수를 바탕으로 런타임과 브라우저의 기본 기능을 적극 활용하는 방향으로 설계 사상이 완전히 반전되었습니다 [2].
|
||||
|
||||
---
|
||||
|
||||
Reference in New Issue
Block a user