|
|
|
Á¦ÇÁ¸® Á©µå¸¸ÀÇ À¥Ç¥ÁØ °¡À̵å
|
|
|
À§Å°ºÏ½º ¿ÀǼҽº À¥ ½Ã¸®Áî1
¤Ó Á¦ÇÁ¸® Á©µå¸¸(Jeffrey Zeldman)(Jeffrey Zeldman), ÀÌÁØ, ³²´öÇö
¤Ó
À§Å°ºÏ½º
¤Ó
Designing with Web standards
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
'À§Å°ºÏ½º ¿ÀǼҽº À¥' ½Ã¸®Áî, Á¦5±Ç ¡ºÁ¦ÇÁ¸® Á©µå¸¸ÀÇ À¥Ç¥ÁØ °¡À̵塻. Á¦2ÆÇ. À¥Ç¥ÁØ ºÐ¾ßÀÇ ÃÖ°í ±ÇÀ§ÀÚÀÎ ÀúÀÚ°¡ 2003³â¿¡ Àú¼úÇÏ¿© º£½ºÆ®¼¿·¯°¡ µÈ ¡´Designing With Web Standards¡µÀÇ ÃÊÆÇÀ» ¿ÏÀüÈ÷ »õ·Ó°Ô ¹ø¿ªÇÏ¿© Ãâ°£ÇÑ °ÍÀÌ´Ù.
ÀÌ Ã¥Àº Á¢±Ù¼ºÀÌ ³ôÀº À¥»çÀÌÆ®¸¸ÀÌ »ì¾Æ³²´Â Web2.0 ½Ã´ë¸¦ ´ëºñÇÏ¿©, ¿ì¸®°¡ ÆíÇÏ°í ºü¸£°Ô ÀÏÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁÖ´Â À¥Ç¥ÁØ¿¡ ´ëÇØ ÀÌÇØÇϱ⠽±°Ô ¼Ò°³ÇÏ°í ÀÖ´Ù. ¾Æ¿ï·¯ À¥Ç¥ÁØÀº ²À ÁöÄѾßÇÑ´Ù´Â »ý°¢À» ½É¾îÁØ´Ù.
-
-
¹«Áú¼ÇÑ À¥¿¡ Áú¼¸¦ ºÎ¿©ÇÏ´Ù!
¡°ÀÌÁ¦ À¥Ç¥ÁØÀº ±âÁØÀÌ µÇ°í ±ÔÁ¤ÀÌ µÇ°í ³ª¾Æ°¡¼´Â ¹ý·üÀÌ µÇ°í ÀÖ´Ù. óÀ½¿¡ À¥ÀÌ ¸¸µé¾îÁø ¸ñÀûÀ¸·Î ´Ù½Ã µ¹¾Æ°¡¼ À¥Àº ÀÌÁ¦ ¼·Î °¡Áö°í ÀÖ´ø À庮À» ±ú°í Á» ´õ ¸¹Àº »ç¶÷µéÀ» À§Çؼ Á» ´õ Æí¸®ÇÏ°Ô ¸¸µé¾îÁö´Â µµ±¸¸¦ ¾ò°Ô µÇ¾ú´Ù. ±×°ÍÀÌ À¥Ç¥ÁØÀÌ´Ù.¡±
¸í½Ç»óºÎÇÑ À¥Ç¥ÁØÀÇ ÃÖ°í ±ÇÀ§ÀÚ Á¦ÇÁ¸® Á©µå¸¸(Jeffrey Zeldman)ÀÌ ¾´ ÃÖ°í º£½ºÆ®¼¿·¯. À¥Ç¥ÁØÀ¸·Î ¸¸µé°í Á¢±Ù¼ºÀÌ ³ôÀº À¥»çÀÌÆ®¸¸ÀÌ »ì¾Æ³²´Â Web2.0 ½Ã´ë¸¦ ´ëºñÇÏ´Â Çʼöµµ¼¸¦ ¸¸³ªº¸ÀÚ.
º£½ºÆ®¼¿·¯ ÀÛ°¡ÀÌÀÚ µðÀÚÀ̳Ê, ±×¸®°í À¥Ç¥ÁØÀÇ Àüµµ»çÀÎ Á¦ÇÁ¸® Á©µå¸¸ÀÌ ¾÷°è¸¦ µÚÈçµé¾ú´ø ±×ÀÇ °¡À̵åºÏÀ» »õ·ÎÀÌ Æì³Â´Ù. ÃÊÆÇÀÌ Ãâ½ÃµÇ¾î Ç¥ÁØ ±â¹ÝÀÇ À¥µðÀÚÀÎÀ» ¼¼»ó¿¡ ¾Ë¸° ÀÌÈÄ, ´õ¿í ¹ßÀüµÈ À¥ µðÀÚÀÎ ¹æ¹ýµé°ú »õ·Ó°Ô º¯ÈµÈ ºê¶ó¿ìÀú¿¡ ´ëÇÑ ³»¿ëÀ» ÀüºÎ ´Ù·ç°í ÀÖ´Ù. ¸Å·ÂÀûÀÌ°í ÀçÄ¡ ³ÑÄ¡´Â ¹æ½ÄÀ¸·Î º¹ÀâÇÑ ³»¿ëÀ» ÀÌÇØÇϱ⠽±°Ô ´Ù·ç°í ÀÖ¾î, ¸¹Àº »ç¶÷µé¿¡°Ô ´õ ºü¸£°Ô ´Ù°¡°¥ ¼ö ÀÖÀ¸¸é¼ ¸¸µé°í À¯ÁöÇϱ⠽¬¿î »çÀÌÆ®¸¦ ¸¸µå´Â ÇÙ½ÉÀûÀÎ ¹æ¹ýÀ» ¾Ë·ÁÁØ´Ù.
-
-
1ºÎ: ÀÌ¹Ì ¹®Á¦´Â ¹ß»ýÇØ ¹ö·È´Ù
½ÃÀÛÇϱâ Àü¿¡
ºñ¿ë, ÁÙ¾îµå´Â È¿°ú
±¸½ÄÈÀÇ ¾Ç¼øȯ ³¡³»±â
ȣȯ¼ºÀ̶õ ¹«¾ùÀΰ¡?
±ÔÁ¤µµ ¾ø°í Á¤¼®µµ ¾ø´Ù
ÀÌ·ÐÀÌ ¾Æ´Ñ ½ÇÇà
²À ÀÌ Ã¥À» Àоî¾ß ÇÒ±î?
1Àå À¥»çÀÌÆ®ÀÇ 99.9%´Â ½Ã´ë¿¡ µÚ¶³¾îÁø´Ù
ÃֽŠºê¶ó¿ìÀúµé°ú À¥Ç¥ÁØ
¹öÀü ¹®Á¦
ÀÌÀü ¹öÀü¿¡ ´ëÇÑ °í·Á
³ª»Û ¸¶Å©¾÷¿¡ ÁÁÀº ÀÏÀÌ »ý±æ ¶§
ÇØ°áÃ¥
2Àå Ç¥ÁØ¿¡ ¸ÂÃç µðÀÚÀÎÇÏ°í Á¦ÀÛÇϱâ
°í»ý´ã
Ç¥ÁØÈ°¡ µµÀԵDZâ ÀÌÀüÀÇ µðÀÚÀÎ ºñ¿ë
±¸½Ã´ëÀûÀÎ ¹æ¹ýÀ¸·Î ¸¸µç Çö´ëÀûÀÎ À¥»çÀÌÆ®
ºñÂüÇÑ ¿Õ±¹
À¥Ç¥ÁØÀÇ ¼¼ °¡Áö ¿ä¼Ò
½ÇÇà
ÀýÃæ¹ýÀÇ ÀÌÁ¡
À¥Ç¥ÁØ ÇÁ·ÎÁ§Æ®: À̽ļº
A List Apart: ÇϳªÀÇ ÆäÀÌÁö, ´Ù¾çÇÑ µðÀÚÀÎ
¾ÕÀ¸·ÎÀÇ ¹ßÀü¹æÇâ
3Àå Ç¥ÁØÈ°¡ ¾î·Á¿î ÀÌÀ¯
º¸±â¿¡´Â ÁÁÁö¸¸ ½ÇÇàÇϱâ´Â ²ûÂïÇÏ´Ù
2000³â: ºê¶ó¿ìÀú°¡ ¿Ï¼ºµÈ ÇØ
³Ê¹« Àû´Ù? ³Ê¹« ´Ê¾ú´Ù?
³ª»Û ºê¶ó¿ìÀú°¡ ³ª»Û ½À°üÀ» ¸¸µç´Ù
È¥µ¿µÇ´Â »çÀÌÆ®¿Í °¥ÇǸ¦ ÀâÀ» ¼ö ¾ø´Â ¸íĪµé
Ç÷¡½Ã
ȣȯÀº ³ª»Û °ÍÀÌ´Ù
4Àå ÆÄÀδõºô·¯Æ¼(findability), Á¶Á÷, ºí·Î±×, ÆÌij½ºÆ®(Podcast), ·ÕÅ×ÀÏ, Ajax(±×¸®°í Ç¥ÁØÈ°¡ ´ë¼¼°¡ µÇ´Â ´Ù¸¥ ¿©·¯ °¡Áö ÀÌÀ¯µé)
¹ü¿ë¾ð¾î (XML)
XML ¾ÖÇø®ÄÉÀ̼ǰú... À¥ »çÀÌÆ®
ȣȯ¼º
»õ·Î¿î Çù·ÂÀÇ ½Ã´ë
À¥Ç¥ÁØ°ú ÀúÀÛ ÇÁ·Î±×·¥
CSS ·¹À̾ƿôÀÇ ÃâÇö
¸ñÀû ÀÖ´Â À¯Çà µû¶ó°¡±â
À¥Ç¥ÁØÀÇ ÁÖ·ù
2ºÎ µðÀÚÀΰú Á¦ÀÛ
5Àå ÃֽŠ¸¶Å©¾÷
³°Àº ¸¶Å©¾÷ÀÇ ¼û°ÜÁø ¿ÀÁ¡
À籸¼º
ÁÖ¿ä ¿ä¾à
¾î´À XHTMLÀÌ ´õ ¿ì¸®¿¡°Ô ¸ÂÀ»±î?
6Àå XHTML: À¥ÀÇ À籸¼º
XHTML·ÎÀÇ Àüȯ: °£´ÜÇÑ ±ÔÄ¢°ú ¼Õ½¬¿î °¡À̵å¶óÀÎ
½ÇÇà ¿ä¾à: XHTML ±ÔÄ¢
ºñÁÖ¾ó ¿ä¼Ò¿Í ±¸Á¶
7Àå È®½ÇÇÑ ÆäÀÌÁö¸¦ ´õ ºóÆ´¾ø°í °ß°íÇÏ°Ô: ¾ö°ÝÇÑ(Strict) ¸¶Å©¾÷¿¡¼ÀÇ ±¸Á¶¿Í ¸ÞŸ ±¸Á¶
¸ðµç ¿ä¼Ò¸¦ ±¸Á¶ÀûÀ¸·Î »ç¿ëÇØ¾ß ÇÒ±î?
È¥ÇÕÇü ·¹À̾ƿô°ú °£°áÇÑ ¸¶Å©¾÷: ÇØ¾ß ÇÒ °Í°ú ÇÏÁö ¸»¾Æ¾ß ÇÒ °Íµé
±¸½Ä ¹æ¹ýµé
8Àå XHTML ¿¹Á¦: È¥ÇÕÇü ·¹À̾ƿô(1ºÎ)
ÀüȯÇü ¹æ¹ýÀÇ ÀåÁ¡
±âº» Á¢±Ù¹ý(°³¿ä)
Ãʱ⠸¶Å©¾÷: ÃÖÁ¾ ¸¶Å©¾÷°ú °°´Ù
9Àå CSS ±âº»
CSS °£·«ÇÏ°Ô »ìÆ캸±â
½ºÅ¸ÀÏ ºÐ¼®
¿ÜºÎ, ³»ºÎ, inline ½ºÅ¸ÀÏ
¡®ÃÖ°í ºê¶ó¿ìÀú Å×½ºÆ®¡¯ ¹æ½Ä
10Àå CSS È°¿ë: È¥ÇÕÇü ·¹À̾ƿô(2ºÎ)
À̹ÌÁö Áغñ
±âº» ¿ä¼Ò ¼³Á¤Çϱâ
³×ºñ°ÔÀÌ¼Ç ¿ä¼Ò : ù ¹ø° ´Ü°è
³×ºñ°ÔÀ̼ǹ٠CSS: µÎ ¹ø° ´Ü°èÀÇ Ã¹ ¹ø° ½Ãµµ
³×ºñ°ÔÀ̼ǹ٠CSS: ¸¶Áö¸· ´Ü°è
¸¶Áö¸· ´Ü°è: ¿ÜºÎ ½ºÅ¸ÀÏ°ú ¡®ÇöÀçÀ§Ä¡¡¯ ³ªÅ¸³»±â
11Àå ºê¶ó¿ìÀú ´Ù·ç±â 1ºÎ: DOCTYPE Àüȯ°ú Ç¥ÁØ ¸ðµå
DOCTYPE ÀüȯÀÇ Àü¼³
ºê¶ó¿ìÀú ´Ù¾ç¼º¿¡ Ãà¹è¸¦!
12Àå ºê¶ó¿ìÀú ´Ù·ç±â 2ºÎ: Box Model, ¹ö±×, Â÷¼±Ã¥
Box Model°ú ÀÌ¿¡ ´ëÇÑ ºÒ¸¸µé
À©µµ¿ë ÀÎÅÍ³Ý ÀͽºÇ÷η¯ÀÇ °ø¹é ¹ö±×
À©µµ¿ë ÀÎÅÍ³Ý ÀͽºÇ÷η¯ ¡®Float¡¯ ¹ö±×
Flash¿Í QuickTime: °í°´ÀÇ ¿ä±¸¿¡ ÀÇÇÑ Object?
13Àå ºê¶ó¿ìÀú ´Ù·ç±â 3ºÎ: ŸÀÌÆ÷±×¶óÇÇ
»çÀÌÁî ¹®Á¦
»ç¿ëÀÚ Á¶Àý
±¸½Ã´ë »ç¶÷µéÀÇ °øÆ÷
µåµð¾î µîÀåÇÑ Ç¥ÁØ »çÀÌÁî
em ´ÜÀ§ÀÇ »ç¿ë: ¿ôÀ½°ú ´«¹°
Çȼ¿¿¡ ´ëÇÑ ¿Á¤
ÆùÆ® »çÀÌÁî Å°¿öµå ¹æ¹ý
ÃÖ°íÀÇ ½Ã±â
14Àå Á¢±Ù¼ºÀÇ ±âº»
Ã¥¿¡¼ÀÇ Á¢±Ù
ÀϹÝÀûÀΠȥ¶õ
±ÔÁ¤°ú ·¹À̾ƿô
Á¢±Ù¼º¿¡ °üÇÑ ¼Ò¹®µéÀÇ Áø»ó
¿ä¼Òº° Á¢±Ù¼º ÆÁ
Cynthia Says¸¦ ¾Ö¿ëÇÏÀÚ
Á¢±Ù¼º °èȹ: ¾î¶² ÀåÁ¡ÀÌ ÀÖÀ»±î
15Àå DOM ±â¹ÝÀÇ ½ºÅ©¸³Æ®·Î ÀÛ¾÷Çϱâ
DOM °ü·Ã ¼Àû
DOMÀ̶õ ¹«¾ùÀΰ¡?
16Àå CSS·Î µðÀÚÀÎÇϱâ
Á¶°ÇÀÇ Á¤ÀÇ
-
-
ÀÌ Ã¥¿¡¼´Â Ç¥ÁØÀ» ÅëÇØ À¥µðÀÚÀΰú Á¦ÀÛÀÇ ÀϹÝÀûÀÎ ¹®Á¦µéÀ» ÇØ°áÇÏ´Â ¸î °¡Áö ¹æ¹ýÀ» »ìÆ캼 °ÍÀÌ´Ù. ÀÌ Ã¥Àº ¹Ì·¡¿¡ ÇÊ¿äÇϸ®¶ó°í ¿¹»óµÇ´Â Çö½ÇÀûÀÌ°í Áï°¢ÀûÀÎ Çʿ伺¿¡ ÃÊÁ¡ÀÌ ¸ÂÃß¾îÁ® ÀÖ´Ù. ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ±â¼ú°ú ¹æ¹ýµéÀº ³ªÀÇ ¿¡ÀÌÀü½Ã¿¡¼ µðÀÚÀÎÇÏ°í Á¦ÀÛÇÑ ¹æ¹ý¿¡¼ ÀÌ¹Ì Å×½ºÆ®¸¦ Çغ¸°í ½Ç¿ë¼ºÀÌ ÀÔÁõµÈ °ÍµéÀ̸ç ÀÌ ¹æ¹ýµé°ú ¶Ç´Â °Å±â¼ ÆÄ»ýµÈ ¹æ¹ýµéÀº ¼öõ °³ÀÇ Áøº¸ÀûÀÎ »çÀÌÆ®¿¡¼ »ç¿ëµÇ¾ú´Ù. ´õ ¸¹Àº µðÀÚÀ̳ʵéÀÌ ÀÌ ¹æ¹ýÀ» »ç¿ëÇÒ¼ö·Ï »õ·Ó°í ´õ ÁÁÀº ±â¼úµéÀÌ »ý°Ü³ª°í °øÀ¯µÈ´Ù. ÀÌ Ã¥ÀÇ ¸ñÀû¿¡´Â ÀÌ »õ·Î¿î ¹æ¹ýµéÀ» ¼Ò°³ÇÏ°í ÃÖ¾ÇÀÇ °æ¿ì¿¡ ´ëÇÑ °æ°í¸¦ ÇÏ´Â °Íµµ ÀÖ´Ù.
À¥Ç¥ÁØÀÇ º¯ÈµéÀº °÷°÷¿¡¼, ¾î¶² °æ¿ì¿¡´Â ºü¸£°Ô ¾î¶² °æ¿ì¿¡´Â ´À¸®°Ô ÀϾ°í ÀÖ´Ù. ÀÌ º¯ÈµéÀº À¥ ÄÁÅÙÃ÷¸¦ ¸¸µé°Å³ª ¾÷µ¥ÀÌÆ®ÇÏ´Â ÀÛ¾÷À» ÇØ¾ß ÇÏ´Â »ç°í·Â ÀÖ´Â »ç¶÷µé¿¡¼ºÎÅÍ ½ÇÁúÀûÀ¸·Î Àνĵǰí ÀÖ´Ù. À¥Ç¥ÁØÀº °ð µðÀÚÀΰú »ç¿ë¼º, Á¤º¸±¸Á¶ ¸é¿¡¼ ±¤¹üÀ§ÇÏ°Ô ³íÀǵǰí Ž±¸µÉ °ÍÀÌ°í, °ÅÀÇ Çй®ÀÇ ÇÑ ºÐ¾ßó·³ Áß¿äÇÏ°Ô »ý°¢µÉ °ÍÀÌ´Ù-À̰͵éÀÌ ¿ì¸® »çÀÌÆ®¿Í ¿ì¸®°¡ ¸ö´ã°í ÀÖ´Â ¸ÅüÀÇ ¼ö¸í¿¡ ¾ø¾î¼´Â ¾È µÇ´Â °ÍµéÀ̱⠶§¹®ÀÌ´Ù.
ÀÌ Ã¥Àº ¹æ´ëÇÏ°í ÁÖÀǸ¦ ±â¿ï¿© ¸¸µé¾îÁ® ÀÖ±â´Â ÇÏÁö¸¸ Ç¥ÁØÀÌ À¥¿¡¼ ½Ã»çÇÏ´Â ¹Ù¸¦ °Ü¿ì ¼Ò°³³ª ÇÏ´Â Á¤µµ¿¡ ºÒ°úÇÏ´Ù. ÀÌ Ã¥À̳ª ´Ù¸¥ Âü°í ¼Àûµé¿¡¼ ´Ù·ç´Â ³»¿ëµéº¸´Ù CSS³ª Á¢±Ù¼º, ±¸Á¶ÀûÀÎ ¸¶Å©¾÷, ±×¸®°í DOM¿¡ °üÇÑ ³»¿ëÀº ¾öû³ª°Ô ´õ ¸¹´Ù. ±×¸®°í ¾Õ¿¡¼ ¾ð±ÞÇÑ °Íó·³ ¹®Á¦¿¡ ´ëÇÑ ÇØ°áÃ¥Àº ÀÌ Ã¥¿¡¼ º¸¿©ÁÖ´Â ¹æ¹ýº¸´Ù ÈξÀ ´õ ¸¹ÀÌ ÀÖ´Ù.
µÎ ¸íÀÇ µðÀÚÀ̳ʸ¦ ÇϳªÀÇ ¹æ¿¡ µÎ¸é ºÐ¸íÈ÷ ¼¼ °¡ÁöÀÇ ÀÇ°ßÀ» µéÀ» ¼ö ÀÖ´Ù. ¾î´À µðÀÚÀ̳ʵµ ÅؽºÆ®³ª ºê·£µùÀ̳ª ·¹À̾ƿô ¶Ç´Â »ö»ó¿¡ ´ëÇؼ ¼·Î Âù¼ºÇÏÁö ¾Ê´Â´Ù. Ç¥ÁØ¿¡¼µµ ¸¶Âù°¡ÁöÀÌ´Ù.
¾î¶² Ã¥µµ ¸ðµç »ç¶÷¿¡°Ô ¸ðµç °ÍÀ» ¾Ë·ÁÁÙ ¼ö´Â ¾ø´Ù. µû¶ó¼ ÀÌ Ã¥µµ ´Ü¼øÈ÷ ÀϹÝÀûÀÎ ¹æÇâÀ» Á¤ÇØÁÙ »Ó ÀÚ½ÅÀÇ ±æÀº ÀÚ½ÅÀÌ Ã£¾Æ¾ß ÇÑ´Ù. ÀÌ Ã¥ÀÇ ¿ªÇÒÀº ¾î¶»°Ô À¥Ç¥ÁØ ±â¼úµéÀÌ ¸Â¹°·Á¼ »óÀ§È£È¯ÀÌ µÇ´Â »çÀÌÆ®¸¦ ¸¸µå´ÂÁö¸¦ ÀÌÇØÇÏ´Â µ¥ µµ¿òÀ» ÁÖ´Â °Í »ÓÀÌ´Ù-±×¸®°í ±× ¹æ¹ýÀ» µû¶ó°¡´Âµ¥ ¾à°£ÀÇ ÆÁÀ» ÁÖ´Â °Íµµ ÀÖ´Ù.
ÀÌÀü¿¡ »ç¿ëÇÏ´ø ¹æ¹ýÀ¸·Î »çÀÌÆ®¸¦ µðÀÚÀÎÀ» ÇÏ¸é¼ 3³âÀÌ Áö³µÀ» ¶§ ¹æȲÀ» ÇÑ ÀûÀÌ ÀÖ¾ú°í, ±× µÚ·Î ÀÌ Ã¥ÀÇ ±âº»ÀÌ µÇ´Â ÀÌÇØÀÇ ´Ü°è¿¡ µµ´ÞÇϴµ¥ 8³âÀÌ °É·È´Ù. ¾î¼¸é ¿©±â¼ ´Ù·é ³»¿ëÀÇ ÀϺγª ¶Ç´Â ÀüºÎ¸¦ ¹Ý´ëÇÒÁöµµ ¸ð¸¥´Ù. Áß¿äÇÑ °ÍÀº ÀÛÀº Â÷ÀÌÁ¡¿¡ ÁýÂøÇϰųª ÇѵΠ°¡Áö ÀÛÀº ¹®Á¦¿¡ ´ëÇؼ È®½ÅÀÌ ¾ø´Ù´Â ÀÌÀ¯·Î ÀüºÎ¸¦ °ÅºÎÇÏÁö´Â ¸»¾Æ¾ß ÇÑ´Ù´Â °ÍÀÌ´Ù. ±×¸®°í ÇöÀçÀÇ À¥ ÇÁ·ÎÁ§Æ®°¡ ÃÖ´ëÇÑ ¸¹Àº »ç¶÷¿¡°Ô ¿À·§µ¿¾È ±×¸®°í ÃÖÀúÀÇ ºñ¿ëÀ¸·Î ¸¸µé¾îÁú ¼ö ÀÖµµ·Ï ÇÏ´Â °ÍÀÌ Áß¿äÇÑ Á¡ÀÌ´Ù.
Áö±Ý ½ÃÀÛÇÏÁö ¾Ê´Â´Ù¸é, ¾ðÁ¦ ½ÃÀÛÇÒ ¼ö ÀÖÀ»±î? ´ç½ÅÀÌ ÇÏÁö ¾Ê´Â´Ù¸é, ´©°¡ ÇÒ °ÍÀΰ¡?
-
-
|
Á¦ÇÁ¸® Á©µå¸¸(Jeffrey Zeldman)(Jeffrey Zeldman) [Àú]
|
|
-
Á¦ÇÁ¸® Á©µå¸¸Àº À¥¿¡¼ °¡Àå À¯¸íÇÑ µðÀÚÀ̳ÊÀÌ¸é¼ ÀÛ°¡ÀÌ´Ù. °³Ã´Á¤½ÅÀÌ ÅõöÇÑ ±×ÀÇ À¥»çÀÌÆ® zeldman.comÀº 1995³âºÎÅÍ ¼ö¹é¸¸ÀÇ À¥ µðÀÚÀÌ³Ê¿Í °³¹ßÀÚ ±×¸®°í ÄÁÅÙÃ÷ Àü¹®°¡µé¿¡°Ô Á¶¾ðÀ» ÁÖ°í Áñ°Å¿òÀ» ÁÖ¾ú´Ù. 1998³â ÀڽŵéÀÇ ºê¶ó¿ìÀú¿¡ °°Àº ±â¼úÀ» Áö¿øÇÏ°í CSS¸¦ ¾ÈÁ¤ÀûÀ¸·Î Áö¿øÇϵµ·Ï ¸¶ÀÌÅ©·Î¼ÒÇÁÆ®¿Í ³Ý½ºÄÉÀÌÇÁ¸¦ ¼³µæÇÑ À¥Ç¥ÁØÈ ÇÁ·ÎÁ§Æ®(The Web Standards Project)¸¦ °øµ¿ ¼³¸³Çß´Ù. ±×´Â À¥¿¡ ´ëÇÑ »ç¶÷µéÀÇ »ý°¢À» ±ú¿ìÃÄÁÖ°í, ±ÇÀ§ ÀÖ´Â À¥ Á¦ÀÛÀÚµéÀ» À§ÇÑ ¿Â¶óÀÎ °ø°£ÀÎ A List Apart(alistapart.com)ÀÇ ¹ßÇàÀÚÀÌ¸é¼ Å©¸®¿¡ÀÌƼºê µð·ºÅÍÀÌ°í, Ç¥Áرâ¹Ý µðÀÚÀÎ ÄÁÆÛ·±½º An Event Apart(aneventapart.com)¸¦ ¿¡¸¯ ¸¶À̾î(Eric Meyer)¿Í ÇÔ²² °øµ¿À¸·Î ¸¸µé¾ú´Ù. ¶Ç Taking Your Talent to the webÀÇ ÀúÀÚÀ̱⵵ ÇÏ´Ù.
-
|
ÀÌÁØ [Àú]
|
|
-
2000³â UI°³¹ßÀÚ·Î À¥ ¼¼»ó¿¡ ÀÔ¹® ÈÄ Å©·Î½º ºê¶ó¿ì¡, ÀÚ¹Ù½ºÅ©¸³Æ®, CSS °³¹ßÀ» ÇÏ¿´À¸¸ç °³ÀÎÀûÀÎ °øºÎ¿Í ¿µ¾î´É·ÂÇâ»óÀ» À§ÇØ Ä³³ª´Ù¿Í ¹Ì±¹¿¡¼ 2³â µ¿¾È À¯ÇлýÈ°À» ÇÏ°í ÇöÀç ´ÙÀ½Ä¿¹Â´ÏÄÉÀ̼ÇÀÇ Ä¿¹Â´ÏƼ°³¹ßÆÀ¿¡¼ UI °³¹ßÀ» ´ã´çÇÏ°í ÀÖ´Ù.
-
|
³²´öÇö [Àú]
|
|
-
À¥°³¹ß ¾÷üÀÎ IDEAPOOL¿¡¼ UIÆÀ ÆÛºí¸®¼Å·Î ±Ù¹«ÇÏ°í ÀÖ´Ù. ÀÇ¹Ì ÀÖ´Â ¸¶Å©¾÷À» Áß¿äÇÏ°Ô »ý°¢Çϸç, CSS¿Í À¥Ç¥ÁØ, Á¢±Ù¼º¿¡ ´ëÇÑ °ü½ÉÀÌ ¸¹´Ù. ÇöÀç Æ÷Å» »çÀÌÆ®ÀÇ À¥Ç¥ÁØÈ ÀÛ¾÷À» ÁøÇà ÁßÀÌ´Ù. ºí·Î±× htp://dstyle.org/¸¦ ¿î¿µÇÏ°í ÀÖ´Ù.
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|