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

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

¼Òµæ°øÁ¦

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

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

12,000¿ø

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

    600P (5%Àû¸³)

ÇÒÀÎÇýÅÃ
Àû¸³ÇýÅÃ
  • S-Point Àû¸³Àº ¸¶ÀÌÆäÀÌÁö¿¡¼­ Á÷Á¢ ±¸¸ÅÈ®Á¤ÇϽŠ°æ¿ì¸¸ Àû¸³ µË´Ï´Ù.
Ãß°¡ÇýÅÃ
¹è¼ÛÁ¤º¸
  • 4/22(¿ù) À̳» ¹ß¼Û ¿¹Á¤  (¼­¿ï½Ã °­³²±¸ »ï¼º·Î 512)
  • ¹è¼Ûºñ : 2,500¿ø
ÁÖ¹®¼ö·®
°¨¼Ò Áõ°¡
  • À̺¥Æ®/±âȹÀü

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

  • »óÇ°±Ç

AD

Ã¥¼Ò°³

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

ÃâÆÇ»ç ¼­Æò

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

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

¸ñÂ÷

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½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

¹Ú¼ÒÀº [¿ª] ½ÅÀ۾˸² SMS½Åû
»ý³â¿ùÀÏ -

ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.

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

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

¼±ÅÃÇÑ »óÇ° ºÏÄ«Æ®´ã±â
ÆîÃ帱â

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

    ¸®ºä

    0.0 (ÃÑ 0°Ç)

    100ÀÚÆò

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

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

    100ÀÚÆò

    0.0
    (ÃÑ 0°Ç)

    ÆǸÅÀÚÁ¤º¸

    • ÀÎÅÍÆÄÅ©µµ¼­¿¡ µî·ÏµÈ ¿ÀǸ¶ÄÏ »óÇ°Àº ±× ³»¿ë°ú Ã¥ÀÓÀÌ ¸ðµÎ ÆǸÅÀÚ¿¡°Ô ÀÖÀ¸¸ç, ÀÎÅÍÆÄÅ©µµ¼­´Â ÇØ´ç »óÇ°°ú ³»¿ë¿¡ ´ëÇØ Ã¥ÀÓÁöÁö ¾Ê½À´Ï´Ù.

    »óÈ£

    (ÁÖ)±³º¸¹®°í

    ´ëÇ¥ÀÚ¸í

    ¾Èº´Çö

    »ç¾÷ÀÚµî·Ï¹øÈ£

    102-81-11670

    ¿¬¶ôó

    1544-1900

    ÀüÀÚ¿ìÆíÁÖ¼Ò

    callcenter@kyobobook.co.kr

    Åë½ÅÆǸž÷½Å°í¹øÈ£

    01-0653

    ¿µ¾÷¼ÒÀçÁö

    ¼­¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù)

    ±³È¯/ȯºÒ

    ¹ÝÇ°/±³È¯ ¹æ¹ý

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

    ¹ÝÇ°/±³È¯°¡´É ±â°£

    º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É
    ´Ü, »óÇ°ÀÇ °áÇÔ ¹× °è¾à³»¿ë°ú ´Ù¸¦ °æ¿ì ¹®Á¦Á¡ ¹ß°ß ÈÄ 30ÀÏ À̳»

    ¹ÝÇ°/±³È¯ ºñ¿ë

    º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã
    »óÇ°À̳ª ¼­ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯/¹ÝÇ°Àº ¹Ý¼Û·á ÆǸÅÀÚ ºÎ´ã

    ¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯

    ·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
    (´ÜÁö È®ÀÎÀ» À§ÇÑ Æ÷Àå ÈѼÕÀº Á¦¿Ü)

    ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì
    ¿¹) È­ÀåÇ°, ½ÄÇ°, °¡ÀüÁ¦Ç°(¾Ç¼¼¼­¸® Æ÷ÇÔ) µî

    ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì
    ¿¹) À½¹Ý/DVD/ºñµð¿À, ¼ÒÇÁÆ®¿þ¾î, ¸¸È­Ã¥, ÀâÁö, ¿µ»ó È­º¸Áý

    ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì

    ·ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì

    »óÇ° Ç°Àý

    °ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½

    ¼ÒºñÀÚ ÇÇÇغ¸»ó
    ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó

    ·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© 󸮵Ê

    ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼­ÀÇ ¼ÒºñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ

    (ÁÖ)KGÀ̴Ͻýº ±¸¸Å¾ÈÀü¼­ºñ½º¼­ºñ½º °¡ÀÔ»ç½Ç È®ÀÎ

    (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º´Â ȸ¿ø´ÔµéÀÇ ¾ÈÀü°Å·¡¸¦ À§ÇØ ±¸¸Å±Ý¾×, °áÁ¦¼ö´Ü¿¡ »ó°ü¾øÀÌ (ÁÖ)ÀÎÅÍÆÄÅ©Ä¿¸Ó½º¸¦ ÅëÇÑ ¸ðµç °Å·¡¿¡ ´ëÇÏ¿©
    (ÁÖ)KGÀ̴Ͻýº°¡ Á¦°øÇÏ´Â ±¸¸Å¾ÈÀü¼­ºñ½º¸¦ Àû¿ëÇÏ°í ÀÖ½À´Ï´Ù.

    ¹è¼Û¾È³»

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

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

    • ±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.

    • ¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.

    • - µµ¼­ ±¸¸Å ½Ã 15,000¿ø ÀÌ»ó ¹«·á¹è¼Û, 15,000¿ø ¹Ì¸¸ 2,500¿ø - »óÇ°º° ¹è¼Ûºñ°¡ ÀÖ´Â °æ¿ì, »óÇ°º° ¹è¼Ûºñ Á¤Ã¥ Àû¿ë