35 lines
1.1 KiB
Markdown
35 lines
1.1 KiB
Markdown
---
|
|
id: wiki-2026-0508-css-구조-설계-방식
|
|
title: CSS 구조 설계 방식
|
|
category: 10_Wiki/Topics
|
|
status: duplicate
|
|
canonical_id: bem
|
|
duplicate_of: "[[BEM]]"
|
|
aliases: []
|
|
source_trust_level: A
|
|
confidence_score: 0.9
|
|
verification_status: redirected
|
|
tags: [duplicate, css, methodology]
|
|
last_reinforced: 2026-05-10
|
|
github_commit: pending
|
|
---
|
|
|
|
# CSS 구조 설계 방식
|
|
|
|
> **이 문서는 [[BEM]] 의 중복본입니다.** Canonical 문서로 redirect. CSS architecture methodology 비교는 [[BEM]] / [[OOCSS]] / [[SMACSS]] / [[ITCSS]] 참조.
|
|
|
|
## 핵심 요약 (specialization)
|
|
- 매 CSS architecture: 매 reusability + scope 격리 + naming consistency.
|
|
- 매 4 main methodology: BEM, OOCSS, SMACSS, ITCSS.
|
|
- 2026 trend: utility-first (Tailwind) + CSS Modules / vanilla-extract — methodology 없이도 scope 격리 build-time 해결.
|
|
|
|
## 🔗 Graph
|
|
- 부모: [[BEM]] (canonical) · [[CSS]]
|
|
- 변형: [[OOCSS]] · [[SMACSS]] · [[ITCSS]]
|
|
|
|
## 🕓 변경 이력
|
|
| 날짜 | 변경 |
|
|
|---|---|
|
|
| 2026-05-08 | Phase 1 |
|
|
| 2026-05-10 | 중복 처리 — [[BEM]] canonical 문서로 redirect |
|