°£Æí°áÁ¦, ½Å¿ëÄ«µå û±¸ÇÒÀÎ
»ï¼ºÄ«µå 6% (10,160¿ø)
(»ï¼ºÄ«µå 6% û±¸ÇÒÀÎ)
ÀÎÅÍÆÄÅ© ·Ôµ¥Ä«µå 5% (10,260¿ø)
(ÃÖ´ëÇÒÀÎ 10¸¸¿ø / Àü¿ù½ÇÀû 40¸¸¿ø)
ºÏÇǴϾð ·Ôµ¥Ä«µå 30% (7,560¿ø)
(ÃÖ´ëÇÒÀÎ 3¸¸¿ø / 3¸¸¿ø ÀÌ»ó °áÁ¦)
NH¼îÇÎ&ÀÎÅÍÆÄũīµå 20% (8,640¿ø)
(ÃÖ´ëÇÒÀÎ 4¸¸¿ø / 2¸¸¿ø ÀÌ»ó °áÁ¦)
Close

SMACSS - º¹ÀâÇÑ CSS¸¦ °ü¸®ÇÏ´Â 5°¡Áö ½ºÅ¸ÀÏ °¡À̵å

¿øÁ¦ : SMACSS : Scalable and Modular Architecture for CSS
¼Òµæ°øÁ¦

2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.

ÆÇ¸ÅÁö¼ö 18
?
ÆÇ¸ÅÁö¼ö¶õ?
»çÀÌÆ®ÀÇ ÆÇ¸Å·®¿¡ ±â¹ÝÇÏ¿© ÆÇ¸Å·® ÃßÀ̸¦ ¹Ý¿µÇÑ ÀÎÅÍÆÄÅ© µµ¼­¿¡¼­ÀÇ µ¶¸³ÀûÀÎ ÆÇ¸Å Áö¼öÀÔ´Ï´Ù. ÇöÀç °¡Àå Àß ÆÈ¸®´Â »óǰ¿¡ °¡ÁßÄ¡¸¦ µÎ¾ú±â ¶§¹®¿¡ ½ÇÁ¦ ´©Àû ÆÇ¸Å·®°ú´Â ´Ù¼Ò Â÷À̰¡ ÀÖÀ» ¼ö ÀÖ½À´Ï´Ù. ÆÇ¸Å·® ¿Ü¿¡µµ ´Ù¾çÇÑ °¡ÁßÄ¡·Î ±¸¼ºµÇ¾î ÃÖ±ÙÀÇ À̽´µµ¼­ È®Àνà À¯¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÇØ´ç Áö¼ö´Â ¸ÅÀÏ °»½ÅµË´Ï´Ù.
Close
°øÀ¯Çϱâ
Á¤°¡

12,000¿ø

  • 10,800¿ø (10%ÇÒÀÎ)

    600P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • I-Point Àû¸³Àº Ãâ°í¿Ï·á ÈÄ 14ÀÏ À̳» ¸¶ÀÌÆäÀÌÁö¿¡¼­ Àû¸³¹Þ±âÇÑ °æ¿ì¸¸ Àû¸³µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

  • ¿¬°üµµ¼­(78)

  • »çÀºÇ°(3)

Ã¥¼Ò°³

Á¡Á¡ º¹ÀâÇØÁö´Â CSS¸¦ È¿À²ÀûÀ¸·Î ¾²°í °ü¸®ÇÏ´Â ¹æ¹ý, SMACSS!

SMACSS´Â Scalable and Modular Architecture for CSS ÀÇ ¾àÀÚ·Î, CSS¸¦ È¿°úÀûÀ¸·Î ¾µ ¼ö ÀÖµµ·Ï µ½´Â ½ºÅ¸ÀÏ °¡À̵åÀÔ´Ï´Ù. SMACSS´Â CSS ½ºÅ¸ÀÏÀ» ´Ù¼¸ °¡Áö·Î ºÐ·ùÇÏ°í °¢ À¯Çü¿¡ ¸Â´Â ¼±ÅÃÀÚ(selector)¿Í ÀÛ¸í¹ý(naming convention), ÄÚµù ±â¹ýÀ» Á¦½ÃÇÕ´Ï´Ù. À̸¦ ÅëÇØ ÄÚµåÀÇ Àç»ç¿ë°ú À¯Áöº¸¼ö°¡ ¿ëÀÌÇØÁö°í, È®ÀåÀÌ °¡´ÉÇÑ ¸ðµâÇü ÇüÅ·ΠCSS¸¦ ÀÛ¼ºÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ Ã¥Àº SMACSS°¡ Á¦¾ÈÇÏ´Â CSS ÀÛ¼º ±ÔÄ¢À» ¼Ò°³Çϰí, °£´ÜÇÑ ¿¹Á¦¸¦ ÅëÇØ »ç¿ë ¹æ¹ýÀ» º¸¿© ÁÝ´Ï´Ù.

̵̧ȍ

CSS ¼÷·ÃÀÚ¶ó ÇÒÁö¶óµµ ´õ ÁÁÀº Äڵ带 ÀÛ¼ºÇϱâ À§ÇÑ °í¹ÎÀº ³¡ÀÌ ¾øÀ» °ÍÀÔ´Ï´Ù. id, class À̸§À» ¾î¶»°Ô ÀÛ¼ºÇÏ´Â °ÍÀÌ ÁÁÀ»±î? ¼±ÅÃÀÚ ±íÀÌ´Â ¾î´À Á¤µµ°¡ Àû´çÇÒ±î? ¸ðµâÈ­¸¦ ¾î¶»°Ô ÁøÇàÇÒ±î? Àü¿ª ¼Ó¼º°ú Áö¿ª ¼Ó¼ºÀ» ¾î¶² ¹æ¹ýÀ¸·Î ºÐ¸®ÇÒ±î? ¾î¶»°Ô ÇÏ¸é ¹Ýº¹µÇ´Â Äڵ带 ÁÙÀ̰í Àç»ç¿ë·üÀ» ³ôÀϱî? Sass/LESS ¿Í °°Àº Àü󸮱â´Â ¾î¶² ¿ø¸®·Î µ¿ÀÛÇÒ±î? ÀÌ·± °í¹ÎÀ» ÇÏ´ø ¿ÍÁß¿¡ SMACSS¶ó´Â CSS °³¹ß ¹æ¹ý·ÐÀ» ¾Ë°Ô µÆ½À´Ï´Ù. 2³â Àü Æ®À§ÅÍ¿¡ ´©±º°¡ SMACSS Ã¥À» ¹ø¿ªÇØ ÁÖ¸é ÁÁ°Ú´Ù°í ±ÛÀ» ¿Ã¸° ÀûÀÌ Àִµ¥ ¹Ú¼ÒÀº ´Ô²²¼­ Á¦ ¼Ò¿øÀ» § Çϰí ÀÌ·ï Áּ̳׿ä. ÃʽÉÀÚ¿¡°Ô´Â ½ÃÇàÂø¿À¸¦ ÁÙÀÌ´Â Áö¸§±æÀÌ, ¼÷·ÃÀÚ¿¡°Ô´Â ÀÚ½ÅÀÇ °³¹ß ½ºÅ¸ÀÏÀ» ´Ù½Ã Çѹø Á¡°ËÇÏ´Â °è±â°¡ µÇ±â¿¡ ÃæºÐÇÑ ³»¿ëÀ̶ó°í »ý°¢ÇÕ´Ï´Ù.
- Á¤Âù¸í / SK planet ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ

¸ñÂ÷

1Àå CSS ±ÔÄ¢ ¹üÁÖÈ­Çϱâ
__1.1 ¸í¸í ±ÔÄ¢

2Àå º£À̽º ±ÔÄ¢
__2.1 CSS ÃʱâÈ­

3Àå ·¹À̾ƿô ±ÔÄ¢
__3.1 ID ¼±ÅÃÀÚ »ç¿ëÇϱâ
__3.2 ·¹À̾ƿô ¿¹Á¦

4Àå ¸ðµâ ±ÔÄ¢
__4.1 ŸÀÔ ¼±ÅÃÀÚ »ç¿ë ÇÇÇϱâ
__4.2 »õ·Î¿î ÄÁÅØ½ºÆ®
__4.3 ¸ðµâÀÇ ¼­ºêŬ·¡½Ì

5Àå »óÅÂ ±ÔÄ¢
__5.1 ¸ðµâ°úÀÇ Â÷ÀÌ
__5.2 !important »ç¿ëÇϱâ
__5.3 »óÅ ±ÔÄ¢À» ¸ðµâ°ú °áÇÕÇϱâ

6Àå Å׸¶ ±ÔÄ¢
__6.1 Å׸¶
__6.2 ¼­Ã¼ Á¤ÀÇÇϱâ
__6.3 À̸§ÀÇ ÀǹÌ

7Àå »óÅ º¯°æÇϱâ
__7.1 »óÅ º¯°æÀ̶õ
__7.2 Ŭ·¡½º ¸í¿¡ ÀÇÇÑ º¯°æ
____7.2.1 ºÎ¸ð¿Í ÇüÁ¦ÀÇ »óŰ¡ ¹®Á¦ÀÎ ÀÌÀ¯
____7.2.2 ¼Ó¼º ¼±ÅÃÀÚ·Î »óÅ º¯È­ Çڵ鸵Çϱâ
____7.2.3 Ŭ·¡½º ±â¹ÝÀÇ »óÅ º¯È­·Î CSS ¾Ö´Ï¸ÞÀÌ¼Ç ´Ù·ç±â
__7.3 °¡»ó Ŭ·¡½º¿¡ ÀÇÇÑ º¯°æ
__7.4 ¹Ìµð¾îÄõ¸®¿¡ ÀÇÇÑ º¯°æ
__7.5 »óÅ º¯È­¿¡ °üÇÑ ¸ðµç °Í

8Àå Àû¿ë °¡´É¼ºÀÇ ±íÀÌ
__8.1 ±íÀÌ ÃÖ¼ÒÈ­Çϱâ

9Àå ¼±ÅÃÀÚ ¼º´É
__9.1 CSS´Â ¾î¶»°Ô ÇØ¼®µÇ´Â°¡
____9.1.1 ¿ä¼ÒÀÇ ½ºÅ¸ÀÏÀº ¿ä¼Ò°¡ »ý¼ºµÉ ¶§ ÇØ¼®µÈ´Ù
____9.1.2 ¿À¸¥ÂÊ¿¡¼­ ¿ÞÂÊÀ¸·Î ÇØ¼®µÇ´Â CSS
____9.1.3 ¾î¶² ±ÔÄ¢ÀÌ Àû¿ëµÇ´Â°¡?
____9.1.4 Á¦ÇÑÀº ÇϵÇ, °úÇÏ°Ô Á¦ÇÑÇÏÁö ¾Ê±â

10Àå HTML5¿Í SMACSS

11Àå ÇÁ·ÎÅäŸÀÌÇÎ

__11.1 ÇÁ·ÎÅäŸÀÔÀÇ ¸ñÇ¥
____11.1.1 »óÅÂ
____11.1.2 Áö¿ªÈ­
____11.1.3 ÀÇÁ¸¼º
__11.2 ÆÛÁñ Á¶°¢
__11.3 ¿©·¯ºÐÀÇ ÇÁ·ÎÅäŸÀÔ

12Àå Àü󸮱â
__12.1 Àü󸮱â¶õ ¹«¾ùÀΰ¡?
__12.2 Àü󸮱⠼³Ä¡Çϱâ
__12.3 Àü󸮱âÀÇ À¯¿ëÇÑ ±â´Éµé
____12.3.1 º¯¼ö
____12.3.2 Áßø Ç¥Çö
____12.3.3 ¹Í½ºÀÎ
____12.3.4 ÇÔ¼ö
____12.3.5 ÀͽºÅÙ¼Ç
____12.3.6 ´õ ³ª¾Æ°¡±â
__12.4 ¹®Á¦¸¦ ¸Â´Ú¶ß¸®°í ¹þ¾î³ª±â
____12.4.1 ±íÀº Áßø
____12.4.2 SMACSS¿¡¼­ÀÇ Áßø
____12.4.3 ºÒÇÊ¿äÇÑ È®Àå
____12.4.4 SMACSS ÀͽºÅÙ¼Ç
____12.4.5 °úÇÏ°Ô »ç¿ëµÈ ¹Í½ºÀÎ
____12.4.6 ¹Ýº¹ÀûÀÎ ÆÐÅÏÀ» À§ÇÑ SMACSS
____12.4.7 ÆÄ¶ó¹ÌÅÍÈ­ µÈ ¹Í½ºÀÎ
__12.5 Àü󸮱â Á¤º¹Çϱâ
____12.5.1 ÁßøÀ» ÀÌ¿ëÇÑ »óÅ ±â¹ÝÀÇ ¹Ìµð¾îÄõ¸®
____12.5.2 ÆÄÀÏ Á¤¸®Çϱâ
__12.6 Àü󸮱⿡ ´ëÇÑ È¸°í

13Àå ÀÚÁÖ ¾²ÀÌÁö ¾Ê´Â ¿ä¼Ò
__13.1 Å×À̺í

14Àå ¾ÆÀÌÄÜ ¸ðµâ

15Àå º¹ÀâÇÑ °è½Â

__15.1 !important°¡ À߸ø ¾²ÀÎ °æ¿ì
__15.2 ºÒ¿ÏÀüÇÑ ¼¼°è

16Àå ÄÚµå Çü½Ä ÁöÁ¤Çϱâ
__16.1 ÇÑ ÁÙ vs ¿©·¯ ÁÙ
__16.2 ¼Ó¼º ¹­±â
__16.3 »ö»ó ¼±¾ð
__16.4 Àϰü¼º À¯ÁöÇϱâ

17Àå ¸®¼Ò½º
__17.1 SMACSS ¸®¼Ò½º
__17.2 CSS Àü󸮱â
__17.3 ÄÄÆ÷³ÍÆ® ±â¹ÝÀÇ ÇÁ·¹ÀÓ¿öÅ©/¹æ¹ý·Ð
__17.4 ´Ù¸¥ ÇÁ·¹ÀÓ¿öÅ©µé
__17.5 ¹®¼­
__17.6 ´Ù¸¥ ¸®¼Ò½ºµé

ÀúÀÚ¼Ò°³

Á¶³ª´Ü ½º´ª [Àú] ½ÅÀ۾˸² SMS½Åû ÀÛ°¡DBº¸±â
»ý³â¿ùÀÏ -
Ãâ»ýÁö -
Ãâ°£µµ¼­ 0Á¾
ÆÇ¸Å¼ö 0±Ç

1994³âºÎÅÍ Ãë¹Ì·Î, 1999³âºÎÅÍ´Â Á÷¾÷À¸·Î À¥ »çÀÌÆ®¸¦ ¸¸µé°í ÀÖ´Â À¥ °³¹ßÀÚÀÌÀÚ µðÀÚÀ̳ÊÀÌ´Ù. À¥ °³¹ß¿¡ °üÇÑ ÆÁ°ú ¿ä·É, ¼­Æò µîÀ» ¿Ã¸®´Â ºí·Î±×(Snook.ca)¸¦ ¿î¿µÇϰí ÀÖ´Ù. [The Art and Science of CSS](SitePoint), [Accelerated DOM Scripting](Apress)À» °øµ¿ Àú¼úÇß°í, ÀâÁö [.net]°ú À¥ »çÀÌÆ® 'A List Apart', 'SitePoint'¿¡ ±ÛÀ» ¾²±âµµ ÇÑ´Ù.

»ý³â¿ùÀÏ -
Ãâ»ýÁö -
Ãâ°£µµ¼­ 0Á¾
ÆÇ¸Å¼ö 0±Ç

Áñ°Ì°Ô ÄÚµùÇϱâ À§ÇØ ³ë·ÂÇÏ´Â °³¹ßÀÚ´Ù. °æÁ¦ÇÐÀ» Àü°øÇϸç Á¶±Ý ´Ù·ïºÃ´ø RÀ» ÅëÇØ ÄÚµùÀÇ ¸Å·Â¿¡ ºüÁ® ÀÌ ¼¼°è¿¡ ¹ßÀ» µé¿´°í, ¾ÈÁÖÇÏÁö ¾Ê±â À§ÇØ ²÷ÀÓ¾øÀÌ ³ë·Â ÁßÀÌ´Ù. [SMACSS:º¹ÀâÇÑ CSS¸¦ °ü¸®ÇÏ´Â 5°¡Áö ½ºÅ¸ÀÏ °¡À̵å](ÀλçÀÌÆ®, 2016)¸¦ ¹ø¿ªÇß´Ù.

ÀÌ »óǰÀÇ ½Ã¸®Áî

(ÃÑ 93±Ç / ÇöÀ籸¸Å °¡´Éµµ¼­ 79±Ç)

ÆîÃ帱â

ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼­ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    ±¸¸Å ÈÄ ¸®ºä ÀÛ¼º ½Ã, ºÏÇǴϾð Áö¼ö ÃÖ´ë 600Á¡

    ¸®ºä¾²±â

    ±â´ëÆò

    ÀÛ¼º½Ã À¯ÀÇ»çÇ×

    ÆòÁ¡
    0/200ÀÚ
    µî·ÏÇϱâ

    ±â´ëÆò

    0.0

    ±³È¯/ȯºÒ

    ±³È¯/ȯºÒ ¹æ¹ý

    ¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹Ýǰ/±³È¯/ȯºÒ¡¯ ¿¡¼­ ½ÅûÇÔ, 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555) ÀÌ¿ë °¡´É

    ±³È¯/ȯºÒ °¡´É ±â°£

    °í°´º¯½ÉÀº Ãâ°í¿Ï·á ´ÙÀ½³¯ºÎÅÍ 14ÀÏ ±îÁö¸¸ ±³È¯/ȯºÒÀÌ °¡´ÉÇÔ

    ±³È¯/ȯºÒ ºñ¿ë

    °í°´º¯½É ¶Ç´Â ±¸¸ÅÂø¿ÀÀÇ °æ¿ì¿¡¸¸ 2,500¿ø Åùèºñ¸¦ °í°´´ÔÀÌ ºÎ´ãÇÔ

    ±³È¯/ȯºÒ ºÒ°¡»çÀ¯

    ¹ÝǰÁ¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óǰ È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡ÇÒ ¼ö ÀÖÀ½
    ¹è¼ÛµÈ »óǰÀÇ ºÐ½Ç, »óǰÆ÷ÀåÀÌ ÈÑ¼ÕµÈ °æ¿ì, ºñ´Ò·¦ÇÎµÈ »óǰÀÇ ºñ´Ò °³ºÀ½Ã ±³È¯/¹ÝǰÀÌ ºÒ°¡´ÉÇÔ

    ¼ÒºñÀÚ ÇÇÇØº¸»ó

    ¼ÒºñÀÚ ÇÇÇØº¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øÈ¸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖÀ½
    ±³È¯/¹Ýǰ/º¸ÁõÁ¶°Ç ¹× ǰÁúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇØ¸¦ º¸»ó ¹ÞÀ» ¼ö ÀÖÀ½

    ±âŸ

    µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó ǰÀý/ÀýÆÇ µîÀÇ »çÀ¯·Î ÁÖ¹®ÀÌ Ãë¼ÒµÉ ¼ö ÀÖÀ½(ÀÌ °æ¿ì ÀÎÅÍÆÄÅ©µµ¼­¿¡¼­ °í°´´Ô²² º°µµ·Î ¿¬¶ôÇÏ¿© °íÁöÇÔ)

    ¹è¼Û¾È³»

    • ÀÎÅÍÆÄÅ© µµ¼­ »óǰÀº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óǰÀ» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù

    • Ãâ°í°¡´É ½Ã°£ÀÌ ¼­·Î ´Ù¸¥ »óǰÀ» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óǰÀ» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÏ¿©, ÀÎÅÍÆÄÅ© ¿Ü Ÿ¾÷ü ¹è¼Û»óǰÀÎ °æ¿ì ¹ß¼ÛµÇÁö ¾ÊÀ» ¼ö ÀÖ½À´Ï´Ù.

    • ¹è¼Ûºñ

    µµ¼­(Áß°íµµ¼­ Æ÷ÇÔ) ±¸¸Å

    2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)

    À½¹Ý/DVD/ÀâÁö/¸¸È­ ±¸¸Å

    2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)

    µµ¼­¿Í À½¹Ý/DVD/ÀâÁö/¸¸È­/
    Áß°íÁ÷¹è¼Û»óǰÀ» ÇÔ²² ±¸¸Å

    2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)

    ¾÷üÁ÷Á¢¹è¼Û»óǰ ±¸¸Å

    ¾÷üº° »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë