Web2.0 | À¥±âȹ | UCC | Àü·« |
´ÙÀ½Ä¿¹Â´ÏÄÉÀÌ¼Ç | SNS | À¥Æ®·»µå |
õÇö¼÷ | ±èÀºÁÖ | ÀÓÇѱâ | ÀÌÁø±Ô | ÃÖº´±¤ | ÀÌâ½Å |
À¥2.0
À¥ ºñÁî´Ï½º
À¥ Æ®·»µå
À¥±âȹ
UCC
ºí·Î±×/Ä¿¹Â´ÏƼ
¼Ò¼È³×Æ®¿öÅ©
À¥±âȹÀÚ ¿ª·® °­È­
À̸ÞÀϸ¶ÄÉÆÃ
°í°´DB¸¶ÄÉÆÃ
À¥2.0 ¸¶ÄÉÆÃ
ÀÎÅÍ³Ý ¸¶ÄÉÆÃ ÀϹÝ
¿Â¶óÀα¤°í
°Ë»ö ¸¶ÄÉÆÃ
¹ÙÀÌ·²/ÀÔ¼Ò¹®¸¶ÄÉÆÃ
¸ð¹ÙÀϸ¶ÄÉÆÃ
ºí·Î±×/Ä¿¹Â´ÏƼ ¸¶ÄÉÆÃ
À¥µðÀÚÀÌ³Ê ¿ª·® °­È­
À¥µðÀÚÀÎ
UX/UI
À¥Ç¥ÁØ/CSS
¼­¹ö/µ¥ÀÌÅͺ£À̽º
À¥ÇÁ·Î±×·¡¹Ö
À¥°³¹ßÀÚ ¿ª·® °­È­
À¥2.0 °³¹ß(AJAX)
¿¢¼¿
ÇÁ¸®Á¨Å×À̼Ç
¾÷¹«´É·ÂÇâ»ó
±âȹ/Á¦¾È/±Û¾²±â
âÀÇ·Â/¾ÆÀ̵ð¾î
±â¾÷ȸ°è/¼¼¹«
Àü·«
°æ¿µ/°ü¸®
Æ®·»µå
¸¶ÄÉÆÃ ÀϹÝ
°í°´/¸¶ÄÏ ºÐ¼®
°í°´°ü¸®/¼­ºñ½º/VIP
ºê·£µå/Æ÷Áö¼Å´×/Â÷º°È­
±¤°í/ÄÁ¼Á
¼¼ÀÏÁî/ÇÁ·Î¸ð¼Ç
¸¶ÄÉÅÍ ¿ª·® °­È­
PR(È«º¸)
½ºÅ丮ÅÚ¸µ
¸ð¹ÙÀϺñÁî´Ï½º
IT Æ®·»µå
IPTV
º£½ºÆ®¼¿·¯ Ư°­
¸¶ÀÌÅ©·Îºí·Î±× À¥¾ÖÇø®ÄÉÀ̼Ç
½Ã¸ÇƽÀ¥ ·ÕÅ×ÀÏ
Áý´ÜÁö¼º Å©¶ó¿ìµå¼Ò½Ì
À§Á¬ ¿£ÅÍÇÁ¶óÀÌÁî2.0
SaaS ¿ÀÇÂAPI
¸Å½¬¾÷ ¿ÀÇÂID
HTML ÀÚ¹Ù½ºÅ©¸³Æ®
PHP/JSP ÀÌŬ¸³½º
ÇØÅ·/º¸¾È ¼º´É/Æ©´×
´ÙÀ½Ä¿¹Â´ÏÄÉÀÌ¼Ç NHN
SKÄ¿¹Â´ÏÄÉÀ̼ÇÁî KTH
¾ßÈÄÄÚ¸®¾Æ ±¸±Û
¸¶ÀÌÅ©·Î¼ÒÇÁÆ®
HOME > ¿Â¶óÀÎ > °úÁ¤ »ó¼¼º¸±â
±³À°½Ã°£ : 5½Ã°£ 58ºÐ / ÆÄÀÏÅ©±â : 302.0 MB
±³À°¹æ½Ä : ´Ù¿î·Îµå ¹æ½Ä / ±âÁØÀÏ : 2009³â 9¿ù 26ÀÏ
°­      »ç : ¿ÀÆä¶ó¼ÒÇÁÆ®¿þ¾î  ½ÅÇö¼® °úÀå
°¡      °Ý : 165,000¿ø 132,000¿ø
Æ®À§ÅÍ¿¡ ´ã±â
    • ÀÛ¾÷ÀÌ ³¡³­ ÈÄ IE6¿¡¼­ »çÀÌÆ®¸¦ ¿­¾îº¸°í ÁÂÀýÇÑ ÀûÀÌ ÀÖ´Â °ü·Ã ½Ç¹«ÀÚ
    • ´Ù¸¥ ÀÛ¾÷ÀÚ¿Í CSS ÄÚµå Ãæµ¹ ¶§¹®¿¡ °ñÄ¡ ¾ÆÆÍ´ø À¥µðÀÚÀÌ³Ê ¶Ç´Â °³¹ßÀÚ
    • ³»°¡ ÀÛ¼ºÇÏ´Â CSS Äڵ尡 Á¤¸» ¸Â°Ô ÀÛ¼ºÇϰí ÀÖ´Â °ÍÀÎÁö ±Ã±ÝÇÑ À¥µðÀÚÀÌ³Ê ¶Ç´Â °³¹ßÀÚ
    • ¿©·¯ ºê¶ó¿ìÀú¿¡¼­ ȣȯµÇ´Â CSS¸¦ ÀÛ¼ºÇÑ´Ù.
    • À¯Áö°ü¸®°¡ ¿ëÀÌÇÑ CSS ÆÄÀÏ ±¸Á¶¸¦ ÀÛ¼ºÇÑ´Ù.
    • ÀÚÁÖ »ç¿ëµÇ´Â µðÀÚÀÎ ÄÄÆ÷³ÍÆ®µéÀ» È¿À²ÀûÀÎ ÄÚµå·Î ÀÛ¼ºÇÑ´Ù.
    ÇϷ縸¿¡ ³¡³»´Â À¥Ç¥ÁØ & CSS Ȱ¿ë Àü¹®°¡ °úÁ¤

    À¥»çÀÌÆ®¸¦ °³¹ßÇÏ¸ç ¸Â´Ú¶ß¸®´Â ´Ù¾çÇÑ »óȲ¿¡¼­ À¥ °³¹ß¿¡ ´ëÇØ 2% ºÎÁ·ÇÔÀ» ´À³¢°í ÀÖÀ¸½ÃÁø ¾Ê³ª¿ä? À¥ °³¹ßÀÇ Ç¥ÁØÀ̶ó ÇÒ ¼ö ÀÖ´Â CSS¿¡ ´ëÇØ¼­´Â ¾î¶°½Å°¡¿ä?

    ÀÌÁ¦ À¥Ç¥ÁØÀ» ÁöŰ´Â ȸ»çµéÀÌ ¸¹¾ÆÁö°í CSSÀÇ Á߿伺Àº ´õ¿í ´Ã¾î³¯ °ÍÀÔ´Ï´Ù. ¶Ç, CSS¸¦ ¾ó¸¶³ª ÀûÀçÀû¼Ò¿¡ Àß »ç¿ëÇÏ´À³Ä¿¡ µû¶ó À¥ÀÇ °¡Ä¡¿¡ ´ëÇÑ Æò°¡µµ ´Þ¶óÁú °ÍÀÔ´Ï´Ù.

    À¥Ç¥ÁØ¿¡ ÀÔ°¢ÇÏ¿© À¥°³¹ß¿¡ ´ëÇØ Àü¹ÝÀûÀÎ °¡À̵å¶óÀÎÀ» Á¦½ÃÇØ µå¸³´Ï´Ù! ¿ÀÆä¶ó¼ÒÇÁÆ®¿þ¾î ½ÅÇö¼® °úÀåÀÇ °­ÀÇ¿¡¼­ ½ÇÁ¦ ¾÷¹«¿¡ Àû¿ë°¡´ÉÇÑ ½ÇÀüÀû ¿¹Á¦µé·Î À¥°³¹ß¿¡ ´ëÇÑ ±âº»ÀûÀÎ ¹è¿òÀÇ ±âȸ¸¦ ¸¸³ª½Ç ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
¡Ø ÀÌ ¿Â¶óÀÎ °­Á´ 2009³â 9¿ù26ÀÏ ¿­¸° ÇϷ縸¿¡ ³¡³»´Â À¥Ç¥ÁØ & CSS Ȱ¿ë Àü¹®°¡ °úÁ¤±³À° ³»¿ëÀ» ±âÁØÀ¸·Î Á¦À۵Ǿú½À´Ï´Ù!

ÀÌ »óǰ°ú °ü·ÃÀÖ´Â Ä«Å×°í¸® :  À¥µðÀÚÀÎ/UX > À¥µðÀÚÀÎ
Agenda
5½Ã°£ 58ºÐ
ÇϷ縸¿¡ ³¡³»´Â À¥Ç¥ÁØ & CSS Àü¹®°¡ °úÁ¤
  • 1. Introduction
  • ¿Ö CSS¸¦ »ç¿ëÇϴ°¡?
  • ºê¶ó¿ìÀú ¹ö±×
  • 2. Structure I
  • ºÐ¼® Tools
  • CSSÇÙ
  • 3. Structure II
  • ÆÄÀÏ ±¸Á¶
  • ±¸Á¶ÀûÀÎ HTML ÀÛ¼º
  • 4. Structure III & Layout I
  • CSS Scope, Selector
  • CSS file Structure
  • Priority
  • DTD¿Í ·£´õ¸µ ¸ðµå
  • 5. Layout II
  • ÇÃ·ÎÆÃ°ú Ŭ¸®¾î¸µ
  • Æ÷Áö¼Å´×
  • Layout skill
  • 6. Components I
  • ¸ñ·Ï, ¸Þ´º, ÅǸ޴º, Ç¥
  • °Ô½ÃÆÇ
  • ¼­½Ä
  • 7. Components II & Extensions
  • Ç÷¯±×ÀΠó¸®
  • IE6, ¹ö·Á¾ß Çϳª
  • Additional Information
½ÅÇö¼® °úÀå
¿ÀÆä¶ó¼ÒÇÁÆ®¿þ¾î
½ÅÇö¼® °úÀå / ¿£Áö´Ï¾î¸µ ÄÚ¸®¾Æ

  • úÞ ¿ÀÆä¶ó ¼ÒÇÁÆ®¿þ¾î QA Engineer & Web Evangelist
  • À¥ Á¢±Ù¼º ¿¬±¸¼Ò (http://www.wah.or.kr) ¿Â¶óÀÎ ÀÚ¹®À§¿øÈ¸ ÀÚ¹®À§¿ø
  • Á¤º¸Åë½Å Á¢±Ù¼º Çâ»ó Ç¥ÁØÈ­ Æ÷·³ (http://iabf.or.kr) À¥ Á¢±Ù¼º ºÐ°úÀ§¿øÈ¸ ºÐ°úÀ§¿ø
  • Çѱ¹ Á¤º¸¹®È­ ÁøÈï¿ø À¥ Á¢±Ù¼º ÀÎÁõ¸¶Å© ½Ç¹« À§¿øÈ¸ ºÎÀ§¿øÀå
  • Web Standards Korea(http://webstandards.or.kr), CSS Design Korea(http://standardmag.org)
  • Web site : http://hyeonseok.com


  • [°­ÀÇ]
  • ºñÁ¸®, UI ¾ÆÄ«µ¥¹Ì, ÇàÁ¤¾ÈÀüºÎ, Çѱ¹Á¤º¸¹®È­ÁøÈï¿ø, KTH, ÄÉÀ̸ð¹ÙÀÏ µî


  • [Àú¼­]
  • À¥ Á¢±Ù¼ºÀ» °í·ÁÇÑ ½Å±â¼ú ÄÜÅÙÃ÷ Á¦ÀÛ±â¹ý(2009, Çѱ¹ Á¤º¸¹®È­ ÁøÈï¿ø)
  • ½ÇÀü À¥Ç¥ÁØ °¡À̵å(2005, ¼ÒÇÁÆ®¿þ¾î ÁøÈï¿ø)
  ÀÌ °­»çÀÇ ´Ù¸¥ »óǰ º¸±â
¸ð¹ÙÀÏ À¥¿¡¼­ÀÇ Ç¥ÁØÈ­ À̽´ ¹× ÇâÈÄ Àü¸Á 2010-03-10
CSS ÆÄ¿ö Ȱ¿ëÆÁ ¹× °¡Àå ¸¹ÀÌ ³ª¿À´Â Áú¹®µé 2007-04-24
CSS¸¦ ÀÌ¿ëÇÑ À¥»çÀÌÆ® ½ÇÀü ±¸Ãà ¿¹Á¦ ¹× ... 2006-08-10
À¥±âȹÀÚ°¡ ¾Ë¾Æ¾ß ÇÒ À¥Ç¥ÁØ¿¡ ±Ù°ÅÇÑ À¥ »çÀÌ... 2006-04-19
CSS¸¦ ÀÌ¿ëÇÑ ·¹À̾ƿô ½ÇÀü ¿¹Á¦ ¹× Ȱ¿ë ÆÁ 2005-07-05
CSSÇÙ
Validation
CSS file Structure
IE6
ÇѸí¼ö
À¥µðÀÚÀÎ °üÁ¡¿¡¼­ÀÇ 2009³â À¥µðÀÚÀÎ Æ®·»µå ¸®ºä ¹× ÇâÈÄ Àü¸Á
SKÄ¿¹Â´ÏÄÉÀ̼ÇÁî ÇѸí¼ö ÀÌ»ç
40ºÐ 17,600¿ø [ºÎ°¡¼¼Æ÷ÇÔ] 2009-11-25
ÇѸí¼ö|¹éÀμ·|³ëÁÖȯ|ÃÖ¼ÒÇö|³ª´ë¿­
À¥¿ùµå ÄÁÆÛ·±½º 2009 | 2day - µðÀÚÀÎ Àü·«
 ÇѸí¼ö|¹éÀμ·|³ëÁÖȯ|ÃÖ¼ÒÇö|³ª´ë¿­ 
3½Ã°£ 27ºÐ 88,000¿ø [ºÎ°¡¼¼Æ÷ÇÔ] 2009-11-25
¹éÀμ·
´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ǿ¡¼­ °í¹ÎÇÏ´Â ÃֽŠÀ¥µðÀÚÀÎ À̽´ ¹× »ç¿ëÀÚ °æÇè µðÀÚÀÎ Àü·«
´ÙÀ½ Ä¿¹Â´ÏÄÉÀ̼Ǡ¹éÀμ· ÆÀÀå
48ºÐ 22,000¿ø [ºÎ°¡¼¼Æ÷ÇÔ] 2009-11-25
»óǰ Àüü º¸±â
°­ÀÇ ¸®ºä

CSS¸¦ ÀÌ¿ëÇÑ À¥ »çÀÌÆ® µðÀÚÀÎ Àü·« ¼¼¹Ì³ª
ÀÌŬ¸³½º Ç÷¯±×ÀÎ °³¹ß °¡À̵å
ÇϷ縸¿¡ ³¡³»´Â ±â¾÷ÀÚ±Ý . .
°³¹æÇü ¸¶ÄÏÇ÷¹À̽ºÀÇ ¿¡ . .
±¸±Û ¾Èµå·ÎÀÌµå ¸¶ÄÏ ¹× . .
½º¸¶Æ®Æù ¸¶ÄÏ¿¡¼­ ¼º°øÇÏ . .
½º¸¶Æ®Æù ¸¶ÄÏ Ä«Å×°í¸®º° . .
½º¸¶Æ®Æù ¸¶ÄÏ¿¡ óÀ½ Áø . .
½º¸¶Æ®Æù ¸¶ÄÏÀÇ ÃֽŠº¯ . .
½º¸¶Æ®Æù ¸¶ÄÏ Æ®·»µå ÄÁ . .
Æ®À§ÅÍ&¼Ò¼È ³×Æ®¿öÅ© ÄÁÆÛ·±½º . .
½ºÅ丮ÅÚ¸µ ±â¹Ý ±Û¾²±â ¹× ±â . .
½º¸¶Æ®Æù ¸¶ÄÏ¿¡¼­ ¼º°øÇϱâ À§ . .
¸¶ÄÉÅͰ¡ ¾Ë¾Æ¾ß ÇÒ ÀÎÅÍ³Ý ¸¶ . .
½º¸¶Æ®Æù ¸¶ÄÏ Æ®·»µå ÄÁÆÛ·±½º . .
¼Ò¼È À¥ ±âȹÀÇ º»Áú ¹× ±âȹ . .
ÄÁ¼³ÆÃ ÇÁ·Î¼¼½º¿¡¼­ ¹è¿ì´Â Àü . .
¸ð¹ÙÀÏ À¥ÀÇ Æ¯¼º¿¡ ¸Â´Â Â÷º° . .
À¥µðÀÚÀÎ
À¥µðÀÚÀÎ °üÁ¡¿¡¼­ÀÇ 2009³â À¥µðÀÚÀÎ Æ®·»µå ¸®ºä ¹× ÇâÈÄ Àü¸Á
´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ǿ¡¼­ °í¹ÎÇÏ´Â ÃֽŠÀ¥µðÀÚÀÎ À̽´ ¹× »ç¿ëÀÚ °æÇè µðÀÚÀÎ Àü·«
±¸¸Å ÀüȯÀ² °üÁ¡¿¡¼­ º» ±¹³»¿Ü ÃֽŠÀ¥µðÀÚÀÎ À̽´ ¹× UXÀü·«
À¥¿ùµå ÄÁÆÛ·±½º 2009 | 2day - µðÀÚÀÎ Àü·«
¸ð¹ÙÀÏ °üÁ¡¿¡¼­ º» 2009³â ±¹³»¿Ü º£½ºÆ® µðÀÚÀÎ »ç·Ê ¹× Ȱ¿ë ¹æ¾È