CSS @assertì ëí ì¢ í© ê°ìŽë. CSS ìœë í ì€íž ë° ì íšì± ê²ì¬ë¥Œ íµíŽ ìœë íì§ê³Œ ì ì§ë³Žìì±ì í¥ììí€ë ì ì¬ë ¥ì í구í©ëë€.
CSS @assert: ìŽì€ì í ì€íž ë° ì íšì± ê²ì¬
ì¹ ê°ë°ì ìžê³ë ëìììŽ ì§ííê³ ììŒë©°, ê·žì ë°ëŒ CSSì ë³µì¡ì±ë ìŠê°íê³ ììµëë€. ì€íìŒìížê° 컀ì§ìë¡ ì íì±ê³Œ ì ì§ë³Žìì±ì 볎ì¥íë ê²ì ì ì ë ìŽë €ìì§ëë€. CSS @assert ê·ì¹ì ê°ë°ììê² ê°ë ¥í ì ë구륌 ì ê³µí©ëë€: ë°ë¡ CSS ìœë ëŽìì ì§ì ìŽì€ì
í
ì€ížë¥Œ ìíí ì ìë êž°ë¥ì
ëë€. ìŽ êžììë CSS ìŽì€ì
ì ê°ë
, @assertì ìë ë°©ì, ì ì¬ì ìŽì , íê³, ê·žëŠ¬ê³ CSS ìí¬íë¡ì°ë¥Œ ê°ì íêž° ìíŽ ìŽë¥Œ ìŽë»ê² ì¬ì©í ì ìëì§ í구í©ëë€.
ìŽì€ì í ì€ížë 묎ììžê°?
ìŽì€ì í ì€ížë íë¡ê·žëš ì€í ì€ í¹ì ì§ì ìì íë¡ê·žëšì ìíê° í¹ì êž°ë륌 충족íëì§ íìžíë ë°©ë²ì ëë€. 볞ì§ì ìŒë¡ ìŽì€ì ì í¹ì ì¡°ê±ŽìŽ ì°žìŽëŒë ì§ì ì ëë€. ë§ìœ ì¡°ê±ŽìŽ ê±°ì§ìŽë©Ž ìŽì€ì ì ì€íšíë©°, ìŽë ìœëì ì ì¬ì ìž ë¬žì ê° ììì ëíë ëë€.
ì íµì ìž íë¡ê·žëë° ìžìŽììë ìŽì€ì í ì€ížê° ì¢ ì¢ ì ì© í ì€íž íë ììí¬ë¥Œ ì¬ì©íì¬ ìíë©ëë€. ìŽë¬í íë ììí¬ë ìŽì€ì ì ì ìíê³ ê·ž ì íšì±ì ê²ìŠíêž° ìí í ì€ížë¥Œ ì€ííë íšìë ë©ìë륌 ì ê³µí©ëë€. ê·žë¬ë ìµê·Œê¹ì§ CSSìë ìŽì€ì í ì€ížë¥Œ ìí ëŽì¥ ë©ì»€ëìŠìŽ ìììµëë€.
CSS @assert ìê°
íì¬ ì ìë êž°ë¥ìž CSS @assert ê·ì¹ì ìŽì€ì
í
ì€íž êž°ë¥ì CSSì ì§ì ëì
íë ê²ì 목íë¡ í©ëë€. ìŽë¥Œ íµíŽ ê°ë°ìë ì€íìŒìíž ëŽì ìŽì€ì
ì ì ìíì¬ ë°íìì CSS ìì± ê°, ì¬ì©ì ì§ì ìì±(CSS ë³ì) ë° êž°í 조걎ì ê²ìŠí ì ììµëë€. ìŽì€ì
ìŽ ì€íší멎 ëžëŒì°ì (ëë ê°ë° ë구)ë ê²œê³ ë ì€ë¥ ë©ìì§ë¥Œ ì ê³µíì¬ ê°ë°ìê° ê°ë° 곌ì ìŽêž°ì 묞ì 륌 ìë³íê³ ìì íë ë° ëìì ì€ëë€.
@assert ê·ì¹ì Ʞ볞 구묞ì ë€ì곌 ê°ìµëë€:
@assert <condition>;
ì¬êž°ì <condition>ì ìŽì€ì
ìŽ íµê³Œíêž° ìíŽ trueë¡ íê°ëìŽìŒ íë ë¶ëŠ¬ìž ííìì
ëë€. ìŽ ì¡°ê±Žì ìŒë°ì ìŒë¡ CSS ì¬ì©ì ì§ì ìì±ê³Œ ê·ž ê°ì í¬íšíì§ë§, ë ë³µì¡í ìë ììµëë€.
@assert ìë ë°©ì: ìì
ëª ê°ì§ ìì 륌 íµíŽ @assert륌 ìŽë»ê² ì¬ì©í ì ìëì§ ì€ëª
íê² ìµëë€:
ìì 1: CSS ë³ì ê° ì íšì± ê²ì¬
ì¹ì¬ìŽížì Ʞ볞 ììì ì ìíë CSS ë³ìê° ìë€ê³ ê°ì íŽ ëŽ ìë€:
:root {
--primary-color: #007bff;
}
@assert륌 ì¬ì©íì¬ --primary-colorì ê°ìŽ ì íší 16ì§ì ìì ìœëìžì§ íìží ì ììµëë€:
@assert color(--primary-color);
ìŽ ìì ìì color() íšì(ê°ìì ìŽì§ë§ ì€ëª
ì ëììŽ ëš)ë --primary-colorì ê°ìŽ ì íší ìììžì§ íìžíë ë° ì¬ì©ë©ëë€. ë§ìœ ê·žë ì§ ìë€ë©Ž(ì: ì íšíì§ ìì 묞ììŽìž 겜ì°) ìŽì€ì
ì ì€íší©ëë€.
ìì 2: ìµìê° íìž
ì¹ì¬ìŽížì ìµì êžêŒŽ í¬êž°ë¥Œ ì ìíë CSS ë³ìê° ìë€ê³ ê°ì íŽ ëŽ ìë€:
:root {
--min-font-size: 16px;
}
@assert륌 ì¬ì©íì¬ --min-font-sizeì ê°ìŽ í¹ì ìê³ê°ë³Žë€ ìì§ ììì§ íìží ì ììµëë€:
@assert var(--min-font-size) >= 12px;
ìŽ ìŽì€ì
ì --min-font-sizeì ê°ìŽ 12pxë³Žë€ í¬ê±°ë ê°ìì§ íìží©ëë€. ë§ìœ 12pxë³Žë€ ììŒë©Ž ìŽì€ì
ì ì€íší©ëë€.
ìì 3: ê³ì° 결곌 ì íšì± ê²ì¬
@assert륌 ì¬ì©íì¬ CSS ë³ì륌 í¬íšíë ê³ì° 결곌륌 ê²ìŠí ìë ììµëë€:
:root {
--base-width: 100px;
--padding: 10px;
--total-width: calc(var(--base-width) + var(--padding) * 2);
}
@assert var(--total-width) == 120px;
ìŽ ìŽì€ì
ì --total-widthì ê³ì°ë ê°ìŽ 120pxì ê°ìì§ íìží©ëë€. ê³ì°ìŽ ì못ë 겜ì°(ì: ì€íë¡ ìžíŽ) ìŽì€ì
ì ì€íší©ëë€.
ìì 4: 믞ëìŽ ì¿ŒëŠ¬ë¥Œ ì¬ì©í ì¡°ê±Žë¶ ìŽì€ì
@assert륌 믞ëìŽ ì¿ŒëŠ¬ì ê²°í©íì¬ í¹ì 조걎 íììë§ ìŽì€ì
ì ìíí ì ììµëë€. ìŽë í멎 í¬êž°ë ì¥ì¹ ì íì ë°ëŒ ë€ë¥Žê² ì ì©ëë CSS륌 ê²ìŠíë ë° ì ì©í ì ììµëë€:
@media (min-width: 768px) {
@assert var(--sidebar-width) > 200px;
}
ìŽ ìŽì€ì
ì í멎 ëë¹ê° ìµì 768pxìŒ ëë§ --sidebar-widthì ê°ìŽ 200pxë³Žë€ í°ì§ íìží©ëë€.
@assert ì¬ì©ì ìŽì
CSS ìí¬íë¡ì°ìì @assert륌 ì¬ì©í멎 ì¬ë¬ ê°ì§ ìŽì ì ì»ì ì ììµëë€:
- ì¡°êž° ì€ë¥ ê°ì§:
@assert륌 ì¬ì©í멎 ìêž°ì¹ ìì ëììŽë ìê°ì ë²ê·žë¡ ìŽìŽì§êž° ì ì ê°ë° 곌ì ìŽêž°ì CSS ìœëì ì€ë¥ì ë¶ìŒì¹ë¥Œ ë°ê²¬í ì ììµëë€. - ìœë íì§ í¥ì: CSS ìì± ê°ê³Œ ê³ì°ì ê²ìŠíšìŒë¡ìš
@assertë ìœëê° í¹ì íì€ê³Œ ì ìœ ì¡°ê±Žì ì€ìíëë¡ ë³Žì¥íì¬ ë ëì íì§ê³Œ ì ë¢°ì± ìë ì€íìŒìížë¥Œ ë§ëë ë° ëìì ì€ëë€. - ì ì§ë³Žìì± í¥ì:
@assertë ì€íìŒì ìì ëìì ëí ê°ì ì 묞ìííê³ ê°ì íë ëŽì¥ ë©ì»€ëìŠì ì ê³µíì¬ ìê°ìŽ ì§ëšì ë°ëŒ CSS ìœë륌 ë ìœê² ì ì§ë³Žìí ì ìëë¡ í©ëë€. - ëë²ê¹ ëšìí: ìŽì€ì ìŽ ì€íší멎 ëžëŒì°ì (ëë ê°ë° ë구)ë ëª ííê³ ì ìµí ì€ë¥ ë©ìì§ë¥Œ ì ê³µíì¬ ë¬žì ì ììžì ë ìœê² íì íê³ ì ìíê² ìì í ì ììµëë€.
- íê· ë°©ì§:
@assertë CSS ìœë ë³ê²œìŽ ìëì¹ ìê² êž°ì¡Ž êž°ë¥ì ìììí€ê±°ë ìë¡ìŽ ë²ê·žë¥Œ ì ë°íì§ ìëë¡ ë³Žì¥íì¬ íê·ë¥Œ ë°©ì§íë ë° ëìì ì€ ì ììµëë€.
íê³ ë° ê³ ë € ì¬í
@assertë ìë¹í ì ì¬ë ¥ì ì ê³µíì§ë§, ê·ž íê³ì ê³ ë € ì¬íì ìžì§íë ê²ìŽ ì€ìí©ëë€:
- ëžëŒì°ì ì§ì: ì ìë êž°ë¥ìŽë¯ë¡
@assertë 몚ë ëžëŒì°ì ë ê°ë° ë구ìì ì§ìëì§ ìì ì ììµëë€. ìŽì ìœëìì@assert륌 ì¬ì©íêž° ì ì íì¬ ëžëŒì°ì ì§ì ìí륌 íìžíë ê²ìŽ ì€ìí©ëë€. - ì±ë¥ ìí¥: ìŽì€ì
í
ì€ížë í¹í ì€íìŒìížì ë§ì ìì ìŽì€ì
ìŽ ìë ê²œì° ì±ë¥ì ìí¥ì ë¯žì¹ ì ììµëë€.
@assert륌 ì ì€íê² ì¬ì©íê³ ë묎 ë³µì¡íê±°ë ê³ì° ë¹ì©ìŽ ë§ìŽ ëë ìŽì€ì ì ì¶ê°íì§ ìë ê²ìŽ ì€ìí©ëë€. - ê±°ì§ ìì± (False Positives): 겜ì°ì ë°ëŒ
@assertë ì€ë¥ê° ìì ë ì€ë¥ë¥Œ ëíëŽë ê±°ì§ ìì±ì ìì±í ì ììµëë€. ìŽë ìŽì€ì ì¡°ê±ŽìŽ ë묎 ì격íê±°ë 몚ë ê°ë¥í ìë늬ì€ë¥Œ ê³ ë €íì§ ìì ê²œì° ë°ìí ì ììµëë€. ìŽì€ì 조걎ì ì ì€íê² ê³ ë €íê³ ìœëì ìëë ëìì ì ííê² ë°ìíëì§ íìžíë ê²ìŽ ì€ìí©ëë€. - ê°ë° í겜 ë ìŽì í겜: ìŽìì ìŒë¡ ìŽì€ì ì ê°ë°/ëë²ê¹ ì©ì ëë€. ì±ë¥ ì€ë²í€ëì ë žì¶íê³ ì¶ì§ ìì ëŽë¶ ë¡ì§ì ëë¬ëŒ ì ìêž° ë묞ì ìŽì í겜ì ë°°í¬íê³ ì¶ì§ë ìì ê²ì ëë€. í¥í 구íììë ìŽì ë¹ëìì ìŽì€ì ì ì ê±°íë ë°©ë²ì ì ê³µí ì ììµëë€.
ì¬ì© ì¬ë¡: ì°ì ë° ì í늬ìŒìŽì ë³ ìì
@assert ê·ì¹ì ë€ìí ì°ì
ë° ì í늬ìŒìŽì
ì íìì ì ì©í ì ììµëë€:
- ì ììê±°ë: ì í íìŽì§ ì ë°ì ê±žì³ ìŒêŽë ëžëë©ê³Œ ìê°ì ìžêŽì 볎ì¥í©ëë€. ìŽì€ì
ì ìì, êžêŒŽ, ê°ê²©ìŽ ëžëë ê°ìŽëëŒìžì ì€ìíëì§ íìží ì ììµëë€. ì륌 ë€ìŽ, ì ìžê³ì ìŒë¡ ì íì íë§€íë ì ììê±°ë íë«íŒì
@assert륌 ì¬ì©íì¬ ì¬ìŽížì ì¬ë¬ ìžìŽ ë²ì ìì ìŒêŽë êžêŒŽ í¬êž°ë¥Œ 볎ì¥íê³ , ê° ì§ìì ë€ìí í ì€íž êžžìŽì ì ìí ì ììµëë€. - ëŽì€ ë° ë¯žëìŽ: ë€ìí ì¥ì¹ìì ê°ë ì±ê³Œ ì ê·Œì±ì ì ì§í©ëë€. ìŽì€ì ì êžêŒŽ í¬êž°ì ì€ ëìŽê° ë€ìí í멎 í¬êž°ì ì í©íì§, ìì ëë¹ ë¹ìšìŽ ì ê·Œì± íì€ì 충족íëì§ íìží ì ììµëë€. ì ìžê³ ë ì륌 ëììŒë¡ íë ëŽì€ ì¹ì¬ìŽížë ìŽì€ì ì ì¬ì©íì¬ ë€ìí ìží°ë· ì°ê²° ìëì ì¥ì¹ êž°ë¥ì ê±žì³ ìŽë¯žì§ì ë¹ëì€ê° ì¬ë°ë¥Žê² ë¡ëëê³ ì ì íê² íìëëì§ íìží ì ììµëë€.
- êžìµ ìë¹ì€: êžìµ ëì볎ë ë° ë³Žê³ ììì ë°ìŽí° 묎결ì±ê³Œ ì íì±ì 볎ì¥í©ëë€. ìŽì€ì
ì ê³ì°ìŽ ì¬ë°ë¥Žê² ìíëê³ ë°ìŽí°ê° ì¬ë°ë¥ž íììŒë¡ íìëëì§ íìží ì ììµëë€. ì ìžê³ ê³ ê°ì 볎ì í êžìµ êž°êŽì
@assert륌 íì©íì¬ ì¬ì©ìì ìì¹ì ìžìŽ ì€ì ì ë°ëŒ íµí êž°ížì ì«ì íììŽ ì¬ë°ë¥Žê² íìëëì§ íìží ì ììµëë€. - ìë£: ìë£ êž°ë¡ ë° íì í¬ížì ëª íì±ê³Œ ì¬ì©ì±ì 볎ì¥í©ëë€. ìŽì€ì ì ì€ìí ì ë³Žê° ëì ëê² íìëê³ ì¬ì©ì ìží°íìŽì€ê° íìíêž° ì¬ìŽì§ íìží ì ììµëë€. êµì ì ìŒë¡ ìë¹ì€ë¥Œ ì ê³µíë ìë£ êž°êŽì ìŽì€ì ì íì©íì¬ ìë£ ì©ìŽì ìž¡ì ëšìê° ì§ì íì€ì ë°ëŒ ì ííê² ë²ìëê³ íìëëì§ ë³Žì¥í ì ììµëë€.
- êµì¡: ëíí íìµ ëªšë ë° êµì¡ì© ê²ìì ê²ìŠí©ëë€. ìŽì€ì ì ëíí ììê° ì¬ë°ë¥Žê² ìëíê³ íŒëë°±ìŽ ì ì íê² íìëëì§ íìží ì ììµëë€. ì ìžê³ íìë€ì ëììŒë¡ íë ìšëŒìž íìµ íë«íŒì ìŽì€ì ì ì¬ì©íì¬ ë€ìí ìží°ë· ì ì ë° ì¥ì¹ êž°ë¥ì ê³ ë €íì¬ ì¬ë¬ ëžëŒì°ì ì ì¥ì¹ìì íŽìŠì íê°ê° ì¬ë°ë¥Žê² ìëíëì§ íìží ì ììµëë€.
@assert륌 ìí¬íë¡ì°ì íµí©íë ë°©ë²
CSS ê°ë° ìí¬íë¡ì°ì @assert륌 íšê³Œì ìŒë¡ íµí©íë ë°©ë²ì ëí ëª ê°ì§ íì
ëë€:
- ìê² ììíêž°: ì€ìí CSS ìì± ê°ìŽë ê³ì°ì ê²ìŠíêž° ìíŽ
@assert묞ì ì¶ê°íë ê²ë¶í° ììíìžì. 몚ë ìœë ëŒìžì ìŽì€ì ì ì¶ê°íë €ê³ íì§ ë§ìžì. - ê³ ìí ììì ì§ì€íêž°: ë³µì¡í ê³ì°ìŽë ì¡°ê±Žë¶ ì€íìŒê³Œ ê°ìŽ ì€ë¥ë ë¶ìŒì¹ê° ë°ìíêž° ì¬ìŽ CSS ìœë ììì ìŽì€ì ì ì¶ê°íë ê²ì ì°ì ììë¡ ëìžì.
- ì믞 ìë ìŽì€ì 조걎 ì¬ì©íêž°: ìœëì ìëë ëìì ì ííê² ë°ìíë ìŽì€ì 조걎ì ì ííìžì. ìŽíŽíêž° ìŽë €ìŽ ì§ëì¹ê² ë³µì¡íê±°ë ìíž ê°ì 조걎ì íŒíìžì.
- ìŽì€ì
í
ì€ížíêž°:
@assert묞ì ì¶ê°í í CSS ìœë륌 í ì€ížíì¬ ìŽì€ì ìŽ ì¬ë°ë¥Žê² ìëíê³ ì ì¬ì ìž ì€ë¥ë¥Œ ì¡ìëŽëì§ íìžíìžì. - ê°ë° ë구ì íµí©íêž°: ëžëŒì°ì íì¥ íë¡ê·žëšìŽë CSS 늰í°ì ê°ìŽ
@assert륌 ì§ìíë ê°ë° ë구륌 ì¬ì©íìžì. ìŽë¬í ë구ë ìŽì€ì ì€íšë¥Œ ìë³íê³ ì ì©í ì€ë¥ ë©ìì§ë¥Œ ì ê³µíë ë° ëììŽ ë ì ììµëë€. - í
ì€íž ìëííêž°:
@assert륌 ìëíë í ì€íž ìí¬íë¡ì°ì íµí©íë ê²ì ê³ ë €íŽ ë³Žìžì. ìŽë CSS ìœëê° ì§ííëëŒë ìê°ìŽ ì§ëšì ë°ëŒ ì ííê³ ìŒêŽëê² ì ì§ëëë¡ íë ë° ëììŽ ë ì ììµëë€.
@assertì ëì (Ʞ졎 CSS ì íšì± ê²ì¬ êž°ë²)
@assert ìŽì ìë ê°ë°ìë€ì CSS륌 ê²ìŠíêž° ìíŽ ë€ìí ë°©ë²ì ì¬ì©íìµëë€. ìŽë¬í ë°©ë²ë€ì ì¬ì í ì íšíë©° ìë¡ìŽ @assert êž°ë¥ì 볎ìí ì ììµëë€:
- CSS ëŠ°í° (Stylelint, CSS íë¬ê·žìžìŽ í¬íšë ESLint): 늰í°ë CSS ìœë륌 ë¶ìíì¬ ì ì¬ì ìž ì€ë¥, ì€íìŒ ë¶ìŒì¹, ìœë íì§ ë¬žì 륌 ì°Ÿìë ëë€. ìœë© íì€ê³Œ ëªšë² ì¬ë¡ë¥Œ ê°ì íì¬ ë 깚ëíê³ ì ì§ë³Žìíêž° ì¬ìŽ CSS륌 ìì±íë ë° ëìì ì€ëë€. êµì íë¡ì ížì 겜ì°, í¹ì ëª ëª ê·ì¹ì ê°ì íê±°ë 몚ë ëžëŒì°ì ëë ì§ììì ì§ìëì§ ìì ì ìë ì ì¬ì ìŒë¡ 묞ì ê° ìë CSS ìì±ì íìíëë¡ ëŠ°í°ë¥Œ 구ì±í ì ììµëë€.
- ìë ìœë ê²í : ë€ë¥ž ê°ë°ìê° CSS ìœë륌 ê²í íê² í멎 ëì³€ì ì ìë ì ì¬ì ìž ë¬žì 륌 ìë³íë ë° ëììŽ ë ì ììµëë€. ìœë ê²í ë ì§ìì ê³µì íê³ ìœëê° í¹ì íì§ íì€ì 충족íëì§ íìžíë ê·ì€í ë°©ë²ì ëë€. êµì íì ë€ë¥ž ì§ìì ê°ë°ìê° CSS륌 ê²í íì¬ ë¬žíì ìŒë¡ ì ì íê³ ìžê³ ì¬ë¬ ì§ììì ì¬ì©ëë ë€ìí ì¥ì¹ì ëžëŒì°ì ìì ì ìëíëì§ íìžíë ê²ìŒë¡ë¶í° ìŽìµì ì»ì ì ììµëë€.
- ìê°ì íê· í ì€íž: ìê°ì íê· í ì€íž ë구ë CSS ìœë ë³ê²œ ì íì ì¹ì¬ìŽížë ì í늬ìŒìŽì ì€í¬ëаì·ì ë¹êµí©ëë€. ìŽë ìœëë¡ ìžíŽ ë°ìíì ì ìë ìëíì§ ìì ìê°ì ë³í륌 ìë³íë ë° ëììŽ ë ì ììµëë€. Percyë BackstopJSì ê°ì ë구ë ìŽ ê³Œì ì ìëíí©ëë€. ìŽë¬í í ì€ížë ì ìžê³ì ìŒë¡ ì¬ì©ëë ë€ìí ëžëŒì°ì ì ìŽì 첎ì ìì ìê°ì ìŒêŽì±ì íìžíêž° ìíŽ ì ìžê³ì ìŒë¡ CSS ë³ê²œ ì¬íì ë°°í¬í ë ë§€ì° ì€ìí©ëë€.
- ëžëŒì°ì ê°ë°ì ë구: ìµì ëžëŒì°ì ê°ë°ì ë구ë CSS ìœë륌 ê²ì¬íê³ ëë²ê¹ íë êž°ë¥ì ì ê³µí©ëë€. ìŽë¬í ë구륌 ì¬ì©íì¬ ììì ê³ì°ë ì€íìŒì ê²ì¬íê³ , CSS í¹ìŽì± 묞ì 륌 ìë³íë©°, CSSì ì±ë¥ì íë¡íìŒë§í ì ììµëë€. êµì íë¡ì ížìì ìì í ë ê°ë°ìë ëžëŒì°ì ê°ë°ì ë구륌 ì¬ì©íì¬ ë€ìí ì¥ì¹ì ë€ížìí¬ ì¡°ê±Žì ì뮬ë ìŽì íì¬ ë€ìí ìë늬ì€ìì CSSì ì±ë¥ì í ì€íží ì ììµëë€.
CSS ì íšì± ê²ì¬ì 믞ë
@assertì ëì
ì CSS ì íšì± ê²ì¬ ì§íì ììŽ ì€ìí ì§ì ì ëíë
ëë€. CSSê° ê³ìíŽì ë ë³µì¡íê³ ê°ë ¥íŽì§ì ë°ëŒ ê°ë ¥í í
ì€íž ë° ì íšì± ê²ì¬ ë©ì»€ëìŠì ëí íìì±ì ëì± ìŠê°í ê²ì
ëë€. 믞ëìë @assertì ëí ì¶ê°ì ìž ê°ì ë¿ë§ ìëëŒ CSS ìœëì ì íì±ê³Œ ì ì§ë³Žìì±ì 볎ì¥íêž° ìí ìë¡ìŽ ë구ì êž°ì ì ê°ë°ì êž°ëí ì ììµëë€.
í ê°ì§ ì ì¬ì ìž ê°ë° ë¶ìŒë @assert륌 Sassë Lessì ê°ì Ʞ졎 CSS ì ì²ëŠ¬êž°ì íµí©íë ê²ì
ëë€. ìŽë¥Œ íµíŽ ê°ë°ìë€ì ë³ì, 믹ì€ìž, íšìì ê°ì ì ì²ëŠ¬êž°ì ê°ë ¥í êž°ë¥ê³Œ íšê» @assert륌 ì¬ì©í ì ìê² ë ê²ì
ëë€. ë ë€ë¥ž ì ì¬ì ìž ê°ë° ë¶ìŒë ë€ë¥ž ììì ê³ì°ë ì€íìŒì ë¹êµíê±°ë íìŽì§ì ë ìŽììì ê²ìŠíë êž°ë¥ê³Œ ê°ìŽ ë ì êµí ìŽì€ì
조걎ì ë§ëë ê²ì
ëë€. @assertê° ì±ìíê³ ë늬 ì±íëšì ë°ëŒ, ì°ëŠ¬ê° CSS ìœë륌 ìì±íê³ ì ì§ë³Žìíë ë°©ìì íì í ì ì¬ë ¥ì ê°ì§ê³ ììµëë€.
ê²°ë¡
CSS @assertë CSS ìœë륌 í
ì€ížíê³ ê²ìŠíë ìë¡ìŽ ì ë§í ì ê·Œ ë°©ìì ì ê³µí©ëë€. ì€íìŒìíž ëŽìì ìŽì€ì
ì ì ìíë ëŽì¥ ë©ì»€ëìŠì ì ê³µíšìŒë¡ìš @assertë ê°ë°ìê° ì€ë¥ë¥Œ ì¡°êž°ì ë°ê²¬íê³ , ìœë íì§ì ê°ì íë©°, ì ì§ë³Žìì±ì í¥ììí€ê³ , ëë²ê¹
ì ëšìííë ë° ëìì ì€ ì ììµëë€. @assertë ìì§ ì ìë êž°ë¥ìŽë©° ëª ê°ì§ íê³ê° ìì§ë§, 믞ëì CSS ê°ë°ììê² íìì ìž ëêµ¬ê° ë ì ì¬ë ¥ì ê°ì§ê³ ììµëë€. CSS ì¬ì ì ììí멎ì @assertì íì íì©íì¬ ê²¬ê³ íê³ ì ì§ë³Žì ê°ë¥íë©° ê³ íì§ì ì€íìŒìížë¥Œ 구ì¶íë ê²ì ê³ ë €íŽ ë³Žìžì.
íì CSSì ì ìžê³ì ìž ìí¥ì ê³ ë €íë ê²ì ìì§ ë§ìžì. ëììžìŽ ë°ìíìŽê³ ì ê·Œ ê°ë¥íë©° ë€ìí ìžìŽì 묞íì ë§¥ëœì ì ìí ì ìëë¡ íìžì. @assertì ê°ì ë구ë ì ì€í ê³í ë° í
ì€ížì ê²°í©íì¬ ì§ì ìŒë¡ êžë¡ë²í ì¹ ê²œíì ë§ëë ë° ëìì ì€ ì ììµëë€.