±¹³»µµ¼
¿¹¼ú/´ëÁß¹®È
µðÀÚÀÎ
À¥µðÀÚÀÎ
2013³â 9¿ù 9ÀÏ ÀÌÈÄ ´©Àû¼öÄ¡ÀÔ´Ï´Ù.
Á¤°¡ |
30,000¿ø |
---|
27,000¿ø (10%ÇÒÀÎ)
1,500P (5%Àû¸³)
ÇÒÀÎÇýÅÃ | |
---|---|
Àû¸³ÇýÅà |
|
|
|
Ãß°¡ÇýÅÃ |
|
À̺¥Æ®/±âȹÀü
¿¬°üµµ¼
»óÇ°±Ç
ÀÌ»óÇ°ÀÇ ºÐ·ù
Ã¥¼Ò°³
¹ÝÀÀÇü À¥ µðÀÚÀÎÀº ´Ù¾çÇÑ Å©±â¿Í ÇØ»óµµÀÇ µð¹ÙÀ̽º°¡ Áõ°¡ÇÔ¿¡ µû¶ó Æø¹ßÀûÀ¸·Î ¼ºÀåÇÏ°í ÀÖ´Â ÃֽŠÀ¥ °³¹ß ºÐ¾ßÀÌ´Ù. ÀÌ Ã¥¿¡¼´Â ½ÇÀü ¿¹Á¦¸¦ ÅëÇØ °¡Àå Àαâ ÀÖ°í °·ÂÇÑ ¼¼ °¡Áö ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©(ºÎÆ®½ºÆ®·¦(Bootstrap), ½ºÄÌ·¹Åæ(Skeleton), Àúºê ÆÄ¿îµ¥À̼Ç(ZURB Foundation))¸¦ ¼³¸íÇÑ´Ù. ¶ÇÇÑ ±Ã±ØÀûÀ¸·Î ¾î¶² ÇÁ·¹ÀÓ¿öÅ©°¡ ÇÁ·ÎÁ§Æ®¿¡ ÀûÇÕÇϸç, ¿ä±¸»çÇ׿¡ ¸Â°Ô °¢°¢ÀÇ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¾î¶»°Ô È¿À²ÀûÀ¸·Î »ç¿ëÇÏ°í Ä¿½ºÅ͸¶ÀÌÁî ÇÒ ¼ö ÀÖ´ÂÁö ÀÌÇØÇÒ ¼ö ÀÖ´Ù. ÀÌ Ã¥Àº ÀÌ·¯ÇÑ ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©¸¦ ÅëÇØ ÇÁ·ÐÆ® ¿£µå °³¹ßÀÚµéÀÌ ½ÇÁ¦ ¹ÝÀÀÇü À¥ »çÀÌÆ®¸¦ ½±°í ºü¸£°Ô ±¸ÃàÇÒ ¼ö ÀÖµµ·Ï µµ¿òÀ» ÁÙ °ÍÀÌ´Ù.
ÃâÆÇ»ç ¼Æò
¡Ú ¿ä¾à ¡Ú
¹ÝÀÀÇü À¥ µðÀÚÀÎÀº ´Ù¾çÇÑ Å©±â¿Í ÇØ»óµµÀÇ µð¹ÙÀ̽º°¡ Áõ°¡ÇÔ¿¡ µû¶ó Æø¹ßÀûÀ¸·Î ¼ºÀåÇÏ°í ÀÖ´Â ÃֽŠÀ¥ °³¹ß ºÐ¾ßÀÌ´Ù. ÀÌ Ã¥¿¡¼´Â ½ÇÀü ¿¹Á¦¸¦ ÅëÇØ °¡Àå Àαâ ÀÖ°í °·ÂÇÑ ¼¼ °¡Áö ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©(ºÎÆ®½ºÆ®·¦(Bootstrap), ½ºÄÌ·¹Åæ(Skeleton), Àúºê ÆÄ¿îµ¥À̼Ç(ZURB Foundation))¸¦ ¼³¸íÇÑ´Ù. ¶ÇÇÑ ±Ã±ØÀûÀ¸·Î ¾î¶² ÇÁ·¹ÀÓ¿öÅ©°¡ ÇÁ·ÎÁ§Æ®¿¡ ÀûÇÕÇϸç, ¿ä±¸»çÇ׿¡ ¸Â°Ô °¢°¢ÀÇ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¾î¶»°Ô È¿À²ÀûÀ¸·Î »ç¿ëÇÏ°í Ä¿½ºÅ͸¶ÀÌÁî ÇÒ ¼ö ÀÖ´ÂÁö ÀÌÇØÇÒ ¼ö ÀÖ´Ù. ÀÌ Ã¥Àº ÀÌ·¯ÇÑ ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©¸¦ ÅëÇØ ÇÁ·ÐÆ® ¿£µå °³¹ßÀÚµéÀÌ ½ÇÁ¦ ¹ÝÀÀÇü À¥ »çÀÌÆ®¸¦ ½±°í ºü¸£°Ô ±¸ÃàÇÒ ¼ö ÀÖµµ·Ï µµ¿òÀ» ÁÙ °ÍÀÌ´Ù.
¡Ú ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë ¡Ú
¡á ¿À´Ã³¯ °¡Àå °·ÂÇÑ ¼¼ °¡Áö ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©ÀÎ ºÎÆ®½ºÆ®·¦(Bootstrap), ½ºÄÌ·¹Åæ(Skeleton), Àúºê ÆÄ¿îµ¥À̼Ç(ZURB Foundation) ¼³¸í
¡á ÇÁ·ÎÁ§Æ®¿¡ ÀûÇÕÇÑ ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©¸¦ °áÁ¤ÇÏ´Â ¹æ¹ý
¡á ºÎÆ®½ºÆ®·¦À¸·Î ¼Õ½±°Ô ¸ÚÁø Á¦Ç° Ãâ½Ã ÆäÀÌÁö ±¸Ãà
¡á ½ºÄÌ·¹ÅæÀÇ À¯¿¬¼ºÀ» È°¿ëÇØ µ¶Æ¯ÇÑ Æ÷Æ®Æú¸®¿À ±¸Ãà
¡á Àúºê ÆÄ¿îµ¥À̼ÇÀ¸·Î ¸ðµç µð¹ÙÀ̽º¿¡¼ µ¿ÀÛÇÏ´Â ¿Â¶óÀÎ ºñÁî´Ï½º »çÀÌÆ® ±¸Ãà
¡á CSSÀÇ ÀáÀç·ÂÀ» ÃÖ´ëÇÑ È°¿ëÇØ ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ °³¼±ÇÏ´Â ¹æ¹ý
¡Ú ÀÌ Ã¥ÀÇ ´ë»ó µ¶ÀÚ ¡Ú
ÀÌ Ã¥Àº HTML°ú CSS¿¡ ´ëÇØ Àß ¾Ë°í ÀÖÀ¸¸é¼, ÀÚ½ÅÀÇ ±â¼úÀ» È®ÀåÇÏ¿© ¸ðµç ½ºÅ©¸° Å©±â¿¡ Àß ¸Â´Â ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ °³¹ßÇÏ·Á´Â Ãʺ¸ÀÚµéÀ» ´ë»óÀ¸·Î ÇÑ´Ù.
¡Ú ÀÌ Ã¥ÀÇ ±¸¼º ¡Ú
1Àå, ¡®¹ÝÀÀÇü À¥ µðÀÚÀΡ¯Àº ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ ±âÃÊ¿Í À̸¦ ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ °³¹ß µµ±¸¸¦ ¾Ë¾Æº¸°í, ¹ÝÀÀÇü À¥»çÀÌÆ®ÀÇ ÁÁÀº ¿¹µéÀ» »ìÆ캻´Ù.
2Àå, ¡®½ºÄÌ·¹ÅæÀ¸·Î ¹ÝÀÀÇü Æ÷Æ®Æú¸®¿À ÆäÀÌÁö ±¸Ã࡯Àº ¹ÝÀÀÇü ±×¸®µå »ç¿ë¹ý¿¡ ´ëÇØ ¼³¸íÇÏ°í, HTML5·Î À¥ ÆäÀÌÁö¸¦ ±¸¼ºÇÏ¿© ù ¹ø° ÇÁ·ÎÁ§Æ®¸¦ ½ÃÀÛÇÑ´Ù.
3Àå, ¡®CSS3·Î Æ÷Æ®Æú¸®¿À À¥»çÀÌÆ® Çâ»ó½ÃÅ°±â¡¯´Â Æ®·£½ºÆû°ú Æ®·£Áö¼Ç °°Àº CSS3ÀÇ ¸î °¡Áö ±â´ÉÀ» ¼Ò°³ÇÏ°í, ÀÌµé ±â´ÉÀ¸·Î ¹ÝÀÀÇü Æ÷Æ®Æú¸®¿À À¥»çÀÌÆ®¸¦ Çâ»ó½ÃÅ°´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
4Àå, ¡®ºÎÆ®½ºÆ®·¦À¸·Î Á¦Ç° Ãâ½Ã »çÀÌÆ® °³¹ß¡¯Àº ºÎÆ®½ºÆ®·¦ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¼Ò°³ÇÏ°í, ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ ±¸ÃàÇÏ´Â µ¥ ÇÊ¿äÇÑ ÄÄÆ÷³ÍÆ®µé¸¦ ¾Ë¾Æº»´Ù.
5Àå, ¡®CSS3¿Í LESS·Î Á¦Ç° Ãâ½Ã »çÀÌÆ® Çâ»ó½ÃÅ°±â¡¯´Â CSS3¸¦ ÀÛ¼ºÇÏ´Â LESS ÇÔ¼ö¸¦ ¼³¸íÇÏ°í ÀÌ ÇÔ¼öµé·Î ¾î¶»°Ô ¹ÝÀÀÇü Á¦Ç° Ãâ½Ã »çÀÌÆ®¸¦ À¯Áöº¸¼ö°¡ ½¬¿ì¸é¼µµ ¸ÚÁ® º¸ÀÌ°Ô ¸¸µé ¼ö ÀÖ´ÂÁö ¾Ë¾Æº»´Ù.
6Àå, ¡®ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ©·Î ¹ÝÀÀÇü ºñÁî´Ï½º À¥»çÀÌÆ® ±¸Ã࡯Àº ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ©¸¦ ¼Ò°³ÇÏ°í ÁÖ¿ä ±â´ÉÀ» ¾Ë¾Æº»´Ù. ¶ÇÇÑ ºñÁî´Ï½º ¸ñÀûÀÇ ¹ÝÀÀÇü À¥»çÀÌÆ®¸¦ ±¸ÃàÇÏ´Â ¼¼ ¹ø° ÇÁ·ÎÁ§Æ®¸¦ ½ÃÀÛÇÑ´Ù.
7Àå, ¡®ÆÄ¿îµ¥ÀÌ¼Ç È®À塯Àº CSS Àü󸮱âÀÎ Sass¿Í SCSS, ÄÄÆĽº¿¡ ´ëÇØ ¾Ë¾Æº»´Ù. ±×¸®°í ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ© º¯¼ö·Î À¥»çÀÌÆ®ÀÇ ¸ð¾çÀ» È®ÀåÇÏ´Â ¹æ¹ýÀ» ¼³¸íÇÑ´Ù.
¸ñÂ÷
1Àå ¹ÝÀÀÇü À¥ µðÀÚÀÎ
¹ÝÀÀÇü À¥ µðÀÚÀÎÀÇ ±âº»
__ºäÆ÷Æ® ¸ÞŸ ÅÂ±×¿Í CSS3 ¹Ìµð¾î Äõ¸®
¹ÝÀÀÇü µðÀÚÀÎÀÇ ÇÑ°è
__picture ¿ä¼Ò·Î ¹ÝÀÀÇü À̹ÌÁö ¸¸µé±â
HTML5¿Í CSS3ÀÇ ÀÌÇØ
¹ÝÀÀÇü À¥ µðÀÚÀÎ ÇÁ·¹ÀÓ¿öÅ© ¼Ò°³
__¿Ö ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇϴ°¡?
____½ºÄÌ·¹Åæ
____ºÎÆ®½ºÆ®·¦
____ÆÄ¿îµ¥À̼Ç
__´©°¡ ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇϴ°¡?
____ÇÏÀ̺긶Àεå
____Living.js
____½ºÀ§Áñ
__´ÜÁ¡
¹ÝÀÀÇü À¥»çÀÌÆ® ±¸Ãà¿¡ ÇÊ¿äÇÑ µµ±¸µé
__À¥ ºê¶ó¿ìÀú
__ÄÚµå ÆíÁý±â
__¹ÝÀÀÇü ºÏ¸¶Å¬¸´
CSS Àü󸮱⠼Ұ³
__CSS Àü󸮱â ÄÄÆÄÀÏ·¯ µµ±¸
__LESS
____Áßø ±ÔÄ¢
____º¯¼ö
____¹Í½ºÀÎ
____ÆĶó¸ÞÆ®¸¯ ¹Í½ºÀÎ
____¿¬»ê
__Sass
____º¯¼ö
____¹Í½ºÀÎ
____Áßø ±ÔÄ¢
____¼±ÅÃÀÚ »ó¼Ó
CSS Àü󸮱⿡ ´ëÇÑ Ãß°¡ ÇнÀ
__LESS ÇнÀ
__Sass ÇнÀ
ÀÌ Ã¥À» ÅëÇØ ¹«¾ùÀ» Á¦ÀÛÇÏ·Á°í Çϴ°¡?
Á¤¸®
2Àå__½ºÄÌ·¹ÅæÀ¸·Î ¹ÝÀÀÇü Æ÷Æ®Æú¸®¿À ÆäÀÌÁö ±¸Ãà
½ºÄÌ·¹Åæ ½ÃÀÛ
½Ç½À ¿¹Á¦ | ÀÛ¾÷ µð·ºÅ丮 »ý¼º°ú ½ºÄÌ·¹Åæ ¼³Ä¡Çϱâ
½ºÄÌ·¹Åæ ³»¿ë »ìÆ캸±â
__HTML ½ÃÀÛ ¹®¼
____ºäÆ÷Æ® ¸ÞŸ ű×
____HTML5 ½É
__¹ÝÀÀÇü ±×¸®µå
__½ºÅ¸ÀÏ »èÁ¦
__¹Ìµð¾îÄõ¸®
__ŸÀÌÆ÷±×·¡ÇÇ ½ºÅ¸ÀÏ
__¹öÆ° ½ºÅ¸ÀÏ
__Æû ½ºÅ¸ÀÏ
__¾ÖÇà ¾ÆÀÌÄÜ ÀåÄ¡
__Æ÷Åä¼¥ ÅÛÇø´
À¥»çÀÌÆ® ±¸¼º
__À¥»çÀÌÆ® ³»ºñ°ÔÀ̼Ç
__½æ³×ÀÏ È£¹ö È¿°ú
½ºÄÌ·¹Åæ ¹®¼ ¼³Á¤
½Ç½À ¿¹Á¦ | CSS ÆÄÀÏ Ãß°¡
»ç¿ëÀÚÁ¤ÀÇ ÆùÆ® Ãß°¡
½Ç½À ¿¹Á¦ | ±¸±Û À¥ ÆùÆ® »ç¿ëÇϱâ
À̹ÌÁö Áغñ
__¼Ò¼È ¹Ìµð¾î ¾ÆÀÌÄÜ
½Ç½À ¿¹Á¦ | ½ºÇÁ¶óÀÌÆ® À̹ÌÁö
__¿¬¶ôó ¾ÆÀÌÄÜ
HTML5 ¿ä¼Ò
HTML5 »ç¿ëÀÚÁ¤ÀÇ µ¥ÀÌÅÍ ¼Ó¼º
½Ç½À ¿¹Á¦ | HTML ¹®¼ ±¸Á¶È
Á¤¸®
3Àå__CSS3·Î Æ÷Æ®Æú¸®¿À À¥»çÀÌÆ® Çâ»ó½ÃÅ°±â
CSS ¹Ú½º ¸ðµ¨
__CSS3 box-sizing ¼Ó¼º ¼Ò°³
½Ç½À ¿¹Á¦ | box-sizing ÁöÁ¤
CSS ÃøÁ¤ ´ÜÀ§
__Çȼ¿ ´ÜÀ§_
____°í DPI ½ºÅ©¸°¿¡¼ÀÇ Çȼ¿ ´ÜÀ§
__em ´ÜÀ§
____pxÀ» emÀ¸·Î ÀüȯÇϱâ
____em ´ÜÀ§ÀÇ ¼öµ¿ °è»ê
____ºê¶ó¿ìÀú¿¡¼ em ´ÜÀ§¸¦ ó¸®ÇÏ´Â Â÷ÀÌ
__ÆÛ¼¾Æ® ´ÜÀ§
ÆùÆ® Æйи® ¼³Á¤
½Ç½À ¿¹Á¦ | Çìµù ÆùÆ® Æйи® ¼³Á¤
Çì´õ ½ºÅ¸ÀÏ
½Ç½À ¿¹Á¦ | Çì´õ ½ºÅ¸ÀÏ Ãß°¡
CSS3 ¼±ÅÃÀÚ »ç¿ë
__Á÷Á¢ ÀÚ½Ä ¼±ÅÃÀÚ
__ÀÎÁ¢ÇÑ ÇüÁ¦ ¼±ÅÃÀÚ
__ÀϹÝÀûÀÎ ÇüÁ¦ ¼±ÅÃÀÚ
CSS3 ÀÇ»ç Ŭ·¡½º
__CSS3 üũ ÀÇ»ç Ŭ·¡½º
__CSS3 nth-child ÀÇ»ç Ŭ·¡½º
Æ÷Æ®Æú¸®¿À ½æ³×ÀÏ°ú ĸ¼ÇÀÇ ½ºÅ¸ÀÏ
½Ç½À ¿¹Á¦ | ½æ³×ÀÏ°ú ĸ¼ÇÀÇ ½ºÅ¸ÀÏ Ãß°¡
CSS3 2D Æ®·£½ºÆû
__translate() ÇÔ¼ö
____º¥´õ ÇÁ¸®ÇȽº
__CSS3 Æ®·£Áö¼Ç
____CSS3 Æ®·£Áö¼Ç °ª
½Ç½À ¿¹Á¦ | ½æ³×ÀÏ È£¹ö È¿°ú ¸¸µé±â
À¥»çÀÌÆ® ³»ºñ°ÔÀ̼ÇÀ» ÅëÇÑ Æ÷Æ®Æú¸®¿À ÇÊÅ͸µ
½Ç½À ¿¹Á¦ | Æ÷Æ®Æú¸®¿À ÇÊÅÍ ¸¸µé±â
ǪÅÍ ¿µ¿ª
½Ç½À ¿¹Á¦ | ǪÅÍ ¿µ¿ª¿¡ ½ºÅ¸ÀÏ Ãß°¡
ÀÛÀº ºäÆ÷Æ®¸¦ À§ÇÑ À¥»çÀÌÆ® ½ºÅ¸ÀÏ Á¶Á¤
Àº ºäÆ÷Æ®¸¦ À§ÇÑ À¥»çÀÌÆ® ½ºÅ¸ÀÏ Á¶Á¤
½Ç½À ¿¹Á¦ | 960Çȼ¿º¸´Ù ÀÛÀº ºäÆ÷Æ® Å©±â
½Ç½À ¿¹Á¦ | 767Çȼ¿°ú 480Çȼ¿ »çÀÌÀÇ ºäÆ÷Æ® Å©±â
½Ç½À ¿¹Á¦ | 480Çȼ¿º¸´Ù ÀÛÀº ºäÆ÷Æ® Å©±â
´Ù¾çÇÑ ºäÆ÷Æ® Å©±â¿¡¼ À¥»çÀÌÆ®¸¦ Å×½ºÆ®
´Ù¾çÇÑ ºäÆ÷Æ® Å©±â¿¡¼ À¥»çÀÌÆ®¸¦ Å×½ºÆ®
Á¤¸®
4Àå__ºÎÆ®½ºÆ®·¦À¸·Î Á¦Ç° Ãâ½Ã »çÀÌÆ® °³¹ß
ºÎÆ®½ºÆ®·¦ ½ÃÀÛÇϱâ
½Ç½À ¿¹Á¦ | ºÎÆ®½ºÆ®·¦ ¼³Á¤
À¥»çÀÌÆ®¿¡ »ç¿ëÇÒ À̹ÌÁö Áغñ
LESS ¾ÖÇø®ÄÉÀÌ¼Ç ¼Ò°³
½Ç½À ¿¹Á¦ | Å©·±Ä¡¾Û ¼³Ä¡
__»õ·Î¿î LESS ÆÄÀÏ »ý¼ºÇϱâ
½Ç½À ¿¹Á¦ | Å©·±Ä¡¾ÛÀ¸·Î »õ·Î¿î LESS ÆÄÀÏ »ý¼ºÇϱâ
__LESS ±¸¹®À» Ç¥ÁØ CSS·Î ÄÄÆÄÀÏ
½Ç½À ¿¹Á¦ | Å©·±Ä¡¾Û¿¡ LESS ÆÄÀÏ Ãß°¡ÇÏ°í Ç¥ÁØ CSS·Î ÄÄÆÄÀÏÇϱâ
»ç¿ëÀÚ ÆùÆ® Æйи® Ãß°¡¸¦ À§ÇÑ @font-face ±ÔÄ¢ ¼Ò°³
__¹«·á »ç¿ë °¡´ÉÇÑ ÀÓº£µù ÆùÆ®
__@font-face ±ÔÄ¢ ÀÛ¼º
__Å©·Î½º ºê¶ó¿ìÀú ȣȯÀ» À§ÇÑ ÆùÆ® Æ÷¸Ë
½Ç½À ¿¹Á¦ | @face-font·Î »õ·Î¿î ÆùÆ® Ãß°¡Çϱâ
ºÎÆ®½ºÆ®·¦ÀÇ ¹ÝÀÀÇü ±â´É
__ºÎÆ®½ºÆ®·¦ ±×¸®µå ½Ã½ºÅÛ
__ºÎÆ®½ºÆ®·¦¿¡¼ÀÇ CSS3 ¹Ìµð¾îÄõ¸®
½Ç½À ¿¹Á¦ | CSS3 ¹Ìµð¾îÄõ¸®¸¦ ÀúÀåÇÒ »õ·Î¿î LESS ÆÄÀÏ »ý¼º
__ºÎÆ®½ºÆ®·¦À¸·Î ³»ºñ°ÔÀÌ¼Ç ¸¸µé±â
HTML ¹®¼ ÀÛ¼º
½Ç½À ¿¹Á¦ | ±âº» HTML5 ¹®¼ ÀÛ¼º
__ȨÆäÀÌÁö ÄÜÅÙÃ÷
½Ç½À ¿¹Á¦ | ȨÆäÀÌÁöÀÇ HTML ÄÜÅÙÃ÷ ±¸Á¶ Ãß°¡
____HTML5 Ç÷¹À̽ºÈ¦´õ ¼Ó¼º
____HTML5ÀÇ »õ·Î¿î ÀԷ ŸÀÔ
__°¶·¯¸® ÆäÀÌÁö ÄÜÅÙÃ÷ ÀÛ¼º
½Ç½À ¿¹Á¦ | °¶·¯¸® ÆäÀÌÁö¿¡ HTML ÄÜÅÙÃ÷ ±¸Á¶ Ãß°¡
__¹®ÀÇ ÆäÀÌÁö ÄÜÅÙÃ÷ ÀÛ¼º
½Ç½À ¿¹Á¦ | ¹®ÀÇ ÆäÀÌÁö¿¡ HTML ±¸Á¶ Ãß°¡
__¾î¹Ù¿ô ÆäÀÌÁö ÄÜÅÙÃ÷ ÀÛ¼º
½Ç½À ¿¹Á¦ | ¾î¹Ù¿ô ÆäÀÌÁö¿¡ HTML ÄÜÅÙÃ÷ ±¸Á¶ Ãß°¡
__Á¤Ã¥ ÆäÀÌÁö
½Ç½À ¿¹Á¦ | °³ÀÎÁ¤º¸º¸È£¿Í Á¤Ã¥ ÆäÀÌÁöÀÇ HTML ÄÜÅÙÃ÷ ±¸Á¶ Ãß°¡
Á¤¸®
5Àå__CSS3¿Í LESS·Î Á¦Ç° Ãâ½Ã »çÀÌÆ® Çâ»ó½ÃÅ°±â
LESS »ç¿ëÀÚÁ¤ÀÇ º¯¼ö
½Ç½À ¿¹Á¦ | »ç¿ëÀÚÁ¤ÀÇ º¯¼ö ¼³Á¤
»ç¿ëÀÚÁ¤ÀÇ LESS ¹Í½ºÀÎ
½Ç½À ¿¹Á¦ | »ç¿ëÀÚÁ¤ÀÇ LESS ¹Í½ºÀÎ Á¤ÀÇ
LESS »ö»ó ÇÔ¼ö
¹üÀ§ °³³ä ¼Ò°³
ÀÏ¹Ý ½ºÅ¸ÀÏ ±ÔÄ¢
½Ç½À ¿¹Á¦ | ÀÏ¹Ý ½ºÅ¸ÀÏ ±ÔÄ¢ Ãß°¡
__º¥´õ ÇÁ¸®ÇȽº Á¦°Å
¹öÆ° ½ºÅ¸ÀÏ
½Ç½À ¿¹Á¦ | ºÎÆ®½ºÆ®·¦ÀÇ ¹öÆ° ½ºÅ¸ÀÏ ÀçÁ¤ÀÇ
¿Ö ¹öÆ°ÀÌ ÀÌ·¸°Ô Å«°¡?
Çì´õ ½ºÅ¸ÀÏ
½Ç½À ¿¹Á¦ | À¥»çÀÌÆ® Çì´õ ½ºÅ¸ÀÏ Ãß°¡
ǪÅÍ ½ºÅ¸ÀÏ
½Ç½À ¿¹Á¦ | ǪÅÍ ½ºÅ¸ÀÏ Ãß°¡
ȨÆäÀÌÁö ÀÛ¾÷
__È÷¾î·Î ¿µ¿ª
½Ç½À ¿¹Á¦ | È÷¾î·Î ¿µ¿ª¿¡ ½ºÅ¸ÀÏ Ãß°¡
__ÄÝÅõ¾×¼Ç ¿µ¿ª
½Ç½À ¿¹Á¦ | ÄÝÅõ¾×¼Ç ¿µ¿ª¿¡ ½ºÅ¸ÀÏ Ãß°¡
__°¶·¯¸® ¿µ¿ª
½Ç½À ¿¹Á¦ | °¶·¯¸® ¿µ¿ª ½ºÅ¸ÀÏ Ãß°¡
__Ãßõ ¿µ¿ª
½Ç½À ¿¹Á¦ | Ãßõ ¿µ¿ª ½ºÅ¸ÀÏ Ãß°¡
__±¸µ¶ Æû
½Ç½À ¿¹Á¦ | À̸ÞÀÏ ÀÔ·Â ½ºÅ¸ÀÏ Ãß°¡
°¶·¯¸® ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ÆäÀÌÁö Á¦¸ñ ½ºÅ¸ÀÏ Á¶Á¤
¿¬¶ô ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ¿¬¶ô ÆäÀÌÁö ½ºÅ¸ÀÏ Ãß°¡
¾î¹Ù¿ô ÆäÀÌÁö
°³ÀÎÁ¤º¸º¸È£ Á¤Ã¥ ÆäÀÌÁö
À¥»çÀÌÆ®¸¦ ¹ÝÀÀÇüÀ¸·Î ¸¸µé±â
½Ç½À ¿¹Á¦ | 767px ÀÌÇÏ ºäÆ÷Æ® Å©±âÀÇ À¥»çÀÌÆ® Çâ»ó½ÃÅ°±â
½Ç½À ¿¹Á¦ | 480px ÀÌÇÏ ºäÆ÷Æ® Å©±â¿¡ ´ëÇÑ À¥»çÀÌÆ® Çâ»ó½ÃÅ°±â
ºÒÇÊ¿äÇÑ ½ºÅ¸ÀÏ ±ÔÄ¢ÀÇ Á¦¿Ü
À¥»çÀÌÆ® Å×½ºÆ®
Á¤¸®
6Àå__ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ©·Î ¹ÝÀÀÇü ºñÁî´Ï½º À¥»çÀÌÆ® ±¸Ãà
·çºñ ±â¹Ý ÇÁ·¹ÀÓ¿öÅ©
ÆÄ¿îµ¥ÀÌ¼Ç Áª
½Ç½À ¿¹Á¦ | ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ© ¼³Ä¡¿Í »õ·Î¿î ÇÁ·ÎÁ§Æ® ¼³Á¤
Sass¿Í SCSS ±¸¹®
__Sass¿Í SCSS ÄÚµå ÆíÁý±â
½Ç½À ¿¹Á¦ | ¼ºê¶óÀÓ ÅؽºÆ®¸¦ ¼³Ä¡ÇÏ°í SCSS ±¸¹®À» ÇÏÀ̶óÀÌÆ®½ÃÅ°±â
SCSS ½ºÅ¸ÀϽÃÆ® »ç¿ëÀÚÁ¤ÀÇ
½Ç½À ¿¹Á¦ | À¯Áöº¸¼ö¸¦ À§ÇØ »õ·Î¿î SCSS ½ºÅ¸ÀϽÃÆ® ¸¸µé±â
ÄÄÆÛ½º ¼Ò°³
__ÄÄÆÛ½º ÇïÆÛ ÇÔ¼ö
__ÄÄÆÛ½º ÇÁ·ÎÁ§Æ® ¼³Á¤
½Ç½À ¿¹Á¦ | config.rb·Î ÇÁ·ÎÁ§Æ® °æ·Î ¼³Á¤
SCSS¸¦ CSS·Î ÄÄÆÄÀÏÇϱâ
½Ç½À ¿¹Á¦ | SCSS ½ºÅ¸ÀϽÃÆ® º¯°æ °¨½Ã
À¥»çÀÌÆ® À̹ÌÁö Áغñ
ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ© ÄÄÆ÷³ÍÆ®
__±×¸®µå
__CSS3 ¹Ìµð¾îÄõ¸®
__»ç¿ëÀÚ ÀÎÅÍÆäÀ̽º ½ºÅ¸ÀÏ
__¿Àºø
HTML ¹®¼ ÀÛ¼º
__±âº» HTML ¹®¼
½Ç½À ¿¹Á¦ | ±âº» HTML ¹®¼ ±¸¼º
__À¥»çÀÌÆ® ȨÆäÀÌÁö
½Ç½À ¿¹Á¦ | ȨÆäÀÌÁö ÄÜÅÙÃ÷ ±¸¼º
__¼ºñ½º ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ¼ºñ½º ÆäÀÌÁö ÄÜÅÙÃ÷ ¸¶Å©¾÷ ÀÛ¼º
__°¡°Ý ÆäÀÌÁö
½Ç½À ¿¹Á¦ | °¡°Ý ÆäÀÌÁö ÄÜÅÙÃ÷ ¸¶Å©¾÷ ÀÛ¼º
__ȸ»ç¼Ò°³ ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ȸ»ç¼Ò°³ ÆäÀÌÁö ÄÜÅÙÃ÷ ¸¶Å©¾÷ ÀÛ¼º
__¿¬¶ôó ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ¿¬¶ôó ÆäÀÌÁö ÀÛ¼º
Á¤¸®
7Àå__ÆÄ¿îµ¥ÀÌ¼Ç È®Àå
ÇÁ·ÎÁ§Æ® ¸ð´ÏÅ͸µ
½Ç½À ¿¹Á¦ | Ä¿¸Çµå ¶óÀÎ ¸í·ÉÀ¸·Î ÇÁ·ÎÁ§Æ® ¸ð´ÏÅ͸µÇϱâ
Sass »ö»ó ÇÔ¼ö ¼Ò°³
Sass º¯¼ö
½Ç½À ¿¹Á¦ | ÆÄ¿îµ¥ÀÌ¼Ç ÇÁ·¹ÀÓ¿öÅ© Sass »ö»ó º¯¼ö¸¦ »ç¿ëÀÚÁ¤ÀÇÇϱâ
»ç¿ëÀÚÁ¤ÀÇ ÆùÆ® Æйи®
__ÄÄÆÛ½º ÆùÆ® ÆäÀ̽º ¹Í½ºÀÎ
½Ç½À ¿¹Á¦ | ÄÄÆÛ½º ¹Í½ºÀÎÀ¸·Î »ç¿ëÀÚÁ¤ÀÇ ÆùÆ® Æйи® Ãß°¡
À¥»çÀÌÆ® ³»ºñ°ÔÀ̼Ç
½Ç½À ¿¹Á¦ | Çì´õ ¿µ¿ª ½ºÅ¸Àϸµ
ÄÄÆÛ½º ½ºÇÁ¶óÀÌÆ® ÇïÆÛ ¼Ò°³
À¥»çÀÌÆ® ǪÅÍ ¿µ¿ª
½Ç½À ¿¹Á¦ | ǪÅÍ ¿µ¿ª¿¡ ½ºÅ¸ÀÏ Ãß°¡
CSS3 ±¸Á¶Àû ¼±ÅÃÀÚ ¼Ò°³
ȨÆäÀÌÁö
½Ç½À ¿¹Á¦ | ȨÆäÀÌÁö ½ºÅ¸ÀÏ Ãß°¡
¼ºñ½º ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ¼ºñ½º ÆäÀÌÁö ½ºÅ¸ÀÏ Ãß°¡
°¡°Ý ÆäÀÌÁö
½Ç½À ¿¹Á¦ | °¡°Ý ÆäÀÌÁö ½ºÅ¸ÀÏ Ãß°¡
¼Ò°³ ÆäÀÌÁö¿Í ¿¬¶ôó ÆäÀÌÁö
½Ç½À ¿¹Á¦ | ¼Ò°³ ÆäÀÌÁö¿Í ¿¬¶ôó ÆäÀÌÁö¿¡ ½ºÅ¸ÀÏ Ãß°¡
½Ç½À ¿¹Á¦ | À¥»çÀÌÆ® ÀÛ¼º ¸¶¹«¸®
À¥»çÀÌÆ® Å×½ºÆ®
¿ä¾à
º»¹®Áß¿¡¼
¡Ú ÀúÀÚ ¼¹® ¡Ú
¹ÝÀÀÇü À¥ µðÀÚÀÎÀº ¼ÒºñÀÚ°¡ ¼±ÅÃÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ Å©±â¿Í ÇØ»óµµÀÇ µð¹ÙÀ̽º°¡ Áõ°¡ÇÔ¿¡ µû¶ó Æø¹ßÀûÀ¸·Î ¼ºÀåÇÏ°í ÀÖ´Â ÃֽŠÀ¥ °³¹ß ºÐ¾ß´Ù. ÀÌÁ¦ ÀÎÅͳݿ¡ Á¢¼ÓÇÏ´Â ¸ðµç µð¹ÙÀ̽º¿¡¼ Àß µ¿ÀÛÇÏ´Â ÀÚ½ÅÀÇ À¥»çÀÌÆ®¸¦ Á¦ÀÛÇÏ´Â ¹æ¹ýÀ» ¹è¿ï ¼ö ÀÖ´Ù.
ÀÌ Ã¥Àº ½ÇÀü ¿¹Á¦¸¦ ÅëÇØ Àü ¼¼°è Àü¹®°¡µéÀÌ »ç¿ëÇÏ°í ÀÖ´Â ÁÖ¿ä ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©(ºÎÆ®½ºÆ®·¦°ú ½ºÄÌ·¹Åæ, Àúºê ÆÄ¿îµ¥À̼Ç)¸¦ ¼³¸íÇÑ´Ù. ±Ã±ØÀûÀ¸·Î ¾î¶² ÇÁ·¹ÀÓ¿öÅ©°¡ ÇÁ·ÎÁ§Æ®¿¡ ÀûÇÕÇϸç, ¶ÇÇÑ ¿ä±¸»çÇ׿¡ ¸Â°Ô °¢°¢ÀÇ ÇÁ·¹ÀÓ¿öÅ©¸¦ ¾î¶»°Ô È¿À²ÀûÀ¸·Î »ç¿ëÇÏ°í Ä¿½ºÅ͸¶ÀÌÁî ÇÒ ¼ö ÀÖ´ÂÁö ÀÌÇØÇÏ°Ô µÉ °ÍÀÌ´Ù.
¡Ú ¿Å±äÀÌÀÇ ¸» ¡Ú
¿¡ÀÌÄÜ ÃâÆÇ»ç¿ÍÀÇ Àο¬À¸·Î ¡®¹ÝÀÀÇü À¥ µðÀÚÀÎ(HTML5¿Í CSS3·Î ÀÛ¼ºÇÏ´Â)¡¯À̶ó´Â ÁÁÀº Ã¥À» ¸¸³ °ÍÀÌ Á¤È®È÷ 2³â ÀüÀÇ ÀÏÀ̾ú´Ù. óÀ½ ¹ÝÀÀÇü À¥ µðÀÚÀο¡ ´ëÇÑ Ã¥À» Æì³ÂÀ» ¶§¸¸ Çصµ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀº ±¹³»¿¡¼ Àͼ÷ÇÑ ¿ë¾î°¡ ¾Æ´Ï¾úÀ¸¸ç °ü·Ã ÀÚ·áµµ ¸¹Áö ¾ÊÀº ½ÇÁ¤À̾ú´Ù. ±×»çÀÌ °ü·Ã Ã¥µµ ¸¹ÀÌ Ãâ°£µÇ¾ú°í, ±¹³»¿¡¼µµ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ» Àû¿ëÇÑ À¥»çÀÌÆ®µéÀÌ ¸¹ÀÌ ´Ã¾î³µ´Ù. ¶ÇÇÑ Ã¥À» ÀÐÀº µ¶ÀÚµé·ÎºÎÅÍ Ã¥À» ÅëÇØ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀÌ ¹«¾ùÀÎÁö¿¡ ´ëÇÑ ±Ã±ÝÁõÀ» ÇؼÒÇÒ ¼ö ÀÖ¾ú´Ù´Â °¨»çÀÇ ¸»¾¸µµ ¸¹ÀÌ ÀüÇØ µé¾ú´Ù. ÇÏÁö¸¸ ¿©ÀüÈ÷ ¹ÝÀÀÇü À¥ µðÀÚÀÎÀ¸·Î À¥»çÀÌÆ®¸¦ ±¸ÃàÇϴµ¥ ÀÖ¾î ¸¹Àº °³¹ßÀÚµéÀÌ ¾î·Á¿òÀ» °Þ°í ÀÖ´Â °ÍÀÌ Çö½ÇÀÌ´Ù.
±×·± Àǹ̿¡¼ ¸¸ 2³â ¸¸¿¡ ´Ù½Ã Á¢ÇÏ°Ô µÈ ÀÌ Ã¥Àº ¸¹Àº ÇÁ·ÐÆ® ¿£µå °³¹ßÀÚµéÀÌ Çö½ÇÀûÀ¸·Î ´ç¸éÇÏ°í ÀÖ´Â ±¸Çö ¹®Á¦¸¦ ÇØ°áÇÏ´Â µ¥ Å« µµ¿òÀÌ µÉ °ÍÀ¸·Î ±â´ëÇÑ´Ù. ½ÇÁ¦ À¥»çÀÌÆ® ±¸Ãà¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ´Ù¾çÇÑ ¿¹Á¦¿Í ÃæºÐÇÑ ¼³¸í, ±×¸®°í ÀÌ Ã¥¿¡¼ ¼Ò°³ÇÏ°í ÀÖ´Â °¡Àå Àαâ ÀÖ°í °·ÂÇÑ ¼¼ °¡Áö ¹ÝÀÀÇü ÇÁ·¹ÀÓ¿öÅ©(ºÎÆ®½ºÆ®·¦°ú ½ºÄÌ·¹Åæ, Àúºê ÆÄ¿îµ¥À̼Ç)¸¦ È°¿ëÇÏ¸é ´©±¸³ª ½±°í ºü¸£°Ô ¹ÝÀÀÇü À¥ »çÀÌÆ®¸¦ ±¸ÃàÇÒ ¼ö ÀÖÀ» °ÍÀ̶ó°í È®½ÅÇÑ´Ù.
ÀúÀÚ¼Ò°³
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
»ý³â¿ùÀÏ | - |
---|
ÇØ´çÀÛ°¡¿¡ ´ëÇÑ ¼Ò°³°¡ ¾ø½À´Ï´Ù.
ÁÖ°£·©Å·
´õº¸±â»óÇ°Á¤º¸Á¦°ø°í½Ã
À̺¥Æ® ±âȹÀü
ÀÌ »óÇ°ÀÇ ½Ã¸®Áî
(ÃÑ 254±Ç / ÇöÀ籸¸Å °¡´Éµµ¼ 0±Ç)
¿¹¼ú/´ëÁß¹®È ºÐ¾ß¿¡¼ ¸¹Àº ȸ¿øÀÌ ±¸¸ÅÇÑ Ã¥
ÆǸÅÀÚÁ¤º¸
»óÈ£ |
(ÁÖ)±³º¸¹®°í |
---|---|
´ëÇ¥ÀÚ¸í |
¾Èº´Çö |
»ç¾÷ÀÚµî·Ï¹øÈ£ |
102-81-11670 |
¿¬¶ôó |
1544-1900 |
ÀüÀÚ¿ìÆíÁÖ¼Ò |
callcenter@kyobobook.co.kr |
Åë½ÅÆǸž÷½Å°í¹øÈ£ |
01-0653 |
¿µ¾÷¼ÒÀçÁö |
¼¿ïƯº°½Ã Á¾·Î±¸ Á¾·Î 1(Á¾·Î1°¡,±³º¸ºôµù) |
±³È¯/ȯºÒ
¹ÝÇ°/±³È¯ ¹æ¹ý |
¡®¸¶ÀÌÆäÀÌÁö > Ãë¼Ò/¹ÝÇ°/±³È¯/ȯºÒ¡¯ ¿¡¼ ½Åû ¶Ç´Â 1:1 ¹®ÀÇ °Ô½ÃÆÇ ¹× °í°´¼¾ÅÍ(1577-2555)¿¡¼ ½Åû °¡´É |
---|---|
¹ÝÇ°/±³È¯°¡´É ±â°£ |
º¯½É ¹ÝÇ°ÀÇ °æ¿ì Ãâ°í¿Ï·á ÈÄ 6ÀÏ(¿µ¾÷ÀÏ ±âÁØ) À̳»±îÁö¸¸ °¡´É |
¹ÝÇ°/±³È¯ ºñ¿ë |
º¯½É ȤÀº ±¸¸ÅÂø¿À·Î ÀÎÇÑ ¹ÝÇ°/±³È¯Àº ¹Ý¼Û·á °í°´ ºÎ´ã |
¹ÝÇ°/±³È¯ ºÒ°¡ »çÀ¯ |
·¼ÒºñÀÚÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¼Õ½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì ·¼ÒºñÀÚÀÇ »ç¿ë, Æ÷Àå °³ºÀ¿¡ ÀÇÇØ »óÇ° µîÀÇ °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·º¹Á¦°¡ °¡´ÉÇÑ »óÇ° µîÀÇ Æ÷ÀåÀ» ÈѼÕÇÑ °æ¿ì ·½Ã°£ÀÇ °æ°ú¿¡ ÀÇÇØ ÀçÆǸŰ¡ °ï¶õÇÑ Á¤µµ·Î °¡Ä¡°¡ ÇöÀúÈ÷ °¨¼ÒÇÑ °æ¿ì ·ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀÇ ¼ÒºñÀÚº¸È£¿¡ °üÇÑ ¹ý·üÀÌ Á¤ÇÏ´Â ¼ÒºñÀÚ Ã»¾àöȸ Á¦ÇÑ ³»¿ë¿¡ ÇØ´çµÇ´Â °æ¿ì |
»óÇ° Ç°Àý |
°ø±Þ»ç(ÃâÆÇ»ç) Àç°í »çÁ¤¿¡ ÀÇÇØ Ç°Àý/Áö¿¬µÉ ¼ö ÀÖÀ½ |
¼ÒºñÀÚ ÇÇÇغ¸»ó |
·»óÇ°ÀÇ ºÒ·®¿¡ ÀÇÇÑ ±³È¯, A/S, ȯºÒ, Ç°Áúº¸Áõ ¹× ÇÇÇغ¸»ó µî¿¡ °üÇÑ »çÇ×Àº¼ÒºñÀÚºÐÀïÇØ°á ±âÁØ (°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ ÁØÇÏ¿© ó¸®µÊ ·´ë±Ý ȯºÒ ¹× ȯºÒÁö¿¬¿¡ µû¸¥ ¹è»ó±Ý Áö±Þ Á¶°Ç, ÀýÂ÷ µîÀº ÀüÀÚ»ó°Å·¡ µî¿¡¼ÀǼҺñÀÚ º¸È£¿¡ °üÇÑ ¹ý·ü¿¡ µû¶ó ó¸®ÇÔ |
¹è¼Û¾È³»
±³º¸¹®°í »óÇ°Àº Åùè·Î ¹è¼ÛµÇ¸ç, Ãâ°í¿Ï·á 1~2Àϳ» »óÇ°À» ¹Þ¾Æ º¸½Ç ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä »óÇ°À» ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
±ººÎ´ë, ±³µµ¼Ò µî ƯÁ¤±â°üÀº ¿ìü±¹ Åù踸 ¹è¼Û°¡´ÉÇÕ´Ï´Ù.
¹è¼Ûºñ´Â ¾÷ü ¹è¼Ûºñ Á¤Ã¥¿¡ µû¸¨´Ï´Ù.