|
|
|
|
|
¾Æ¸§´Ù¿î À¥»çÀÌÆ® ¸¸µé±â ½Ã¸®Áî1
¤Ó ´í ½Ã´õȨ(Dan Cederholm), À¥¾×Ãò¾ó¸®ÆÀ
¤Ó
À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºÀ¥µðÀÚÀ̳ʸ¦ À§ÇÑ CSS3¡»Àº »õ·Î¿î ¼Ó¼º°ú ´Ù¾çÇÑ ±â¼úµé ±×¸®°í ¸¶ÀÌÅ©·Î ·¹À̾ƿô¿¡ °üÇØ Á¤¸®ÇÑ °³Á¤ÆÇÀÌ´Ù. »õ·Î¿î ±â´ÉÀ» Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¿¡ °¡´ÉÇÑ °ÍÀÌ ¹«¾ùÀÌÁö, ±×¸®°í ¾î¶»°Ô ±¸ÃàÇÏ°í Àû¿ëÇÏ´ÂÁö¸¦ ¹è¿ï ¼ö ÀÖµµ·Ï ±¸¼ºÇß´Ù. CSS3´Â ÄÜÅÙÃ÷ »ý¼ºÀ» À§ÇÑ °í±Þ ¼±ÅÃÀÚ¿¡¼ºÎÅÍ À¥ÆùÆ®±îÁö, ±×¸®°í ±×·¹À̵ð¾ðÆ®, »õµµ, µÕ±Ù ¸ð¼¸®¿¡¼ºÎÅÍ À¯·ÁÇÑ ¾Ö´Ï¸ÞÀ̼ǿ¡ À̸£±â±îÁö âÀÇÀûÀÎ °¡´É¼ºÀÌ ³ÑÃijª´Â ¼¼°èÀÌ´Ù. ÀúÀÚ´Â ÀÌ Ã¥¿¡¼ µ¶ÀÚµéÀÌ ¹Ýµå½Ã ¾Ë¾Æ¾ß ÇÒ ¾ÆÁÖ ±âº»ÀûÀ̸鼵µ ½ÇÁúÀûÀ¸·Î ÀÏ»óÀûÀÎ µðÀÚÀÎ ¹®Á¦¸¦ Á» ´õ È¿À²ÀûÀ¸·Î ÇØ°áÇÒ ¼ö ÀÖ´Â ³»¿ëÀ» ¼Ò°³ÇØ ÇÁ·ÎÁ§Æ®¿¡ ´çÀå Àû¿ëÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁÖ°íÀÚ ÇÑ´Ù.
-
-
ÇÁ·ÐÆ®¿£µå °³¹ßÀÚµµ ²À Àоî¾ß ÇÒ Ã¥!
À¥µðÀÚÀÎÀÇ ÁøÁ¤ÇÑ ¾Æ¸§´Ù¿òÀº ³í¸®ÀûÀÎ ¼Ò½º Äڵ忡¼ ½ÃÀ۵˴ϴÙ.
ÀÌ Ã¥Àº 2012³â 4¿ù¿¡ Ãâ°£µÈ ¡¶À¥µðÀÚÀ̳ʸ¦ À§ÇÑ CSS3¡·ÀÇ °³Á¤ÆÇÀÔ´Ï´Ù. ÃÊÆÇÀÌ ³ª¿Â ÀÌÈÄ, CSS3ÀÇ ¸¹Àº ¼Ó¼ºµéÀÌ ³íÀÇµÇ¾î ¿Ô°í, °³¼±µÈ ´öºÐ¿¡ ´õ ¸¹Àº ºê¶ó¿ìÀú¿¡¼ Áö¿ø¹Þ°Ô µÇ¾ú½À´Ï´Ù. ÇÏÁö¸¸ ¾ÆÁ÷µµ ¸¹Àº µðÀÚÀÌ³Ê¿Í ÇÁ·ÐÆ®¿£µå °³¹ßÀÚµéÀº CSS3ÀÇ µµÀÔÀ» ¸Á¼³À̰ųª, °í°´À» ¾î¶»°Ô ¼³µæÇØ¾ß ÇÒÁö¸¦ ³õ°í °í¹ÎÇÏ°í ÀÖ´Â °Íµµ Çö½ÇÀÔ´Ï´Ù.
CSS3´Â ÄÜÅÙÃ÷ »ý¼ºÀ» À§ÇÑ °í±Þ ¼±ÅÃÀÚ¿¡¼ºÎÅÍ À¥ÆùÆ®±îÁö, ±×¸®°í ±×·¹À̵ð¾ðÆ®, »õµµ, µÕ±Ù ¸ð¼¸®¿¡¼ºÎÅÍ À¯·ÁÇÑ ¾Ö´Ï¸ÞÀ̼ǿ¡ À̸£±â±îÁö âÀÇÀûÀÎ °¡´É¼ºÀÌ ³ÑÃijª´Â ¼¼°èÀÔ´Ï´Ù. ÀúÀÚ ´í ½Ã´õȨº¸´Ù ÀÌ ¼¼°è¸¦ ´õ Àß ¾È³»ÇØ ÁÙ »ç¶÷Àº ¾øÀ» °ÍÀÔ´Ï´Ù. ÀÌ °³Á¤ÆÇ¿¡¼´Â »õ·Î¿î ¼Ó¼º°ú ´Ù¾çÇÑ ±â¼úµé ±×¸®°í ¸¶ÀÌÅ©·Î ·¹À̾ƿô¿¡ °üÇØ ¸»ÇÏ°í ÀÖ½À´Ï´Ù. µ¶ÀÚµéÀº ÀÌ Ã¥À» ÅëÇÏ¿© »õ·Î¿î ±â´ÉÀ» Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¿¡ °¡´ÉÇÑ °ÍÀÌ ¹«¾ùÀÌÁö, ±×¸®°í ¾î¶»°Ô ±¸ÃàÇÏ°í Àû¿ëÇÏ´ÂÁö¸¦ ¹è¿ï ¼ö ÀÖ½À´Ï´Ù.
À¥À» µÑ·¯½Ñ ¾÷°è´Â ºü¸¥ ¼Óµµ·Î º¯ÈÇÏ°í ÀÖ½À´Ï´Ù. ºê¶ó¿ìÀúÀÇ Áö¿ø¿¡ µû¶ó °ú°Å, ÇöÀç, ±×¸®°í ¹Ì·¡°¡ °øÁ¸ÇÏ´Â °÷ÀÌ ¹Ù·Î À¥»çÀÌÆ®¶ó°í ¸»ÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù. ÀÌ Ã¥Àº ¿©·¯ºÐÀÌ ¹Ýµå½Ã ¾Ë¾Æ¾ß ÇÒ ¾ÆÁÖ ±âº»ÀûÀ̸鼵µ ½ÇÁúÀûÀ¸·Î ÀÏ»óÀûÀÎ µðÀÚÀÎ ¹®Á¦¸¦ Á» ´õ È¿À²ÀûÀ¸·Î ÇØ°áÇÒ ¼ö ÀÖ´Â ³»¿ëÀ¸·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. °øÁ¸ÇÏ´Â ½Ã°£ÀÇ °£°ÝÀ» ¿©·¯ºÐÀÇ ÇÁ·ÎÁ§Æ®¿¡ ´çÀå¿¡¶óµµ Àû¿ëÇÒ ¼ö ÀÖ°Ô µµ¿ÍÁÙ °ÍÀÔ´Ï´Ù.
°ÑÀ¸·Î º¸±â¿¡´Â CSS3ÀÇ °¥ ±æÀÌ ¸Ö°í ¿À·£ ½Ã°£ÀÌ °É¸± °Í °°Áö¸¸, ÇÏÀ§ ȣȯÀ» Áö¿øÇÏ´Â µ¥ ÇÊ¿äÇÑ ½Ã°£ÀÏ »Ó ÇöÀç ¾î¶² °ÍÀ» Àû¿ëÇÏ°í ¾î¶² °ÍÀ» »ç¿ëÇØ¾ß ÇÒÁö ¸Á¼³ÀÏ ÇÊ¿ä°¡ ¾ø½À´Ï´Ù. ¿©·¯ºÐ°ú ¿©·¯ºÐÀÇ °í°´, ±×¸®°í À¥»çÀÌÆ® »ç¿ëÀÚ¿¡°Ô Á» ´õ À¯ÀÍÇÑ ¹æÇâÀ¸·Î ¸ÅÀϸÅÀÏ ÀÏ»óÀÇ ÀÛ¾÷¿¡ CSS3¸¦ Ãß°¡ÇÏ´Â °ÍºÎÅÍ ½ÃÀÛÇսôÙ. ±×¸®°í ¿©·¯ºÐÀÇ ÀÌ·¯ÇÑ ³ë·ÂÀº °í°´À̳ª »ç¿ëÀÚµéÀÌ ¿ì¿¬È÷ ¹ß°ßÇßÀ» ¶§ ´õ¿í ³î¶ó°í ±â»µÇÏ°Ô ¸¸µé °ÍÀÔ´Ï´Ù.
-
-
Ãßõ»ç Á¦ÇÁ¸® Á©µå¸Õ Jeffrey Zeldman
ÇÁ·Ñ·Î±× ´í ½Ã´õȨDan Cederholm
1Àå Áö±Ý CSS3¸¦ »ç¿ëÇÏ·Á¸é
2Àå CSS Æ®·£Áö¼Ç¿¡ ´ëÇÑ ÀÌÇØ
3Àå CSS3¸¦ ÀÌ¿ëÇؼ È£¹ö Å©·¡ÇÁÆ®Çϱâ
4Àå ¸Þ½ÃÁö Æ®·£½ºÆûÇϱâ
5Àå ´ÙÁß ¹è°æ Àû¿ëÇϱâ
6Àå Æû °ÈÇϱâ
7Àå ¸¶ÀÌÅ©·Î ·¹À̾ƿô
¿¡Çʷα×
µµ¿òÀÌ µÇ´Â ÀÚ·áµé
ÂüÁ¶
ã¾Æº¸±â
-
-
1Àå. ¡®Áö±Ý CSS3¸¦ »ç¿ëÇÏ·Á¸é¡¯ ñé¿¡¼ (p16)
Àú´Â ¿©·¯ ³ª¶ó À¥µðÀÚÀ̳ʷκÎÅÍ ÀÌ·± ¸»À» µé¾ú½À´Ï´Ù. "Àúµµ CSS3¸¦ »¡¸® »ç¿ëÇغ¸°í ½Í³×¿ä. ±×·±µ¥... ¾ðÁ¦Âë ¸ðµç ºê¶ó¿ìÀú¿¡¼ Áö¿øÀÌ µÉ±î¿ä?" ÇÏÁö¸¸ CSS3ÀÇ »ó´ç ºÎºÐÀÌ ÀÌ¹Ì ÁÖ¿ä ºê¶ó¿ìÀú¿¡¼ ÃæºÐÈ÷ Áö¿ø µÇ°í Àֱ⠶§¹®¿¡, ´©±¸µçÁö CSS3¸¦ Áö±Ý ´çÀå »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ¿©·¯ºÐÀÇ »ý°¢À» ¹Ù²Ù°Å³ª À¥»çÀÌÆ® Á¦ÀÛ ¹æ½ÄÀ» ±Ø´ÜÀûÀ¸·Î ¹Ù²Ü ÇÊ¿äµµ ¾ø½À´Ï´Ù. ±×·¸´Ù¸é CSS3¸¦ ÇÁ·ÎÁ§Æ®¿¡ Àû¿ëÇÏ·Á¸é ¾î¶»°Ô ÇØ¾ß ÇÒ±î¿ä? Àú´Â ¿ì¸®°¡ CSS3¸¦ Àû¿ëÇÒ »óȲÀ» ½ÅÁßÇÏ°Ô Àß ¼±ÅÃÇؼ '»ç¿ëÀÚ °æÇè ´Ü°è'¿¡ ÃÊÁ¡À» µÎ°í »ç¿ëÇÏ¸é µÈ´Ù°í »ý°¢ÇÕ´Ï´Ù.
2Àå. ¡®CSS Æ®·£Áö¼Ç¿¡ ´ëÇÑ ÀÌÇØ¡¯ ñé¿¡¼ (p36)
Àú´Â CSS3 Æ®·£Áö¼ÇÀ» ¹öÅͶó°í »ý°¢ÇÕ´Ï´Ù. È£¹öhovering, Ŭ¸¯clicking, Æ÷Ä¿½Ìfocusing°°Àº ÀÎÅÍ·º¼ÇÀÌ ¹ß»ýÇßÀ» ¶§ ½ºÅ¸ÀÏ ½ÃÆ®¿¡ ÀÖ´Â °ªµéÀÌ ºÎµå·´°Ô ¹Ù²î±â ¶§¹®ÀÔ´Ï´Ù. Æ®·£Áö¼ÇÀÌ ½ÇÁ¦ ¹öÅÍ¿Í ´Ù¸¥ Á¡Àº Æ®·£Áö¼ÇÀ» ¾Æ¹«¸® ¸¹ÀÌ »ç¿ëÇصµ »ìÀÌ ÂîÁö ¾Ê´Â´Ù´Â Á¡ÀÔ´Ï´Ù. µðÀÚÀο¡¼ ƯÁ¤ À̺¥Æ®¸¦ dz¼ºÇÏ°Ô Çϱâ À§ÇØ »ç¿ëÇÏ´Â ½ºÅ¸ÀÏ ½ÃÆ®ÀÇ °£´ÜÇÑ ±ÔÄ¢ÀÏ »ÓÀÔ´Ï´Ù.
3Àå. ¡®Áö±Ý CSS3¸¦ ÀÌ¿ëÇؼ È£¹ö Å©·¡ÇÁÆ®Çϱ⡯ ñé¿¡¼ (p70)
¿¹Àü¿¡´Â Ç÷¡½Ã³ª ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ÀÖ¾î¾ß¸¸ ¸¸µé ¼ö ÀÖ¾ú´ø °ÍÀ» ÀÌ °£´ÜÇÑ ¿¬½ÀÀ» ÅëÇØ ¾ó¸¶³ª È¿À²ÀûÀ¸·Î ¸¸µé ¼ö ÀÖ´ÂÁö º¸¿© ÁÖ¾ú´Ù°í »ý°¢ÇÕ´Ï´Ù. ¿ì¸®°¡ »ç¿ëÇÑ CSS ±ÔÄ¢Àº °£´ÜÇÏ°í ½¬¿ì¸ç ¾ÆÁ÷ CSS3¸¦ Áö¿øÇÏÁö ¾Ê´Â ºê¶ó¿ìÀú¿¡µµ º°´Ù¸¥ ¹®Á¦¸¦ ÀÏÀ¸Å°Áö ¾Ê½À´Ï´Ù. ¶ÇÇÑ, CSS3 ¸í¼¼ÀÇ transition ¼Ó¼ºÀ» ±ÔÄ¢ ÀÇ °¡Àå ¸¶Áö¸·¿¡ ¿À°Ô ÇÔÀ¸·Î½á ¹Ì·¡¸¦ ´ëºñÇß½À´Ï´Ù. °íÀ¯ÇÑ ºê¶ó¿ìÀú °³¹ß»çÀÇ Á¢µÎ¾î¸¦ »ç¿ëÇÏ´Â °úÁ¤¿¡¼ ±ÔÄ¢ÀÌ Áߺ¹µÇ´Â °ÍÀº ºÒ°¡ÇÇÇÑ ÀÏÀÔ´Ï´Ù. ¿ÀÈ÷·Á ÀÌ·¯ÇÑ ³ë·ÂÀº ¸Å¿ì ±ÍÁßÇÕ´Ï´Ù. 'Áö±Ý ¹Ù·Î' CSS¸¦ ÀÌ¿ëÇÏ¿© ¼ö¸¹Àº »ç¿ëÀÚÀÇ °æÇèÀ» Çâ»ó½ÃÅ°¼¼¿ä.
4Àå. ¡®¸Þ½ÃÁö Æ®·£½ºÆûÇϱ⡯ ñé¿¡¼ (p108)
¿ì¸®°¡ ´Ù·ç°í ÀÖ´Â ÄÜÅÙÃ÷ÀÇ ÁøÁ¤ÇÑ Àǹ̿¡ °üÇØ Á» ´õ °í¹ÎÇÒ ½Ã°£À» °¡ÁüÀ¸·Î½á Æ®·£Áö¼Ç, Æ®·£½ºÆû°ú ÇÔ²² Áö±Ý ¹Ù·Î »ç¿ëÇÒ ¼ö ÀÖ´Â CSS3 ¼Ó¼ºÀ» ¹Ù¸£°Ô °ñ¶ó Àû¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ °æÇè °È´Â ÂüµÈ À¥ ÀåÀÎÀÇ Ç¥½ÄÀ¸·Î, ¸ðµç »ç¶÷ÀÌ ½Å°æ ¾²Áö ¾Ê´ø µðÅ×ÀÏ¿¡ ÁÖ¸ñÇÏ°í ±×´ÙÁö Áß´ëÇÏÁö ¾ÊÀº ½Ã°¢Àû À̺¥Æ®¸¦ °í·ÁÇÏ°í µ¶·ÁÇÒ »Ó¸¸ ¾Æ´Ï¶ó, Æò¹üÇÔ ±× ÀÌ»óÀÇ ¸Þ½ÃÁö¸¦ Àü´ÞÇÕ´Ï´Ù. Áö±Ý ÀÌ·± °ÍµéÀ» Áö¿øÇÏ´Â ºê¶ó¿ìÀú¿Í ¹Ì·¡¿¡ Áö¿øÇÏ°Ô µÉ ºê¶ó¿ìÀúÀÇ ÂªÀº ÄÚµå¿Í »ý°¢µéÀº ±×¸¸ÇÑ °¡Ä¡°¡ ÀÖ½À´Ï´Ù.
5Àå. ¡®´ÙÁß ¹è°æ Àû¿ëÇϱ⡯ ñé¿¡¼ (p122~p123)
ÀÌ Ã¥¿¡¼ ¿ì¸®´Â ´Ù¾çÇÑ ¿¹Á¦µéÀ» ÀÌ¿ëÇÑ Å׸¶¸¦ ¸¸µé¾îº¸¾Ò½À´Ï´Ù. ±×¸®°í ´ÙÁß ¹è°æ À̹ÌÁöµµ »ç¿ëÇØ º¸¾Ò½À´Ï´Ù. »çÆĸ®¿Í Å©·Ò, ÆÄÀ̾îÆø½º, ¿ÀÆä¶ó ±×¸®°í IEó·³ CSS3 ¼Ó¼ºÀ» Áö¿øÇÏ´Â ºê¶ó¿ìÀú¿Í ÇÔ²² (´õ ³ªÀº) °úÁ¤À» ¸¸µé¾î°¡°í ÀÖ½À´Ï´Ù. ¿À·¡µÈ ¹öÀü ºê¶ó¿ìÀú°¡ Áö¿øÇÏÁö ¾Ê´Â´Ù°í Çؼ °Ì³»°Å³ª Áö¿øµÉ ¶§±îÁö ±â´Ù¸± ÇÊ¿ä´Â ¾ø½À´Ï´Ù. ´ë½Å ½ÃÂ÷ À̵¿ ¹è°æó·³ Áß´ëÇÏÁö ¾ÊÀº ½Ã°¢Àû À̺¥Æ®¸¦ °ñ¶ó CSS3 ¼Ó¼ºµéÀ» Àû¿ëÇØ »ç¿ëÀÚ °æÇèÀ» °ÈÇÏ´Â °ÍÀÔ´Ï´Ù.
6Àå. ¡®Æû °ÈÇϱ⡯ ñé¿¡¼ (p128)
ÀÌ Àå¿¡¼´Â ¾ÆÁ÷ ´Ù·çÁö ¾Ê¾Ò´ø CSS3ÀÇ ¼¼ °¡Áö ºÎºÐÀ» ¾Ë¾Æº¼ °ÍÀÔ´Ï´Ù.
1. °·ÂÇÏ°í »õ·Î¿î ¼±ÅÃÀÚSelector
2. CSS ±×·¹À̵ð¾ðÆ®Gradient
3. CSS ¾Ö´Ï¸ÞÀ̼ÇAnimation
Æû°ú CSS3°¡ ¸¸³ª ¾ó¸¶³ª »õ·Ó°í âÀÇÀûÀÎ ¹æ¹ýÀ¸·Î »ç¿ëµÇ´ÂÁö ´Ù½Ã Çѹø ¿¹Á¦ »çÀÌÆ®¸¦ »ìÆì º¾½Ã´Ù.
7Àå. ¡®¸¶ÀÌÅ©·Î ·¹À̾ƿô¡¯ ñé¿¡¼ (p159)
ÀÌÁ¦ºÎÅÍ ¿ì¸®´Â ÆäÀÌÁö ±¸Á¶º¸´Ù ¸¶ÀÌÅ©·Î ·¹À̾ƿôµéÀ» ÁýÁßÀûÀ¸·Î »ìÆ캸·Á ÇÕ...´Ï´Ù. ´Ù½Ã ¸»Çϸé, Àüü ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â Ä®·³µé°ú ±×¸®µåµéÀÌ ¾Æ´Ñ °³º°ÀûÀÎ ¿ä¼ÒµéÀÇ ¹èÄ¡¿¡ ÁýÁßÇÏ°Ú´Ù´Â ¶æÀÔ´Ï´Ù.
¸î °¡Áö ¿¹½Ã¸¦ »ìÆ캽À¸·Î½á, ¿©·¯ºÐÀº ´ÙÀ½¿¡ ¼Ò°³µÉ CSS3 ¸ðµâ¿¡ ´ëÇØ ºü¸£°Ô ÀÌÇØÇÏ°Ô µÉ °Ì´Ï´Ù.
-
-
|
´í ½Ã´õȨ(Dan Cederholm) [Àú]
|
|
-
µðÀÚÀ̳ÊÀÌÀÚ ÀÛ°¡ÀÌÀÚ °¿¬ÀÚ. ¸Å»çÃß¼¼Ã÷ÁÖ ¼¼ÀÏ·³¿¡¼ »ì°í ÀÖ´Ù. µðÀÚÀÎ °øÀ¯ Ä¿¹Â´ÏƼ µå¸®ºí(Dribbble)ÀÇ °øµ¿ ¼³¸³ÀÚÀ̸ç ÀÛÀº À¥µðÀÚÀÎ ½ºÆ©µð¿À ½ÉÇúñÃ÷(SimpleBits)ÀÇ ¼³¸³ÀÚÀ̱⵵ ÇÏ´Ù. Ç¥ÁØ¿¡ ±â¹ÝÇÑ À¥µðÀÚÀÎ ºÐ¾ß¿¡¼ ÀÎÁ¤¹Þ´Â Àü¹®°¡·Î À¯Æ©ºê, ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®, ±¸±Û, MTV, ESPN ¹× ±× ¹ÛÀÇ ´Ù¾çÇÑ ±â¾÷°ú ÇÔ²² ÀÏÇß´Ù. [À¥µðÀÚÀ̳ʸ¦ À§ÇÑ CSS3]¸¦ ºñ·ÔÇÑ À¥µðÀÚÀÎ °ü·Ã Ã¥À» ´Ù¼ö Àú¼úÇß°í 2012³â¿¡´Â ÷´Ü ±â¼ú ±â¾÷°¡ Á¤½ÅÀÇ ¼ºÃë¿Í ¿ì¼ö¼ºÀ» ±â¸®´Â Å×Å©Æç·Î(TechFellow)»óÀ» ¼ö»óÇß´Ù. À¥µðÀÚÀο¡ ´Ü¼øÇÏ°Ô Á¢±ÙÇÒ ¼ö ÀÖ´Â ¹æ½ÄÀ» °øÀ¯ÇÏ¸é¼ Àü ¼¼°è ÄÜÆÛ·±½º¿Í À̺¥Æ®¿¡¼ °¿¬ÇÏ°í Ç¥ÁØ¿¡ ±â¹ÝÇÑ ¸¶Å©¾÷, ½ºÅ¸ÀÏ ±â¹ýÀ» ³Î¸® ¾Ë¸®°í ÀÖ´Ù.
±×´Â µðÀÚÀÎ ÀÛ¾÷°ú Àú¼ú, °¿¬À» ÅëÇØ À¥ Ç¥ÁØÀ» »ç¿ëÇÑ À¯¿¬ÇÏ°í À¶Å뼺 ÀÖ´Â µðÀÚÀÎÀ» ¾Æ¿ì¸¥´Ù. ¶ÇÇÑ µðÀÚÀ̳ʵéÀÌ ½ÇÁ¦·Î ÀÛ¾÷ÇÑ °ÍÀ» °øÀ¯ÇÏ´Â µðÀÚÀÎ Ä¿¹Â´ÏƼ µå¸®ºíDribbbleÀÇ °øµ¿ ¼³¸³ÀÚ´Ù. ¿¹Àü¿¡ ±×´Â ¿ÍÀÎ ¾ÖÈ£°¡µéÀ» À§ÇÑ À¥ ÃÖÃÊÀÇ ¼Ò¼È ³×Æ®¿öÅ©ÀÎ ÄÚ¸£Å©µåCork'd¸¦ °øµ¿ ¼³¸³Çϱ⵵ Çß´Ù.
´íÀº [Handcrafted CSS], [À¥ 2.0À» À̲ô´Â ¹æźÀ¥ Bulletproof Web Design], [À¥ Ç¥ÁØ Ã¹°ÉÀ½ Web Standard Solutions] µîÀ» ¾´ º£½ºÆ®¼¿·¯ ÀÛ°¡´Ù. ¿ìÄð·¼·¹ ¿¬ÁÖ ½Ç·ÂÀÌ ¶Ù¾î³ª¸ç ¿ìÁÖ¿©Çà ÆÒÀ̱⵵ ÇÏ´Ù.
-
|
À¥¾×Ãò¾ó¸®ÆÀ [Àú]
|
|
-
À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ(ÁÖ)´Â 2008³â 4¿ù ¼³¸³ÇÑ ¿öµåÇÁ·¹½º Àü¹® À¥µðÀÚÀÎ ¿¡ÀÌÀü½ÃÀÌÀÚ ÀÎÅͳÝPR¹Ìµð¾î ȸ»ç´Ù. À¥µðÀÚÀÎ ºÐ¾ß¿Í °ü·ÃµÈ ÃâÆÇ ¾÷¹«µµ ÇÏ°í ÀÖ´Ù. 5³â¿© µ¿¾È ¿öµåÇÁ·¹½º(WordPress) ¿¬±¸¡¤°³¹ßÀ̶ó´Â ÇѱæÀ» °É¾î¿ÔÀ¸¸ç, À̸¦ ¹ÙÅÁÀ¸·Î ÄÜÅÙÃ÷ Á¦ÀÛ¿¡¼ºÎÅÍ Æ®À§ÅÍ, ÆäÀ̽ººÏ°ú ¿¬µ¿ÇÑ SNS È«º¸ ¸¶ÄÉÆà µî ÅäÅÐ À¥¼ºñ½º¸¦ ÇÏ°í ÀÖ´Ù.
[À¥µðÀÚÀ̳ʸ¦ À§ÇÑ CSS3]´Â [À¥µðÀÚÀ̳ʸ¦ À§ÇÑ HTML5]¿¡ ÀÌÀº '¾Æ¸§´Ù¿î À¥»çÀÌÆ® ¸¸µé±â' ½Ã¸®ÁîÀÇ 2¹ø° Ã¥ÀÌ´Ù. '¾Æ¸§´Ù¿î À¥»çÀÌÆ® ¸¸µé±â' ½Ã¸®Áî´Â À¥¾×Ãò¾ó¸®ÄÚ¸®¾Æ°¡ ¾î ºÏ ¾îÆÄÆ®¿ÍÀÇ ÆÄÆ®³Ê½ÊÀ¸·Î ÆDZǰè¾àÀ» ¸Î¾î ¹ß°£ÇÏ°í ÀÖ´Ù. ¾î ºÏ ¾îÆÄÆ® ½Ã¸®ÁîÀÎ [ÄÜÅÙÃ÷ Àü·« ¿ä¼Ò], [¹ÝÀÀÇü À¥µðÀÚÀÎ], [°¨¼º µðÀÚÀÎ], [¸ð¹ÙÀÏ ÆÛ½ºÆ®] µî 8±ÇÀÌ ³ª¿Â »óÅÂÀÌ¸ç ¸ðµÎ ¹ø¿ª Ãâ°£ÇÒ ¿¹Á¤ÀÌ´Ù.
À¥¾×Ãò¾ó¸® ºÏ½ºÆÀÀº ¾ÕÀ¸·Îµµ À¥µðÀÚÀÎ ¾÷°è Á¾»çÀÚ»Ó ¾Æ´Ï¶ó À¥»çÀÌÆ® Á¦ÀÛ¿¡ °ü½É ÀÖ´Â ÀϹÝÀεµ º¼ ¼ö ÀÖ´Â ÁÁÀº Ã¥À» ¾ö¼±ÇØ ¼Ò°³ÇÒ °èȹÀÌ´Ù. Áö±Ý±îÁö ¸¸µç Ã¥À¸·Î´Â ¸ð´ø À¥µðÀÚÀÎ ÃÖ°íÀÇ ½Ç¿ë¼ÀÎ [½º¸Å½ÌºÏ]°ú Àü¼¼°è¿¡¼ »ç¶û ¹Þ°í ÀÖ´Â CMS ÅøÀÎ ¿öµåÇÁ·¹½ºÀÇ ÇѱÛÆÇ °¡À̵å [¿öµåÇÁ·¹½º Á¦´ë·Î Æıâ]°¡ ÀÖ´Ù.
À¥»çÀÌÆ® www.webactually.com ÆäÀ̽ººÏ fb.com/webactually Æ®À§ÅÍ @webactually
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
»óÇ°À» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óÇ°¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óÇ°ÀÇ ±³È¯ |
Áß°í»óÇ°Àº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆǸŰ¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óÇ°ÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óÇ°¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹ÝÇ° Á¢¼ö½Ã ¹Ýµå½Ã ÆǸÅÀÚ¿Í ÇùÀÇ ÈÄ ¹ÝÇ° Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝÇ°Á¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óÇ° È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
|
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇÏ°í ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óÇ°> |
»óÇ°Àº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù. |
»óÇ°Àº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óÇ°ÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óÇ°Àº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óÇ°Àº À¯ÅëƯ¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óÇ°À¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óÇ°À» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óÇ°> |
~
»óÇ°Àº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇÏ°í, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óÇ°Àº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² Ç°Àýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û) À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óÇ°À» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óÇ°À» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óÇ°ÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏÄ«Æ®¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öÆ°À» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óÇ°À» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
Çؿܹè¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î Çؿܹè¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
Çؿܹè¼ÛÀº µµ¼/CD/DVD »óÇ°¿¡ ÇÑÇØ ¼ºñ½ºÇÏ°í ÀÖÀ¸¸ç, ´Ù¸¥ »óÇ°À» ºÏÄ«Æ®¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì Çؿܹè¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óÇ°À» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|