À¥Ç¥ÁØ ¿ÏÀüÁ¤º¹ ¼¼Æ®
ÅÂ±× :
À¥ÇÁ·ÎÆä¼Å³Î
,
À¥Ç¥ÁØ
,
CSS
,
Web Standard
,
Ajax
,
À¥2.0
,
À¥°³¹ß
¿ø¼¸í :
Web Standards Solutions, Bulletproof Web Design, CSS Mastery
Dan Cederholm
,
Andy Budd
,
Simon Collison
,
Cameron Moll
ÁöÀ½
¹Ú¼ö¸¸
¿Å±è
À¥ ÇÁ·ÎÆä¼Å³Î ½Ã¸®Áî
ISBN :
9788960770133
66,000
¿ø |
2007³â 6¿ù 18ÀÏ
Æì³¿
ÆäÀÌÆÛ¹é
|
1,080
ÂÊ |
190*235mm
YES24
±³º¸¹®°í
°ÄÄ
¾Ë¶óµò
ÀÎÅÍÆÄÅ©
¹ÝµðºÏ
Ã¥ ¼Ò°³
Ã¥ ¼Ò°³
ÀúÀÚ/¿ªÀÚ ¼Ò°³
¸ñÂ÷
¼Æò
Á¤¿ÀÇ¥
°ü·Ã »çÁø º¸±â
Åä·Ð¹æ (
)
À¥ Ç¥ÁØ ¸¶½ºÅ͸¦ À§ÇÑ ¹ÙÀ̺í!
¡ºÀ¥ Ç¥ÁØ¡»°ú ¡º¹æÅºÀ¥¡», ¡ºCSS ¸¶½ºÅÍ Àü·«¡»À» Çϳª·Î ¹¾ú´Ù.
¡º½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ¡»
¿¡¼´Â ¿©·¯ °¡Áö À¥ Ç¥ÁØ °³³äÀÇ À̷аú ½Ç½ÀÀ» ´Ù·ç¸ç, ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ¹®Á¦¿¡ ´ëÇØ ¿©·¯ °¡Áö ´Ù¸¥ ÇØ°á¹æ¹ýÀ» º¸¿©ÁØ´Ù. °¢ ¹æ¹ý¿¡ ´ëÇØ¼´Â ÀåÁ¡°ú ´ÜÁ¡À» µûÁ®°¡¸ç »ó¼¼ÇÏ°Ô ¼³¸íÇÏ¸ç ¶Ç °¢ ÀåÀÇ ¸¶Áö¸· ºÎºÐ¿¡´Â ½ÉÈ ÇнÀÀ» Á¦°øÇØ ±× Àå¿¡¼ ¼³¸íÇÑ ³»¿ë°ú °ü·ÃµÈ °í±Þ ¸¶Å©¾÷°ú CSS¿¡ ´ëÇØ¼ ¼Ò°³Çϰí ÀÖ´Ù.
¡ºÀ¥ 2.0À» À̲ô´Â ¹æÅºÀ¥¡»
¿¡¼´Â Ç¥ÁØÈ¸¦ ¾î¶»°Ô ½ÃÀÛÇÏ°í ¹«¾ùÀ» Ç¥ÁØÈ ½ÃÄÑ¾ß ÇÏ´ÂÁö ¾Ë·ÁÁÖ´Â °¡ÀÌµå ºÏÀ¸·Î ±âÁ¸ÀÇ À¥ »çÀÌÆ®µéÀ» »ç·Ê·Î µé¾î ¹®Á¦Á¡À» ÁöÀûÇÏ¿© ºÐ¼®Çϰí ÀÖ´Ù.
¡ºCSS ¸¶½ºÅÍ Àü·«¡»
¿¡¼´Â °¡Àå À¯¿ëÇÑ CSS ±â¹ýÀ» Çѹø¿¡ Á¤¸®ÇÏ¸é¼ ½ÇÁ¦ ȯ°æ¿¡¼ ¹ß»ýÇÒ ¼ö ÀÖ´Â ºê¶ó¿ìÀú °ü·Ã À̽´¸¦ ´Ù·ï CSS °ü·Ã Áö½Ä ¼öÁØÀ» ÇÑ ´Ü°è ¿Ã¸± ¼ö ÀÖ´Ù. ÀÌ Ã¥À» ÅëÇØ CSS Àü¹®°¡´Ù¿î Äڵ带 ÀÛ¼ºÇÒ ¼ö ÀÖ´Â ±â¹ýÀ» ¹è¿öº¸ÀÚ.
[ SET ±¸¼º: Àü 3±Ç ]
1)
¡º½Ç¿ë ¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ¡»
2)
¡ºÀ¥ 2.0À» À̲ô´Â ¹æÅºÀ¥¡»
3)
¡ºCSS ¸¶½ºÅÍ Àü·«¡»
¡º½Ç¿ë ¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ¡» ¼Ò°³
À¥ Ç¥ÁØÀ» ÀÌ¿ëÇØ »çÀÌÆ®¸¦ ±¸ÇöÇÏ¸é ¾î¶² ÀåÁ¡ÀÌ ÀÖÀ»±î?
ÀÌ Ã¥Àº À¥ Ç¥ÁØÀÇ ÀåÁ¡À» ÀÌÇØÇϱâ À§ÇÑ Çʼö ¾È³»¼ÀÔ´Ï´Ù.
XHTML°ú CSS °°Àº À¥ Ç¥ÁØÀº ÀÌ¹Ì ¸¹ÀÌ ¾Ë·ÁÁø ±â¼úÀÔ´Ï´Ù. À¥ °ü·Ã Á÷Á¾¿¡ ÀÖ´Ù¸é À¥ Ç¥ÁØ¿¡ ´ëÇØ¼ µé¾îºÃÀ» °ÍÀÔ´Ï´Ù. ÇÏÁö¸¸ À¥ Ç¥ÁØÀ» Áö¿øÇÏ´Â À¥ ºê¶ó¿ìÀú°¡ Á¡Â÷ ´Ã¾î°¡°í ÀÖ°í, À¥ µðÀÚÀÌ³Ê¿Í À¥ °³¹ßÀÚ°¡ À¥ Ç¥ÁØÀÌ ÁÖ´Â ½ÇÁúÀûÀÎ ÀÌÁ¡À» ÀÌÇØÇϰí À̸¦ ÁؼöÇÏ·Á°í ÇÏ´Â ¿òÁ÷ÀÓÀÌ ¸¹¾ÆÁö°í´Â ÀÖÁö¸¸, À¥ Ç¥ÁØÀ¸·Î »çÀÌÆ®¸¦ ±¸ÃàÇÏ´Â °ÍÀº ¾ÆÁ÷±îÁö ½¬¿î ÀÏÀº ¾Æ´Õ´Ï´Ù. À¥ Ç¥ÁØÀÇ ÇýÅÃÀ» ¿Ïº®ÇÏ°Ô ÀÌÇØÇϰí À¥ Ç¥ÁØÀ» ÀÌ¿ëÇØ È¿À²ÀûÀ¸·Î »çÀÌÆ®¸¦ ±¸ÇöÇØ¾ß¸¸ ºñ·Î¼Ò À¥ Ç¥ÁØÀÇ Áø¼ö¸¦ ¾Æ´Â °ÍÀÔ´Ï´Ù.
À¥ Ç¥ÁØ °¡À̵å´Â 16Àå°ú ºÎ·ÏÀ¸·Î ±¸¼ºµÅÀÖ½À´Ï´Ù. °¢ Àå¿¡¼´Â ¿©·¯ °¡Áö À¥ Ç¥ÁØ °³³äÀÇ À̷аú ½Ç½ÀÀ» ´Ù·ç¸ç, ½±°Ô ÀÌÇØÇÒ ¼ö ÀÖµµ·Ï ¹®Á¦¿¡ ´ëÇØ ¿©·¯ °¡Áö ´Ù¸¥ ÇØ°á¹æ¹ýÀ» º¸¿©ÁÝ´Ï´Ù. ÀÌ Ã¥À» ÅëÇØ ´Ù´Ü ·¹À̾ƿô, À̹ÌÁö ¹Ù²ãÄ¡±â, Å×À̺í°ú ¸®½ºÆ® Á¦´ë·Î »ç¿ëÇϱ⠵îÀÇ ¹æ¹ýÀ» ¹è¿ï ¼ö ÀÖ½À´Ï´Ù. ÀÌ·± Á¢±Ù¹æ¹ýÀ» ÅëÇØ¼ À¥ Ç¥ÁØÀÇ ÇٽɻçÇ×À» ºü¸£°Ô ÀÌÇØÇÏ°í ¼ÒÈÇØ Á¦´ë·Î Ȱ¿ëÇÒ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù.
¡º À¥ 2.0À» À̲ô´Â ¹æÅºÀ¥ ¡» ¼Ò°³
¾Æ¹«¸® ¸ÚÁø ¸ð¾ç°ú ÁÁÀº ³»¿ëÀ¸·Î °¡µæÂù À¥»çÀÌÆ®¸¦ ¸¸µé¾ú´õ¶óµµ ´Ù¾çÇÑ »óȲ°ú Æø³ÐÀº »ç¿ëÀÚÃþÀ» °í·ÁÇÏÁö ¾Ê¾Ò´Ù¸é ±×°ÍÀº ¹ÝÂÊÀÇ ¼º°øÀ̶ó°í ¸»ÇÒ ¼ö ÀÖ½À´Ï´Ù. ´í ¾¾´õȨÀÇ ¡ºÀ¥ 2.0À» À̲ô´Â ¹æÅºÀ¥¡»Àº À¯¿¬¼º, °¡µ¶¼º, »ç¿ëÀÚ ÆíÀǼº µî ¼º°øÀûÀÎ À¥»çÀÌÆ®°¡ °®Ãç¾ß ÇÒ ÇٽɻçÇ×ÀÎ À¥ Ç¥ÁØ Àü·«À» ¸ðµÎ °®Ãá ¹æÅºÀ¥À» ±¸ÃàÇÏ´Â °úÁ¤À» ¼³¸íÇϴ åÀÔ´Ï´Ù. °¢ À帶´Ù ±âÁ¸ÀÇ ÈçÇØ ºüÁø ¹æ½ÄÀ¸·Î Á¦ÀÛÇÑ À¥»çÀÌÆ®¸¦ »ç·Ê·Î µé¾î ¹®Á¦Á¡À» ºÐ¼®ÇÏ°í ¾î¶² ÇѰèÁ¡À» °®°í ÀÖ´ÂÁö, ¿Ö ¹æÅºÀ¥ÀÌ ¾Æ´ÑÁö¸¦ ¼³¸íÇÕ´Ï´Ù. ±×¸®°í ÀÌ »çÀÌÆ®¸¦ XHTML°ú CSS·Î À籸ÃàÇÏ¿© ¾öû³ ¾çÀÇ Äڵ带 ±ò²ûÇÑ ¸¶Å©¾÷À¸·Î Á¤¸®Çϰí CSS¸¦ ÅëÇØ ºü¸£°Ô ·ÎµùµÇ¸é¼ Á¢±Ù¼ºÀÌ ³ôÀº ¹æÅºÀ¥À¸·Î º¯½Å½ÃŰ´Â ¹æ¹ýÀ» ¾È³»ÇÕ´Ï´Ù. ƯÈ÷ ¸¶Áö¸· Àå¿¡¼´Â ÀÌ Ã¥¿¡¼ ´Ù·é ±â¹ýÀ» Á¾ÇÕÇØ ÁøÁ¤ÇÑ ¹æÅºÀ¥À» ¸¸µé¾î º¸°Ô µË´Ï´Ù.
¡º CSS ¸¶½ºÅÍ Àü·«¡» ¼Ò°³
ÀÌ Ã¥¿¡¼´Â CSS ±âº» °³³äÀ» ´Ù½Ã Á¤¸®ÇÏ¿©, ÀÇ¹Ì ÀÖ´Â ¸¶Å©¾÷ ÀÛ¼ºÀÇ Á߿伺, Äڵ带 Àß ±¸Á¶ÈÇØ¼ À¯Áöº¸¼ö°¡ ¿ëÀÌÇÏ°Ô ÇÏ´Â ¹æ¹ý, CSS ·¹À̾ƿô ¸ðµ¨ÀÇ µ¿ÀÛ¿ø¸® µîÀ» ´Ù·ì´Ï´Ù. ±âº» »çÇ×À» »ìÆìº» ÈÄ, °¢ Àå¿¡¼´Â CSS ±â¹Ý µðÀÚÀο¡¼ »ç¿ëµÇ´Â Ư¡À» ´Ù·ì´Ï´Ù. ½±°Ô µû¶ó ÇÒ ¼ö ÀÖ´Â Æ©Å丮¾ó Çü½ÄÀ» ÅëÇØ µ¶ÀÚµéÀÌ ¼öÇàÇϰí ÀÖ´Â ¾÷¹«¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ½ÇÀü ±â¹ýÀ» ÀÍÈ÷°Ô µÉ °ÍÀÔ´Ï´Ù.
¿©·¯ ºê¶ó¿ìÀú °£¿¡ ´Ù¸£°Ô µ¿ÀÛÇÏ´Â Çö»ó ¶§¹®¿¡ CSS ÀÛ¾÷À» ÇÏ´Â »ç¶÷µéÀÌ ¸¹Àº °í»ýÀ» ÇÕ´Ï´Ù. ÀÌ Ã¥¿¡¼´Â ÀÌ·± ¹®Á¦¸¦ ÇØ°áÇÒ ¼ö ÀÖ´Â CSS ÇÙ, ÇÊÅÍ, ¹ö±× ÇØ°á¹æ¹ýÀ» ¼³¸íÇÕ´Ï´Ù. ¶ÇÇÑ À̹ÌÁö ´ëÄ¡ ±â¹ý, ¸µÅ© ½ºÅ¸ÀÏ ¸¸µé±â, Æû°ú ¸®½ºÆ® ¸ð¾ç ²Ù¹Ì±â, ¼ø¼öÇÏ°Ô CSS¸¸À¸·Î ¸¸µå´Â ·¹À̾ƿôÀ» ºñ·ÔÇÑ ¸¹Àº Á¤º¸¸¦ Á¦°øÇϰí ÀÖ½À´Ï´Ù. ÀÌ·¸°Ô ´Ù·é ¸ðµç ±â¹ýÀ» Á¾ÇÕÇØ¼ CSS µðÀÚÀ̳ʷΠÀ¯¸íÇÑ »çÀÌ¸Õ Äݸ®½¼°ú ij¸Ó·Ð ¸ôÀÌ Á÷Á¢ ÀÛ¼ºÇÑ 2°³ÀÇ ½ÇÀü»ç·Ê ¿¹Á¦¸¦ ºÎ·Ï¿¡ Æ÷ÇÔÇß½À´Ï´Ù.
[ ÀúÀÚ ¼Ò°³ ]
´í ¾¾´õȨ
´í ¾¾´õȨÀº ¿©·¯ Â÷·Ê ¼ö»ó °æ·ÂÀÌ ÀÖ´Â À¥ µðÀÚÀ̳ÊÀÌÀÚ ÀÛ°¡ÀÔ´Ï´Ù. ÇöÀç ¸Þ»çÃß¼¼Ã÷ÁÖÀÇ »ì·½¿¡ »ì°í ÀÖÀ¸¸ç, µðÀÚÀÎ ¹× À¥ °³¹ß ÄÁ¼³ÆÃ ȸ»çÀÎ ½ÉÇúñÃ÷(SimpleBits)ÀÇ Ã¢¾÷ÀÚÀ̱⵵ ÇÕ´Ï´Ù. ÀúÀÚ´Â À¥ Ç¥ÁØ ±â¹ÝÀÇ »çÀÌÆ® µðÀÚÀΰú ±¸Ãà¿¡ ´Ù³â°£ÀÇ °æÇèÀ» ½×¾Æ¿Ô½À´Ï´Ù. ÀÌ ºÐ¾ß¿¡ °ü·ÃµÈ Àü¹®¼ºÀÌ ³Î¸® ÀÎÁ¤¹Þ¾Æ ´Ù¾çÇÑ ÄÁÆÛ·±½º¿¡¼ °ÀÇÇÑ ¹Ù ÀÖÀ¸¸ç À¥Ç¥ÁØ ±â¹ÝÀÇ µðÀÚÀÎÀ» µµÀÔÇÏ·Á´Â ±â¾÷¿¡ ÀÚ¹®À» ¸¹ÀÌ Çϰí ÀÖ½À´Ï´Ù. ¸¹Àº °ü½ÉÀ» ¹ÞÀº ¹Ù ÀÖ´Â ¡º½Ç¿ë ¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ¡»ÀÇ ÀúÀÚÀ̸é¼, ¡°¾î ¸®½ºÆ® ¾îÆÄÆ®(A List Apart)¡±¿¡ ¿©·¯ ±â»ç¸¦ ±â°íÇß½À´Ï´Ù. À¥, ±â¼ú, ±×¸®°í Àλý Àü¹Ý¿¡ ´ëÇÑ ±ÛÀ» ¿Ã¸®´Â À¯¸í ºí·Î±×ÀÎ ½ÉÇúñÃ÷(SimpleBits)¸¦ ¿î¿µÇϰí ÀÖ½À´Ï´Ù.
¾Øµð ¹öµå
¾Øµð´Â ¿µ±¹ ºê¸®Æ°¿¡ °ÅÁÖÇÏ´Â »ç¿ëÀÚ °æÇè µðÀÚÀ̳ÊÀÌÀÚ À¥ Ç¥ÁØ °³¹ßÀÚÀÔ´Ï´Ù. À¥ µðÀÚÀÎ ÄÁ¼³ÆÃ ȸ»çÀΠŬ¸®¾î·¹ÇÁÆ®(http://www.clearleft.com) »çÀÇ Å©¸®¿¡ÀÌÆ¼ºê µð·ºÅͷμ, ¸Å·ÂÀûÀ̰í Á¢±Ù¼º ³ôÀº À¥ Ç¥ÁØ È£È¯ À¥ »çÀÌÆ® ±¸Ãà ÀÛ¾÷À» Áñ±â°í ÀÖ½À´Ï´Ù. ±×ÀÇ È¨ÆäÀÌÁö´Â www.andybudd.comÀ̸ç ÃÖ±Ù À¥ µðÀÚÀÎ °ü·Ã À̽´¿¡ ´ëÇØ¼ Áö¼ÓÀûÀ¸·Î ±ÛÀ» ¿Ã¸®°í ÀÖ½À´Ï´Ù. ¾Øµð´Â ±¹Á¦ µðÀÚÀÎ ÄÁÆÛ·±½º, ¿öÅ©¼¥, ±³À° °»ç·Î Ȱµ¿Çϰí ÀÖÀ¸¸ç ¿µ±¹ÀÇ Ã¹ ¹øÂ° À¥ 2.0 ÄÁÆÛ·±½º¸¦ ÁøÇàÇϱ⵵ Çß½À´Ï´Ù(http://www.dconstruct.org). ¾÷°è¿¡ ÇÊ¿äÇÑ ¼öÁØ ³ôÀº ±³À°¿¡ ´ëÇÑ ¿ÀÇ ¶§¹®¿¡ ½ºÅ³½º¿Ò(http://www.skillswap.org)À̶ó´Â ±³À°/³×Æ®¿öÅ· Ä¿¹Â´ÏƼ¸¦ ¿î¿µÇϰí Àֱ⵵ ÇÕ´Ï´Ù. ¶ÇÇÑ À¥ Ç¥ÁØ¿¡ ´ëÇÑ ÀνÄÀ» ³ÐÈ÷°í Àå·ÁÇϱâ À§ÇÑ À¥ Ç¥ÁØ ¾î¿öµå(http://www.webstandardsawards.com) Áغñ¸¦ µ½°í ÀÖ½À´Ï´Ù.
ij¸Ó·Ð ¸ô
ij¸Ó·ÐÀº ¾÷°è¿¡ °¡Àå ¸¹ÀÌ ¾Ë·ÁÁø ´º ¹Ìµð¾î µðÀÚÀÌ³Ê Áß ÇÑ ¸íÀ¸·Î ´Ù¾çÇÑ À¥ µðÀÚÀÎ, ¿ì¾ÆÇÑ ÀÎÅÍÆäÀ̽º, ±ò²ûÇÑ ¸¶Å©¾÷ ÀÛ¼º¿¡ ¶Ù¾î³ ½Ç·ÂÀ» Áö´Ï°í ÀÖ½À´Ï´Ù. ¼ö¸¹Àº À¥ »çÀÌÆ®ÀÇ µðÀÚÀΰú ¸®´º¾ó¿¡ Âü¿©ÇÏ¸é¼ º¸¿©ÁØ ´Ù¾çÇÑ ±â¹ýÀº ¸¹Àº »çÀÌÆ®¿¡ ¿µÇâÀ» Áá½À´Ï´Ù. ij¸Ó·ÐÀÌ Áö´Ñ ¸¶ÄÉÆÃ °æÇè ¹è°æ°ú µðÀÚÀÎ °¨°¢Àº »õ·Î¿î ºñÁÖ¾ó °æÇèÀ» Á¦½ÃÇÒ ¼ö ÀÖ´Â ¿ª·®À̱⵵ ÇÕ´Ï´Ù. NPRNational Public Radio, Ä¿¹Â´ÏÄÉÀÌ¼Ç ¾ÆÆ®, ºñ¾î µî À¯¸íÇÑ À¥ »çÀÌÆ® ÀÛ¾÷À» ÅëÇØ ÀÎÁ¤À» ¹Þ¾Ò½À´Ï´Ù. ±×ÀÇ °³ÀÎ »çÀÌÆ®ÀÎ CameronMoll.comÀº °ü°è ±íÀº ´ëȸ¦ ÅëÇØ µðÀÚÀÎ ¹æ¹ýÀ» Á¦°øÇϰí ÀÖÀ¸¸ç ±×ÀÇ ÀÛ¾÷ ¼Ò½º ÆÄÀÏÀ» ´Ù¿î·Îµå ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
»çÀÌ¸Õ Äݸ®½¼
»çÀ̸ÕÀº Agenzia(http://www.agenzia.co.uk)ÀÇ ¸®µå À¥ °³¹ßÀÚÀÔ´Ï´Ù. ±×´Â ·¹ÄÚµå ȸ»ç, À¯¸í À½¾Ç ¾ÆÆ¼½ºÆ®, ºñÁÖ¾ó ¾ÆÆ¼½ºÆ®, ÀÏ·¯½ºÆ®·¹ÀÌÅ͸¦ À§ÇÑ ¼ö¸¹Àº À¥ ÇÁ·ÎÁ§Æ®¸¦ ¼öÇàÇß½À´Ï´Ù. »çÀ̸ÕÀº ÀÌ·± ÀÛ¾÷À» ÇÏ¸é¼ ¸ðµç À¥ »çÀÌÆ®¿¡¼ À¥ Ç¥ÁØ¿¡ ±â¹ÝÇÑ Á¢±Ù¼º°ú »ç¿ë¼ºÀ» Áß½ÃÇÑ Á¦ÀÛ¹æ¹ýÀÌ Áß¿äÇØ Áú °ÍÀ» ¿¹°ßÇß½À´Ï´Ù. »çÀ̸ÕÀº CSS ±â¹ÝÀÇ À¥ »çÀÌÆ®ÀÎ ½ºÅ¸Àϰ¥¶ó¿¡ ÁÖ±âÀûÀ¸·Î ¸®ºä¸¦ ¿Ã¸®°í, ±×ÀÇ °³ÀÎ ºí·Î±×ÀÎ www.collylogic.com¿¡ À¥ Ç¥ÁØ, À½¾Ç, ¿µÈ, ¿©Çà°ú °°Àº ´Ù¾çÇÑ À̾߱⸦ ¿Ã¸®°í ÀÖ½À´Ï´Ù.
[ ¿ªÀÚ ¼Ò°³ ]
¹Ú¼ö¸¸
»õ·Ó°í ½¬¿î ÀÎÅÍ³Ý ¼ºñ½º¸¦ ¸¸µå´Â (ÁÖ)´õºíÆ®·¢(www.doubletrack.net) ´ëÇ¥ÀÌ»ç·Î ÀÏÇϰí ÀÖ´Ù. Çѱ¹ À¥Ç¥ÁØÈ ÇÁ·ÎÁ§Æ®(www.webstandard.or.kr) ¸â¹öÀ̸ç, À¥ Ç¥ÁØ °ü·Ã ´ëÇ¥µµ¼ÀÎ ¡º½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ¡», ¡ºÀ¥ 2.0À» À̲ô´Â ¹æÅºÀ¥¡»À» ±¹³»¿¡ ¼Ò°³Çß´Ù. °³ÀÎ ºí·Î±×ÀÎ Suman¡¯s shallow thoughts(www.sumanpark.com/blog)¸¦ ÅëÇØ¼ À¥ Ç¥ÁØ µ¿Çâ µî »õ·Î¿î ¼Ò½ÄÀ» Á¢ÇÒ ¼ö ÀÖ´Ù. ¸íÁö´ëÇб³ ÄÄÇ»ÅͰøÇаú ÇÐºÎ¿Í ´ëÇпø(¼ÒÇÁÆ®¿þ¾î °øÇÐ Àü°ø)À» Á¹¾÷Çß´Ù.
[ ½Ç¿ë¿¹Á¦·Î ¹è¿ì´Â À¥ Ç¥ÁØ ]
1ºÎ ¸¶Å©¾÷, óÀ½ºÎÅÍ Á¦´ë·Î ¹è¿ì±â
1Àå ¸®½ºÆ®
ºí·Î±× ²Ù¹Ì±â
ÄûÁî ½Ã°£
¹æ¹ý A. <br /> ÅÂ±× »ç¿ë
ÁÙ ¹Ù²ñ ¹®Á¦
¹æ¹ý B. ºÒ¸´ Ȱ¿ë
¹æ¹ý C. Á» ´õ Á¤È®ÇϰÔ
¹æ¹ý D. Àß °¨½Îº¾½Ã´Ù
¿ä¾à
½ÉÈ ÇнÀ
ºÒ¸´ °¨Ãß±â
ºÒ¸´ À̹ÌÁö¸¦ ³Ö¾î ´õ ¿¹»Ú°Ô
³»ºñ°ÔÀÌ¼Ç ¸Þ´º¹Ù·Î Ȱ¿ëÇØº¸±â
´Ù¾çÇÑ ¹Ì´ÏÅÇ ¸ð¾ç ¹Ù²ãº¸±â
2Àå ¸Ó¸®±Û
¹®¼ Á¦¸ñÀ» ¸¶Å©¾÷ÇÏ´Â °¡Àå ÁÁÀº ¹æ¹ýÀº?
¹æ¹ý A. Àǹ̸¦ »ì¸° ¹æ¹ý?
¹æ¹ý B. p¿Í b Á¶ÇÕ
¹æ¹ý C. ½ºÅ¸Àϰú ³»¿ë ¸ðµÎ »ì¸®±â
¿ä¾à
½ÉÈ ÇнÀ
½ºÅ¸Àϸµ ±âÃÊ
¹è°æ ÁöÁ¤
¹è°æ°ú Å׵θ®¼±
¾ÆÀÌÄÜ ÁöÁ¤
¼Õ½¬¿î ¾÷µ¥ÀÌÆ®
Ä«¸á·¹¿Â È¿°ú
¸¶¹«¸®
3Àå Å×À̺íÀ» ¾²¸é ¾ÈµÈ´Ù?
Å×À̺íÀÌ ÀûÇÕÇÑ °æ¿ì
Å×ÀÌºí ±âÃÊ
¿ä¾à Á¤º¸ µ¡ºÙÀ̱â
Å×À̺í Çì´õ
Çì´õ¿Í µ¥ÀÌÅÍÀÇ °ü°è
<thead>, <tfoot>, <tbody>
Å×À̺íÀ» ¾²¸é ¾ÈµÈ´Ù?
½ÉÈ ÇнÀ
°ÝÀÚ ¸¸µé±â
°£°Ý ºÙÀ̱â
Çì´õ ¸ð¾ç ¼öÁ¤
Çì´õ¿¡ ¹è°æ À̹ÌÁö ÁöÁ¤
ID¿¡ ¾ÆÀÌÄÜ ÁöÁ¤
¸¶¹«¸®
4Àå Àο빮
¹æ¹ý A. Àǹ̸¦ »ì¸®Áö ¸øÇÑ Ç¥Çö
¹æ¹ý B. ºÒÇÊ¿äÇÑ Å¬·¡½º ÁöÁ¤
¹æ¹ý C. ÃÖ¼±ÀÇ ¼±ÅÃ, <blockquote>
½ºÅ©·ù µå¶óÀ̹ö·Î ¸ÁÄ¡ÁúÇÏ´Â ²Ã
¿ä¾à
½ÉÈ ÇнÀ
´õ ¸¹Àº Á¤º¸¸¦ Á¦°øÇÏ´Â cite ¼Ó¼º
ÀζóÀÎ Àο빮
<blockquote> ½ºÅ¸ÀÏ ÀÔÈ÷±â
¸¶¹«¸®
5Àå Æû
ÆûÀ» ¸¶Å©¾÷ÇÏ´Â ¹æ¹ý¿¡´Â ¾î¶² °ÍÀÌ ÀÖ³ª¿ä?
¹æ¹ý A. Å×À̺í ÀÌ¿ë
¹æ¹ý B. Å×ÀÌºí ¾²Áö ¾Ê±â. ÇÏÁö¸¸ ¹º°¡ ´ä´äÇÏÁÒ?
¹æ¹ý C. ´Ü¼øÇϰí Á¢±Ù¼ºÀÌ ³ôÀº ¹æ¹ý
¹æ¹ý D. Á¤ÀÇ ¸®½ºÆ® Ȱ¿ëÇϱâ
¿ä¾à
½ÉÈ ÇнÀ
ÅÇÀ妽º
ÀÚÁÖ »ç¿ëÇÏ´Â ÆûÀ» À§ÇÑ ¾×¼¼½º Ű
Æû ²Ù¹Ì±â
¸¶¹«¸®
6Àå ±¸¹®Ç¥Çö ¿¤¸®¸ÕÆ®
¹®¼¸ð¾ç vs. ¹®¼±¸Á¶
<strong>°ú <em>ÀÌ <b>¿Í <i>º¸´Ù ³ªÀº ÀÌÀ¯
<em>ÀÇ »ç¿ë¹ý
±½Àº ±Û²ÃÀ̳ª ÀÌÅŸ¯Ã¼·Î ÁöÁ¤ÇÏ´Â °æ¿ì
±½Àº ÀÌÅŸ¯Ã¼·Î ÁöÁ¤ÇÏ´Â °æ¿ì
¿ä¾à
½ÉÈ ÇнÀ
¹®±¸ ¿¤¸®¸ÕÆ®
<cite> ű×
<abbr>°ú <acronym>
<code>
<samp>
<var>
<kbd>
¸¶¹«¸®
7Àå ¾ÞÄ¿
À¥ ÆäÀÌÁö ³»ÀÇ Æ¯Á¤ À§Ä¡¸¦ °¡¸®Å°´Â °¡Àå ÁÁÀº ¹æ¹ýÀº?
¹æ¹ý A. name ¼Ó¼ºÀº ÀÖ°í ³»¿ëÀº ¾ø´Â ¾ÞÄ¿ »ç¿ë
¹æ¹ý B. name ¼Ó¼º°ú ³»¿ëÀ» ¸ðµÎ »ç¿ë
¹æ¹ý C. name ¼Ó¼º »ç¿ëÇÏÁö ¾Ê±â
¹æ¹ý D. Á¾ÇÕ ÇØ°áÃ¥
¿ä¾à
½ÉÈ ÇнÀ
title ¼Ó¼º
¸µÅ© ²Ù¹Ì±â
´éÀ» µé¾î¿Ã¸®¸ç
8Àå ¸®½ºÆ®ÀÇ °í±Þ ±â´É
¹øÈ£°¡ ¸Å°ÜÁø ¸®½ºÆ®¸¦ ¸¶Å©¾÷ÇÏ´Â °¡Àå ÁÁÀº ¹æ¹ýÀº?
¹æ¹ý A. <ul> »ç¿ëÇϱâ
¹æ¹ý B. <ol> »ç¿ëÇϱâ
¿ë¾î¿Í ¼³¸í ¹À½À» ¸¶Å©¾÷ÇÏ´Â °¡Àå ÁÁÀº ¹æ¹ýÀº?
¹æ¹ý A.
¹æ¹ý B.
¿ä¾à
½ÉÈ ÇнÀ
°¢ ÆÄÆ®¿¡ id ºÎ¿©
¼ýÀÚ ¸ð¾ç ¸¸µé±â
CSS¿¡ ¼ýÀÚ Ãß°¡
°á°ú ȸé
¸¶¹«¸®
9Àå ¸¶Å©¾÷ ¿ë·® ÁÙÀ̱â
À¥ Ç¥ÁØÀ» ÁöÄÑ »çÀÌÆ®¸¦ ¸¸µé¸é ¸¶Å©¾÷ ¿ë·®À» ÁÙÀÏ ¼ö ÀÖÀ»±î?
ÇÏÀ§ ¼±ÅÃÀÚ
¹æ¹ý A. Ŭ·¡½º Á¤ÀÇ
¹æ¹ý B. Á»´õ ÀÚ¿¬½º·´°Ô
ºÒÇÊ¿äÇÑ <div> Á¦°Å
¹æ¹ý A. <div> »ç¿ë
¹æ¹ý B. <div> Á¦°Å
±× ¹ÛÀÇ »ç·Ê
¿ä¾à
½ÉÈ ÇнÀ
±âº» ¸¶Å©¾÷ ±¸Á¶
½ºÅ¸ÀÏ ÀÔÈ÷±â
ºÒ¸´ ¸ð¾ç ¹Ù²Ù±â
Å׵θ® Ãß°¡
¸¶¹«¸®
2ºÎ À¥ Ç¥ÁØ ½ºÅ¸ÀÏÀÇ ¼¼°è·Î
10Àå CSS Àû¿ëÇϱâ
CSS¸¦ ¹®¼¿¡ ¾î¶»°Ô Àû¿ëÇϳª¿ä?
¹æ¹ý A. <style> ¿¤¸®¸ÕÆ® »ç¿ë
¹æ¹ý B. ¿ÜºÎ ½ºÅ¸ÀÏ ½ÃÆ® »ç¿ë
¹æ¹ý C. @import »ç¿ë
¹æ¹ý B¿Í ¹æ¹ý C¸¦ Á¶ÇÕÇÑ ´ÙÁß ½ºÅ¸ÀÏ½ÃÆ® Ȱ¿ë¹ý
ÀÏ¹Ý ½ºÅ¸Àϰú °í±Þ ½ºÅ¸ÀÏ
ij½ºÄÉÀ̵å È¿°ú Ȱ¿ë
¹æ¹ý D. ÀζóÀÎ ½ºÅ¸ÀÏ
¿ä¾à
½ÉÈ ÇнÀ
´ëü ½ºÅ¸ÀÏ
¸¶¹«¸®
11Àå Àμ⸦ À§ÇÑ ½ºÅ¸ÀÏ
Àμ⸦ À§ÇÑ ½ºÅ¸ÀÏÀº ¾î¶»°Ô ÁöÁ¤Çϳª¿ä?
¹Ìµð¾î ŸÀÔ
´ë»óÀ» ÁöÁ¤ÇÏ´Â µÎ °¡Áö ¹æ¹ý
¹æ¹ý A. media ¼Ó¼º
¹æ¹ý B. @media ȤÀº @import
¿©·¯ °ª ÁöÁ¤
È¸é ½ºÅ¸Àϰú Àμ⠽ºÅ¸ÀÏ ºÐ¸®Çϱâ
Àμâ¿ë ½ºÅ¸ÀÏ ½ÃÆ® ¸¸µé±â
¸¶¹«¸®
12Àå CSS·Î ·¹À̾ƿô Àâ±â
CSS·Î 2´Ü ·¹À̾ƿôÀ» ¾î¶»°Ô ¸¸µå³ª¿ä?
¹æ¹ý A. »çÀ̵å¹Ù ¶ç¿ì±â
¹æ¹ý B. floatÀ» µÎ ¹ø »ç¿ëÇϱâ
¹æ¹ý C. ÄÁÅÙÆ® ¶ç¿ì±â
¹æ¹ý D. Æ÷Áö¼Å´×
¿ä¾à
½ÉÈ ÇнÀ
¹Ú½º¸ðµ¨ ¹®Á¦
°¡Â¥ Ä÷³
¸¶¹«¸®
13Àå ÅØ½ºÆ® ½ºÅ¸ÀÏ
¾î¶»°Ô Çϸé ÅØ½ºÆ®¸¦ ±Ù»çÇÏ°Ô ²Ù¹Ð ¼ö ÀÖ³ª¿ä?
»ç¿ëÀÚ¸¶´Ù ´Ù¸¥ À¥ ºê¶ó¿ìÀú ±âº» ±Û²Ã
ÁÙ °£°Ý Á¶Á¤
font-family¿¡ ±Û²Ã ¸ð¾Æ³õ±â
Ä¿´× (±ÛÀÚ °£°Ý)
µå¶øÄ¸
ÅØ½ºÆ® Á¤·Ä
ÅØ½ºÆ® º¯Çü
¼ÒÇü ´ë¹®ÀÚ
¹®´Ü µé¿©¾²±â
¸¶¹«¸®
14Àå À̹ÌÁö ¹Ù²ãÄ¡±â
CSS·Î ÅØ½ºÆ® ´ë½Å À̹ÌÁö¸¦ Ç¥½ÃÇÏ·Á¸é ¾î¶»°Ô ÇØ¾ß Çϳª¿ä?
¾ÆÁ÷Àº ÁøÇà Áß
»ç¿ë¿¡ À¯ÀÇ
¹æ¹ý A. FIR ¹æ¹ý
¹æ¹ý B. LIR ¹æ¹ý
¹æ¹ý C. ÆÄÅ© ¹æ¹ý
¿ä¾à
½ÉÈ ÇнÀ
·Î°í ¸ð¾ç ¹Ù²Ù±â
Á¢±Ù¼ºÀÌ ¶Ù¾î³ À̹ÌÁö ÅÇ ·Ñ¿À¹ö
¸¶¹«¸®
15Àå <BODY>¸¦ À§ÇÑ ½ºÅ¸ÀÏ
2´Ü ¶Ç´Â 3´ÜÀ¸·Î ÀÚÀ¯·Ó°Ô º¯°æÇϱâ
¸¶Å©¾÷°ú ½ºÅ¸ÀÏ ±¸Á¶
<body>¿¡ Ŭ·¡½º ÁöÁ¤
±× ¹ÛÀÇ ´Ù¾çÇÑ È°¿ë ¹æ¾È
»ç¿ëÀÚ°¡ ¸Ó¹°°í ÀÖ´Â À§Ä¡ ¾Ë¸®±â
³»ºñ°ÔÀ̼ǹ٠±¸ÇöÀ» À§ÇÑ ¸®½ºÆ®
°¢ ÆÄÆ® ÁöÁ¤
CSSÀÇ ¸¶¹ý
¸¶¹«¸®
16Àå »õ·Î¿î µµ¾à
ÀÌÁ¦ ¾îµð·Î °¡¾ß ÇÒ±î¿ä?
°ü·Ã ±â°ü ¹× °£Ç๰
¿µÇâ·Â ÀÖ´Â ºí·Î±×
°ü·Ã µµ¼
¸Î´Â ¸»
3ºÎ Çѱ¹¾îÆÇ Ưº° ºÎ·Ï
ºÎ·Ï I À¥ Ç¥ÁØ ºí·Î±× ¸¸µé±â
ºí·Î±× ÃâÆÇ
1´Ü°è. ºí·Î±× ¸¸µé±â
2´Ü°è. ºí·Î±× ±Û ÀÔ·Â
3´Ü°è. ºí·Î±× ½ºÅ² ÅÛÇø´ °íÄ¡±â
ºí·Î±× ÆäÀÌÁö¸¦ À§ÇÑ ¸¶Å©¾÷°ú ½ºÅ¸ÀÏ
1´Ü°è. ±âº» ¹®¼ ±¸Á¶
2´Ü°è. ºí·Î±× ±Û Ãß°¡Çϱâ
3´Ü°è. ºí·Î±× ÅÛÇø´ ÀÛ¼º
4´Ü°è. CSS ÀÛ¼ºÇϱâ
±âŸ ÂüÁ¶ ºí·Î±×
¸¶¹«¸®
ºÎ·Ï II ±¹³»¿Ü À¥ Á¢±Ù¼º ¼Ò°³ ¹× ÇöȲ
À¥ Á¢±Ù¼ºÀ̶õ
¿ì¸®³ª¶ó À¥ Á¢±Ù¼º °ü·Ã ¹ý·ü ¹× µ¿Çâ
ÇØ¿Ü ¼±Áø±¹ÀÇ À¥ Á¢±Ù¼º °ü·Ã ¹ý·ü ¹× µ¿Çâ
±¹³» ½ºÅ©¸°¸®´õ ÇÁ·Î±×·¥ ÇöȲ
Çѱ¹Á¤º¸¹®ÈÁøÈï¿ø ¼Ò°³
Á¤º¸Åë½Å Á¢±Ù¼º Çâ»ó Ç¥ÁØÈ Æ÷·³
À¥ Á¢±Ù¼º ÀÚµ¿Æò°¡ Åø
Çѱ¹Çü À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ(KWCAG) 1.0
W3C À¥ ÄÜÅÙÃ÷ Á¢±Ù¼º Áöħ(WCAG) 1.0
¹Ì ÀçȰ¹ý 508Á¶
[ À¥ 2.0À» À̲ô´Â ¹æÅºÀ¥ ]
1Àå. ±Û²Ã Å©±â¸¦ ³» ¸¾´ë·Î
ÈçÇØ ºüÁø ±¸Ãà¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
ÃÖÀûÀÇ ¹æ¹ý ¼±ÅÃÇϱâ
±æÀÌ ´ÜÀ§
»ó´ëÅ©±â Ű¿öµå
ÆÛ¼¾Æ®°ª
ÆÛ¼¾Æ®°ª
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é
Ű¿öµå ¼³¸í
Çȼ¿ °íÁ¤Àº ÀÌÁ¦ ±×¸¸
µÎ °¡Áö Àå¾Ö¹°
´Ü¼øÈÇÑ ¹Ú½º ¸ðµ¨ ÇÙ
¿Ö ¹æÅºÀ¥Àΰ¡
´ÙÀ½´Ü°è
±âº» ±Û²Ã Å©±â ÁöÁ¤Çϱâ
ÆÛ¼¾Æ® °ªÀ» ÀÌ¿ëÇØ¼ ±âº» ±Û²Ã°ú ´Ù¸¥ Å©±â ÁöÁ¤Çϱâ
Ű¿öµå °ª°ú ÆÛ¼¾Æ® °ªÀ» »ç¿ëÇϱâ
±âº» ±Û¾¾ Å©±â°ªÀ» Á¤È®ÇÏ°Ô Àâ¾Æ°¡±â
ÆÛ¼¾Æ®°ªÀ» °ãÃÄ ¾µ¶§ À¯ÀÇÇÒ Á¡
ÆÛ¼¾Æ® °ªÀ» ÀÌ¿ëÇØ Àϰü¼º À¯ÁöÇϱâ
¿ä¾à
2Àå. ÀÚÀ¯·Ó°Ô Å©±â°¡ Á¶ÀýµÇ´Â ³»ºñ°ÔÀÌ¼Ç ¸Þ´º¹Ù
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
ÅÇ ±¸Çö¹æ½Ä
·Ñ¿À¹ö È¿°ú
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
¿ë·® Å©±â ¹®Á¦
Á¢±Ù¼º ¹®Á¦
Å©±â Á¶Àý ¹®Á¦
À¯Áöº¸¼ö ¹®Á¦
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
½ºÅ¸ÀÏ ¹ÌÀû¿ë½Ã ¸ð½À
ÀÛÀº À̹ÌÁö µÎ °³¸é ¿ÀÄÉÀÌ
½ºÅ¸ÀÏ Àû¿ë
floatÀ» Ãß°¡·Î ÁöÁ¤ÇØ ¹®Á¦ ÇØ°áÇϱâ(float-to-fix ¹æ¹ý)
ÅÇ ¸ð¾ç ²Ù¹Ì±â
¹è°æ À̹ÌÁö ÁöÁ¤
¹Ù´Ú Å׵θ®¼± Ãß°¡
¸¶¿ì½º ¿À¹ö È¿°ú ÁÖ±â
¼±ÅÃµÈ »óÅ ǥÇöÇϱâ
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
±× ¹ÛÀÇ »ç·Ê ¼Ò°³
¸ðÁú¶ó
½½·£Ã÷
ESPN °Ë»ö
¿ä¾à
3Àå. ÀÚÀ¯ÀÚÀç·Î ³ô³·À̰¡ Á¶ÀýµÇ´Â Çà ¸¸µé±â
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
ºÒÇÊ¿äÇÑ ±×·¡ÇÈ »ç¿ë
°íÁ¤µÈ ³ôÀ̰ª
º¹ÀâÇÑ ÄÚµå
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¸¶Å©¾÷ ±¸Á¶
°¢ ¿ä¼Ò¿¡ id ºÎ¿©Çϱâ
½ºÅ¸ÀÏ ¹ÌÀû¿ë½Ã ¸ð½À
¹è°æ ÁöÁ¤
À§Ä¡ ÁöÁ¤
»ç¶óÁø ¹è°æ»ö
µðÅ×ÀÏÇÑ µðÀÚÀÎ ¿ä¼Ò Ãß°¡
4°³ÀÇ µÕ±Ù ¸ð¼¸®
ÅØ½ºÆ®¿Í ¸µÅ© ¸ð¾ç
¸¶Áö¸· ´Ü°è
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
±¸Á¶¿Í µðÀÚÀÎÀÇ ºÐ¸®
°íÁ¤µÇÁö ¾ÊÀº ³ôÀÌ
¼¼·Î È®Àå »ç·Ê Çϳª ´õ
¸¶Å©¾÷
À̹ÌÁö 2°³ ÁغñÇϱâ
CSS Àû¿ë
ÀÚµ¿ È®Àå ±â´É
¿ä¾à
4Àå. ³ª¸¸ÀÇ Float Ȱ¿ë ºñ¹ý
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
ÃÖÀûÀÇ ±¸Á¶¸¦ °áÁ¤ÇØ º¸ÀÚ
Á¤ÀÇ ¸®½ºÆ® »ç¿ë
¸¶Å©¾÷ ±¸Á¶
½ºÅ¸ÀÏ ¹ÌÀû¿ë½Ã ¸ð½À
¿Ü°û ¿µ¿ª ²Ù¹Ì±â
»çÁø À̹ÌÁö¸¦ ¸¶Å©¾÷ÇÏÀÚ
±âº» ½ºÅ¸ÀÏ Àû¿ëÇϱâ
À̹ÌÁö À§Ä¡ ÁöÁ¤
¾çÂÊ ³¡¿¡ ¶ç¿ì±â
¼³¸í¹®ÀÇ ±æÀ̰¡ ª¾Æµµ ±úÁöÁö ¾Ê´Â ·¹À̾ƿô
¸ÚÁö°Ô ²Ù¹Ì´Â ¸¶¹«¸®
À̹ÌÁö Á¤·Ä ¹æ½Ä
±×¸®µå È¿°ú
¹è°æ À̹ÌÁö ²Ù¹Ì±â
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
¿ä¾à
5Àå. ±úÁöÁö ¾Ê´Â »óÀÚ ¸¸µé±â
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¸¶Å©¾÷ ±¸Á¶
À̹ÌÁö Áغñ Àü·«
½ºÅ¸ÀÏ ÀÔÈ÷±â
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
±× ¹ÛÀÇ µÕ±Ù ¸ð¼¸® ±â¹ý ¼Ò°³
ºê¶ó¿ìÁî ÇØÇÇ »ç·Ê
¿ä¾à
6Àå. À̹ÌÁö³ª CSS°¡ ¾øÀ̵µ º¼ ¼ö ÀÖ°Ô Çϱâ
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
½ºÅ¸ÀÏ À¯¹« ¿©ºÎ¿¡ °ü°è¾ø´Â µðÀÚÀÎ
10Ãʸ¸¿¡ ÇÏ´Â »ç¿ë¼º °Ë»ç
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¹æÅºÀ¥À» ¸¸µé±â À§ÇÑ µµ±¸ ¼Ò°³
ÆÐºí¸´
À¥ °³¹ß È®Àå ±â´É
À¥ Á¢±Ù¼º Åø¹Ù
À¯È¿¼º °Ë»çµµ ÇϳªÀÇ µµ±¸
¿ä¾à
7Àå. ½±°Ô º¯È¯ÇÒ ¼ö ÀÖ´Â Å×ÀÌºí ¸¸µé±â
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¸¶Å©¾÷ ±¸Á¶
½ºÅ¸ÀÏ Àû¿ëÇϱâ
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
¿ä¾à
8Àå. À¯µ¿ÀûÀÎ ·¹À̾ƿô ¸¸µé±â
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
¹æÅºÀ¥ÀÌ ¾Æ´Ñ ÀÌÀ¯
³²¿ëµÇ´Â ÄÚµå
²ûÂïÇÑ À¯Áöº¸¼ö
ÄÁÅÙÆ® Ç¥½Ã ¼ø¼ ¹®Á¦
¹æÅºÀ¥À¸·Î ¸¸µé·Á¸é?
¸¶Å©¾÷ ±¸Á¶
´Ù´Ü ·¹À̾ƿô ¸¸µé±â
½ºÅ¸ÀÏ Àû¿ëÇϱâ
´Ü °£°Ý ÁöÁ¤
´Ü ¿©¹é ÁöÁ¤
ÃÖ¼Ò/ÃÖ´ë ³Êºñ°ª ÁöÁ¤
À̵¿ÇÏ´Â °¡Â¥ ´Ü ¸¸µé±â
3´Ü ·¹À̾ƿô ¸¸µé±â
¹æÅºÀ¥ÀÌ ÁÁÀº ÀÌÀ¯
¿ä¾à
9Àå. ¹æÅºÀ¥ ±¸Ãà ¿Ï°áÁ¾ÇÕÆí
¸ñÇ¥ ¼³Á¤
ÈçÇØ ºüÁø ±¸Ãà ¹æ½Ä
À¯µ¿ÀûÀÎ ·¹À̾ƿô
±Û²Ã Å©±â¸¦ ¸¾´ë·Î
À̹ÌÁö³ª CSS ¾øÀ̵µ º¼ ¼ö ÀÖ´Â ÆäÀÌÁö
±âÃÊ °ø»ç
¸¶Å©¾÷ ±¸Á¶È
±âº» ½ºÅ¸ÀÏ ÁöÁ¤
·¹À̾ƿô ±¸Á¶ ÁöÁ¤
»çÀ̵å¹Ù ¸Þ´º ¹è°æ ¸¸µé±â
Çì´õ ¿µ¿ª
À̺¥Æ® °øÁö»çÇ× ¿µ¿ª ²Ù¹Ì±â
´Ü °£°Ý Á¶Á¤
ÄÁÅÙÆ® ¿µ¿ª ²Ù¹Ì±â
»çÀ̵å¹Ù ¸Þ´º ¿µ¿ª ²Ù¹Ì±â
ǪÅÍ ¿µ¿ª ²Ù¹Ì±â
ÀÎÅÍ³Ý ÀͽºÇ÷η¯¸¦ À§ÇÑ CSS ¹®Á¦ ÇØ°á
ÇÙ °ü¸® ¹æ¹ý
ǪÅÍ ¹®Á¦ ÇØ°á ¹æ¹ý
ÀÚü float ÇØÁ¦ ¹®Á¦ ÇØ°á ¹æ¹ý
°á·Ð
[ CSS ¸¶½ºÅÍ Àü·« ]
1Àå ±âÃÊ ´ÙÁö±â
±¸Á¶°¡ źźÇÑ ÄÚµå ¸¸µé±â
Àǹ̸¦ »ì¸° ¸¶Å©¾÷
ID¿Í Ŭ·¡½º À̸§ Áþ±â
div¿Í span
¹®¼ À¯Çü, DOCTYPE Àüȯ, ºê¶ó¿ìÀú ¸ðµå
À¯È¿¼º °Ë»ç
ºê¶ó¿ìÀú ¸ðµå
DOCTYPE Àüȯ
½ºÅ¸ÀÏÀ» ²Ù¹Ð ´ë»ó ¼±ÅÃÇϱâ
¼±ÅÃÀÚ È°¿ë ±âÃÊ
À¯»ç Ŭ·¡½º ¼±ÅÃÀÚ
Àüü ¼±ÅÃÀÚ
°í±Þ ¼±ÅÃÀÚ
ÀÚ½Ä ¼±ÅÃÀÚ, ÀÎÁ¢ ÇüÁ¦ ¼±ÅÃÀÚ
¼Ó¼º ¼±ÅÃÀÚ
ij½ºÄ³À̵å È¿°ú¿Í Àû¿ë¼ø¼
ÁöÁ¤¼øÀ§
½ºÅ¸ÀÏ½ÃÆ®¿¡¼ ÁöÁ¤¼øÀ§ Ȱ¿ëÇϱâ
body ű׿¡ Ŭ·¡½º³ª ID ÁöÁ¤Çϱâ
»ó¼Ó
½ºÅ¸ÀÏ ½ÃÆ®¸¦ °èȹ/±¸¼º/°ü¸®ÇÏ´Â ¹æ¹ý
¹®¼¿¡ ½ºÅ¸ÀÏ Àû¿ëÇϱâ
ÄÚµå ÁÖ¼® Ȱ¿ë¹ý
±¸Á¶ Ç¥½Ã¸¦ À§ÇÑ ÁÖ¼®
ÀÛ¾÷ ±â·ÏÀ» À§ÇÑ ÁÖ¼®
ÁÖ¼®À» Á¦°ÅÇÏ°í ½ºÅ¸ÀÏ½ÃÆ® ÃÖÀûÈÇϱâ
½ºÅ¸ÀÏ °¡À̵å
¼Õ½¬¿î ½ºÅ¸ÀÏ½ÃÆ® À¯Áö°ü¸®¹ý
¿ä¾à
2Àå ȸé Ç¥½Ã¸¦ À§ÇÑ ¸ðµ¨ ¿Ïº® Á¤¸®
¹Ú½º ¸ðµ¨ ¿Ïº® Á¤¸®
À©µµ¿ì¿ë ÀÎÅÍ³Ý ÀͽºÇ÷η¯ÀÇ ¹Ú½º ¸ðµ¨
¸¶Áø °ãħ Çö»ó
Æ÷Áö¼Å´× ¿Ïº® Á¤¸®
ȸé Ç¥½Ã ¸ðµ¨
»ó´ë À§Ä¡
Àý´ë À§Ä¡
°íÁ¤ À§Ä¡
ÇÃ·ÎÆÃ
¶óÀιڽº¿Í ÇÃ·ÎÆ® ÇØÁ¦ ¹æ¹ý
¿ä¾à
3Àå ¹è°æ À̹ÌÁö¿Í À̹ÌÁö ´ëÄ¡ ±â¹ý
¹è°æ À̹ÌÁö ±âÃÊ ´ÙÁö±â
µÕ±Ù ¸ð¼¸® »óÀÚ ¸ð¾ç ¸¸µé±â
°íÁ¤Æø µÕ±Ù ¸ð¼¸® »óÀÚ ¸ð¾ç
À¯µ¿Æø µÕ±Ù ¸ð¼¸® »óÀÚ
¸¶¿îƾž ÄÚ³Ê
±×¸²ÀÚ È¿°ú
°£´ÜÇÑ ±×¸²ÀÚ È¿°ú ³»±â
Clagnut ½ºÅ¸ÀÏ ±×¸²ÀÚ È¿°ú
ºÎµå·¯¿î ±×¸²ÀÚ È¿°ú ¸¸µé±â
¿©·¯ °ãÀ¸·Î ¸¸µå´Â ±×¸²ÀÚ È¿°ú
À̹ÌÁö ´ëÄ¡ ±â¹ý
FIR ¹æ¹ý
ÆÄÅ© ¹æ¹ý
±æ´õ/·¹ºó ¹æ¹ý
IFR¿Í sIFR ¹æ¹ý
¿ä¾à
4Àå ¸µÅ© ¸ð¾ç ²Ù¹Ì±â
¸µÅ© ½ºÅ¸ÀÏ ±âÃÊ
¹ØÁÙÄ¡¸ç ³î±â
¿¹»Û ¸µÅ© ¹ØÁÙ ¸¸µé±â
¸µÅ© À¯Çüº°·Î ½ºÅ¸ÀÏ ÁöÁ¤Çϱâ
¹®¼³ª ´º½º ÇÇµå ´Ù¿î·Îµå¿ë ¸µÅ© ²Ù¹Ì±â
¹öư°ú ·Ñ¿À¹ö È¿°ú ¸¸µé±â
·Ñ¿À¹ö ±âÃÊ
À̹ÌÁö¸¦ »ç¿ëÇÑ ·Ñ¿À¹ö È¿°ú
ÇȽà ¹æ¹ýÀ» ÀÌ¿ëÇÑ ·Ñ¿À¹ö È¿°ú
¹æ¹®ÇÑ ¸µÅ© ½ºÅ¸ÀÏ ²Ù¹Ì±â
CSS·Î¸¸ ¸¸µå´Â ÅøÆÁ
¿ä¾à
5Àå ¸®½ºÆ® ½ºÅ¸Àϰú ³»ºñ°ÔÀÌ¼Ç ¹Ù ¸¸µé±â
¸®½ºÆ® ½ºÅ¸ÀÏ ±âÃÊ
¼¼·ÎÇü ³»ºñ°ÔÀÌ¼Ç ¹Ù ¸¸µé±â
³»ºñ°ÔÀÌ¼Ç ¹Ù¿¡¼ ÇöÀç ÆäÀÌÁö Ç¥½ÃÇϱâ
°¡·ÎÇü ³»ºñ°ÔÀÌ¼Ç ¹Ù ¸¸µé±â
½½¶óÀ̵ù µµ¾î È¿°úÀÇ ÅÇ ³»ºñ°ÔÀÌ¼Ç ¹Ù ¸¸µé±â
CSS À̹ÌÁö ¸Ê ¸¸µé±â
Çø®Ä¿ ½ºÅ¸ÀÏÀÇ À̹ÌÁö ¸Ê ¸¸µé±â
¸®¸ðÆ® ·Ñ¿À¹ö ¸¸µé±â
Á¤ÀÇ ¸®½ºÆ®
¿ä¾à
6Àå Á¢±Ù¼º ³ôÀº Æû°ú Å×ÀÌºí ¸¸µé±â
µ¥ÀÌÅÍ Å×ÀÌºí ½ºÅ¸ÀÏ ²Ù¹Ì±â
Å×ÀÌºí °ü·Ã ¿¤¸®¸ÕÆ® ¼Ò°³
½á¸Ó¸®¿Í ĸ¼Ç
thead, tbody, tfoot
col, colgroup
µ¥ÀÌÅÍ Å×ÀÌºí ¸¶Å©¾÷ ¸¸µé±â
Å×ÀÌºí ½ºÅ¸ÀÏ ²Ù¹Ì±â
È¸é ¸ð¾ç ¸¸µé±â
Ãß°¡ »çÇ× Ã³¸®
°£´ÜÇÑ Æû ·¹À̾ƿô ¸¸µé±â
À¯¿ëÇÑ Æû ¿¤¸®¸ÕÆ®
Æû ·¹À̺í
±âº» ·¹À̾ƿô
±âŸ ¿¤¸®¸ÕÆ® 󸮹æ¹ý
Àå½Ä ¸¶¹«¸®Çϱâ
Çʼö ÀÔ·ÂÇ׸ñ
º¹ÀâÇÑ Æû ·¹À̾ƿô ¸¸µé±â
Á¢±Ù¼ºÀ» °í·ÁÇÑ µ¥ÀÌÅÍ ÀÔ·Â ¹æ½Ä
´Ù´Ü ·¹À̾ƿôÀÇ Ã¼Å©¹Ú½º
Æû ¿¡·¯ ¸Þ½ÃÁö ¸¸µé±â
¿ä¾à
7Àå ·¹À̾ƿô
µðÀÚÀÎÀ» °¡·Î Áß°£¿¡ ¹èÄ¡Çϱâ
auto ¸¶Áø ÀÌ¿ë ¹æ¹ý
Æ÷Áö¼Å´× À½¼ö ¸¶Áø°ª ÀÌ¿ë ¹æ¹ý
ÇÃ·ÎÆ® ±â¹ÝÀÇ ·¹À̾ƿô
ÇÃ·ÎÆ®¸¦ ÀÌ¿ëÇÑ 2´Ü ·¹À̾ƿô
ÇÃ·ÎÆ®¸¦ ÀÌ¿ëÇÑ 3´Ü ·¹À̾ƿô
°íÁ¤ ·¹À̾ƿô, À¯µ¿ ·¹À̾ƿô
ȸéºñ·ÊÇü ·¹À̾ƿô
±ÛÀÚºñ·ÊÇü ·¹À̾ƿô
±ÛÀÚºñ·Ê-ȸéºñ·Ê È¥ÇÕÇü ·¹À̾ƿô
±ÛÀÚ¿Í È¸éÅ©±â¿¡ µû¶ó ´Ã¾î³ª´Â À̹ÌÁö
°¡Â¥ ´Ü ¸ð¾ç ¸¸µé±â
¿ä¾à
8Àå ÇÙ°ú ÇÊÅÍ
ÇÙ°ú ÇÊÅÍ
ÇÙ°ú ÇÊÅÍ »ç¿ë¿¡ ´ëÇÑ °æ°í
ÇÙ »ç¿ë½Ã À¯ÀÇÁ¡
°³º°ÀûÀÎ ½ºÅ¸ÀÏ½ÃÆ®¿¡ ÇÊÅÍ Àû¿ëÇϱâ
ÀÎÅÍ³Ý ÀͽºÇ÷η¯ Á¶°Ç ÁÖ¼®¹®
¹êµå ÆÐ½º ÇÊÅÍ
°³º°ÀûÀÎ ±ÔÄ¢°ú ¼±¾ð¿¡ ÇÊÅÍ Àû¿ëÇϱâ
ÀÚ½Ä ¼±ÅÃÀÚ ÇÊÅÍ
¼Ó¼º ¼±ÅÃÀÚ ÇÊÅÍ
º°Ç¥ HTML ÇÊÅÍ
¸Æ¿ë IEÀÇ ÁÖ¼®Ã³¸®µÈ ¹é½½·¡½Ã ÇÙ
¼Ó¼º¿¡ À̽ºÄÉÀÌÇÁ ¹®ÀÚ¸¦ »ç¿ëÇÏ´Â ÇÙ
ÅºÅØ ¹Ú½º ¸ðµ¨ ÇÙ
½±°Ô °³¼±µÈ ¹Ú½º ¸ðµ¨ ÇÙ
!important¿Í ¾ð´õ¹Ù ÇÙ
¿ÀÀ¢ ÇÙ
¿ä¾à
9Àå ºê¶ó¿ìÀú ¹ö±× ÇØ°áÇϱâ
¹ö±× Àâ±â
ÈçÈ÷ ¹ß»ýÇÏ´Â CSS ¹®Á¦
ÁöÁ¤¼øÀ§¿Í Á¤·Ä¹æ¹ý ¿À·ù
¸¶Áø °ãħ Çö»ó
¹ö±× Àâ±â ±âÃÊ
¹®Á¦ ºÐ¸®Çϱâ
Å×½ºÆ® ¹üÀ§ ÃÖ¼ÒÈÇϱâ
Áõ»óÀÌ ¾Æ´Ñ ¹®Á¦¿øÀÎ ¹Ù·Î Àâ±â
µµ¿ò ¿äûÇϱâ
·¹À̾ƿô
·¹À̾ƿôÀ̶õ?
·¹À̾ƿô ¶§¹®¿¡ »ý±â´Â È¿°ú
ÈçÈ÷ ¹ß»ýÇÏ´Â ¹ö±× ÇØ°á¹æ¹ý
´õºí¸¶Áø ÇÃ·ÎÆ® ¹ö±×
ÅØ½ºÆ® ÁÖº¯¿¡ 3Çȼ¿ °ø°£ Ç¥½Ã ¹ö±×
IE 6ÀÇ ¹®ÀÚ Áߺ¹ Ç¥½Ã ¹ö±×
IE 6ÀÇ ÇÇÄ¿ºÎ ¹ö±×
»ó´ëÁÂÇ¥ ÄÁÅ×À̳ʿ¡¼ Àý´ëÁÂÇ¥ ÁöÁ¤
ÀÎÅÍ³Ý ÀͽºÇ÷η¯ °ü·Ã À̾߱â
¿ä¾à
ºÎ·Ï¥° µ¿È£È¸ »çÀÌÆ® ¸¸µé±â
Àû¿ë »ç·Ê ¼Ò°³
ÇÏÀ§ ¼±ÅÃÀÚ¸¦ ÀÌ¿ëÇÑ ÄÁÅÙÆ® ¿µ¿ª Á¶Á¤
XHTML ±¸Á¶
¸í¸í ±ÔÄ¢¿¡ ´ëÇØ
3´Ü ·¹À̾ƿô
2´Ü ·¹À̾ƿô
1´Ü ·¹À̾ƿô
ºÒÇÊ¿äÇÑ ´Ü Á¦°Å
Ä÷³ ¶ç¿ì±â
°è»ê¹æ¹ý
¿Ã¹Ù¸¥ À§Ä¡¿¡ Ä÷³ ¶ç¿ì±â
body Ŭ·¡½º¸¦ ÀÌ¿ëÇØ¼ ÇöÀç ÆäÀÌÁö Ç¥½ÃÇϱâ
µå·ÓÀÎ ¹Ú½º
µÕ±Ù ¸ð¼¸® »óÀÚ ¸¸µé±â
Æò¸é Èò»ö »óÀÚ
Ưº°ÇÑ ¸ð¾ç ¸¸µé±â
Åõ¸í ¸ð¼¸®¿Í Å׵θ®¼±
À̹ÌÁö
CSS
¿øÇÏ´Â µ¿ÀÛÀ» À§ÇÑ Å¬·¡½º Á¶ÇÕ
À̹ÌÁö Ŭ·¡½º
±âº» À̹ÌÁö
Å׵θ®¼± ¾ø´Â À̹ÌÁö
Å« À̹ÌÁö
¸µÅ© ¸ð¾ç ²Ù¹Ì±â
»çÀ̵å¹Ù ¸µÅ©
¹æ¹®ÇÑ ¸µÅ© Ç¥½ÃÇϱâ
LVHA°¡ ¾Æ´Ï¶ó LAHV »ç¿ëÇϱâ
¿ÜºÎ ¸µÅ© ´Ù¸£°Ô Ç¥½ÃÇϱâ
±×¸²ÀÚ È¿°ú ¸¸µé±â
±×¸²ÀÚ À̹ÌÁö ¸¸µé±â
À̹ÌÁö¿¡ ÇÃ·ÎÆÃ ÁöÁ¤Çϱâ
¿ä¾à
ºÎ·Ï II Åõ½ºÄ«´Ï ·°¼Å¸® ¸®Á¶Æ®
Àû¿ë »ç·Ê ¼Ò°³
À¯µ¿ÀûÀÎ ·¹À̾ƿô
º»¹®°ú ÄÁÅ×À̳Ê
masthead
ÄÁÅÙÆ®¿Í »çÀ̵å¹Ù
À¯µ¿ÀûÀÎ ¼Ó¼º
ǪÅÍ
À¯µ¿ ·¹À̾ƿô °ü·Ã ¹®Á¦ ÇØ°áÇϱâ
Àý´ëÀ§Ä¡¸¦ ÀÌ¿ëÇÑ ¿¤¸®¸ÕÆ® ¹èÄ¡
À§Ä¡ °ü·Ã ¼Ó¼º
½×´Â ¼ø¼
¹è°æ À̹ÌÁö °ü·Ã ±â¹ý
»ó´ÜÀ» 3°³·Î ³ª´©±â
¹æÅºÀ¥ ±â¹ý Àû¿ëÇϱâ
À̹ÌÁö ´ëÄ¡ ±â¹ý
·Î°í À̹ÌÁö ´ëÄ¡
ù ´ë¹®ÀÚ À̹ÌÁö ´ëÄ¡
À¯µ¿ÀûÀÎ À̹ÌÁö
À¯µ¿ÀûÀÎ À̹ÌÁö¸¦ À§ÇÑ ÄÚµù
¸®½ºÆ® Ç׸ñ Çϳª¿¡ ¿©·¯ ¿¤¸®¸ÕÆ® ³Ö±â
¸Þ´º ÄÚµå ÀÛ¼º
¿ä¾à
µµ¼°Ë»ö
search
acornLoft
ÀÓº£µðµå ½Ã½ºÅÛ
À¥ ÇÁ·ÎÆä¼Å³Î
ÇØÅ·°ú º¸¾È
ÀÌŬ¸³½º ÇÁ·ÎÆä¼Å³Î
¿ÀǼҽº ÇÁ·Î±×·¡¹Ö
¼Ò¼È¹Ìµð¾î
°Ë»ö ¸¶ÄÉÆÃ¡¤À¥ ºÐ¼®
¾ÆÅ°ÅØÃ³
°ÔÀÓ °³¹ß ÇÁ·Î±×·¡¹Ö
UX ÇÁ·ÎÆä¼Å³Î
¸ð¹ÙÀÏ ÇÁ·Î±×·¡¹Ö
À©µµ¿ì ½Ã½ºÅÛ
ÇÁ¸®Á¨Å×À̼Ç
MONITOR GROUP
¼ÒÇÁÆ®¿þ¾î´ã·Ð
ÀÚ¹Ù/ÀÌŬ¸³½º
±×·¡ÇÈ µðÀÚÀÎ
Ç÷¡½Ã