±¹³»µµ¼
ÄÄÇ»ÅÍ/ÀÎÅͳÝ
IT Àü¹®¼
ÇÁ·Î±×·¡¹Ö °³¹ß ¹æ¹ý·Ð
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
Á¤°¡ |
12,000¿ø |
---|
10,800¿ø (10%ÇÒÀÎ)
600P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼(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 ´Ù¸¥ ¸®¼Ò½ºµé
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|---|
Ãâ»ýÁö | - |
Ãâ°£µµ¼ | 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±Ç)
ÄÄÇ»ÅÍ/ÀÎÅÍ³Ý ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
¸®ºä
±¸¸Å ÈÄ ¸®ºä ÀÛ¼º ½Ã, ºÏÇǴϾð Áö¼ö ÃÖ´ë 600Á¡
±â´ëÆò
±â´ëÆò
±³È¯/ȯºÒ
±³È¯/ȯºÒ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹Ýǰ/±³È¯/ȯºÒ¡¯ ¿¡¼ ½ÅûÇÔ, 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555) ÀÌ¿ë °¡´É |
---|---|
±³È¯/ȯºÒ °¡´É ±â°£ |
°í°´º¯½ÉÀº Ãâ°í¿Ï·á ´ÙÀ½³¯ºÎÅÍ 14ÀÏ ±îÁö¸¸ ±³È¯/ȯºÒÀÌ °¡´ÉÇÔ |
±³È¯/ȯºÒ ºñ¿ë |
°í°´º¯½É ¶Ç´Â ±¸¸ÅÂø¿ÀÀÇ °æ¿ì¿¡¸¸ 2,500¿ø Åùèºñ¸¦ °í°´´ÔÀÌ ºÎ´ãÇÔ |
±³È¯/ȯºÒ ºÒ°¡»çÀ¯ |
¹ÝǰÁ¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óǰ È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡ÇÒ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇØº¸»ó |
¼ÒºñÀÚ ÇÇÇØº¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øÈ¸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖÀ½ |
±âŸ |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó ǰÀý/ÀýÆÇ µîÀÇ »çÀ¯·Î ÁÖ¹®ÀÌ Ãë¼ÒµÉ ¼ö ÀÖÀ½(ÀÌ °æ¿ì ÀÎÅÍÆÄÅ©µµ¼¿¡¼ °í°´´Ô²² º°µµ·Î ¿¬¶ôÇÏ¿© °íÁöÇÔ) |
¹è¼Û¾È³»
ÀÎÅÍÆÄÅ© µµ¼ »óǰÀº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óǰÀ» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óǰÀ» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óǰÀ» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÏ¿©, ÀÎÅÍÆÄÅ© ¿Ü Ÿ¾÷ü ¹è¼Û»óǰÀÎ °æ¿ì ¹ß¼ÛµÇÁö ¾ÊÀ» ¼ö ÀÖ½À´Ï´Ù.
¹è¼Ûºñ
µµ¼(Áß°íµµ¼ Æ÷ÇÔ) ±¸¸Å |
2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
---|---|
À½¹Ý/DVD/ÀâÁö/¸¸È ±¸¸Å |
2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
µµ¼¿Í À½¹Ý/DVD/ÀâÁö/¸¸È/ |
2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) |
¾÷üÁ÷Á¢¹è¼Û»óǰ ±¸¸Å |
¾÷üº° »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë |