°³¹ßÀÚ À¥ µðÀÚÀο¡ ¶Ù¾îµé´Ù
Programming Insight(ÇÁ·Î±×·¡¹Ö ÀλçÀÌÆ®)1
¤Ó ºê¶óÀ̾ð P. È£°Ç, ÀÌÁØÇÏ
¤Ó
ÀλçÀÌÆ®
¤Ó
Web design for developers : a programmer¡¯s guide to design tools and techniques
Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
°³¹ßÀÚµéÀº À¥»çÀÌÆ®°¡ ¾î¶² ¾ð¾î·Î ÀÛ¼ºµÇ´ÂÁö, ºê¶ó¿ìÀú°¡ ¾î¶»°Ô ·»´õ¸µÀ» ÇÏ´ÂÁö µîÀ» Àß ÀÌÇØÇÏÁö¸¸, »ö»óÀ̳ª ±Û²Ã µî¿¡´Â ±×¸® ½Å°æÀ» ¾²Áö ¾Ê´Â´Ù.¡º°³¹ßÀÚ À¥ µðÀÚÀο¡ ¶Ù¾îµé´Ù¡»´Â À½½Ä ·¹½ÃÇÇ À¥»çÀÌÆ®¸¦ ¸®´º¾óÇϸé¼, µðÀÚÀÎ ½Ã °í·ÁÇØ¾ß ÇÒ ±âº» »çÇ×µéÀ» Çϳª¾¿ ¤¾î°¡¸ç ¼³¸íÇÑ´Ù. À¥»çÀÌÆ®¿¡ »ç¿ëÇÒ »ö»óÀ» ¾î¶² ½ÄÀ¸·Î ¼±ÅÃÇÒÁö, ±Û²Ã°ú ÁÙ°£°ÝÀ» ¾î¶»°Ô ÁöÁ¤ÇØ¾ß Àбâ ÆíÇÑÁö µîÀ» ¼³¸íÇϸç, À̸¦ ±¸ÇöÇÒ ¶§´Â ¾î¶² ÇÁ·Î±×·¥(Æ÷Åä¼¥, ÀÏ·¯½ºÆ®·¹ÀÌÅÍ µî)À» ¾î¶² ½ÄÀ¸·Î »ç¿ëÇÏ´ÂÁö µîµµ ¾Ë·ÁÁØ´Ù. ¶ÇÇÑ ½ÇÁ¦ ½Ã°¢ Àå¾ÖÀεéÀÌ »ç¿ë¼º°ú Á¢±Ù¼ºÀ» °í·ÁÇÏÁö ¾ÊÀº »çÀÌÆ®¸¦ ¾î¶»°Ô º¸°Ô µÇ´ÂÁö »çÁøÀ¸·Î º¸¿©ÁØ´Ù.
HTML°ú CSSÀÇ ¹®¹ýÀ» ¾È´Ù°í Çؼ À¥ µðÀÚÀÎÀ» Àß ÇÒ ¼ö ÀÖÀ»±î?
°³¹ßÀÚµéÀº À¥»çÀÌÆ®°¡ ¾î¶² ¾ð¾î·Î ÀÛ¼ºµÇ´ÂÁö, ºê¶ó¿ìÀú°¡ ¾î¶»°Ô ·»´õ¸µÀ» ÇÏ´ÂÁö µîÀ» Àß ÀÌÇØÇÏÁö¸¸, »ö»óÀ̳ª ±Û²Ã µî¿¡´Â ±×¸® ½Å°æÀ» ¾²Áö ¾Ê´Â´Ù.
ÀÌ Ã¥Àº À½½Ä ·¹½ÃÇÇ À¥»çÀÌÆ®¸¦ ¸®´º¾óÇϸé¼, µðÀÚÀÎ ½Ã °í·ÁÇØ¾ß ÇÒ ±âº» »çÇ×µéÀ» Çϳª¾¿ ¤¾î°¡¸ç ¼³¸íÇÑ´Ù. À¥»çÀÌÆ®¿¡ »ç¿ëÇÒ »ö»óÀ» ¾î¶² ½ÄÀ¸·Î ¼±ÅÃÇÒÁö, ±Û²Ã°ú ÁÙ°£°ÝÀ» ¾î¶»°Ô ÁöÁ¤ÇØ¾ß Àбâ ÆíÇÑÁö µîÀ» ¼³¸íÇϸç, À̸¦ ±¸ÇöÇÒ ¶§´Â ¾î¶² ÇÁ·Î±×·¥(Æ÷Åä¼¥, ÀÏ·¯½ºÆ®·¹ÀÌÅÍ µî)À» ¾î¶² ½ÄÀ¸·Î »ç¿ëÇÏ´ÂÁö µîµµ ¾Ë·ÁÁØ´Ù. ¶ÇÇÑ ½ÇÁ¦ ½Ã°¢ Àå¾ÖÀεéÀÌ »ç¿ë¼º°ú Á¢±Ù¼ºÀ» °í·ÁÇÏÁö ¾ÊÀº »çÀÌÆ®¸¦ ¾î¶»°Ô º¸°Ô µÇ´ÂÁö »çÁøÀ¸·Î º¸¿©ÁØ´Ù.
À¥ µðÀÚÀο¡ ¶Ù¾îµéÁö´Â ¾Ê¾Ò´õ¶óµµ, À¥ µðÀÚÀÌ³Ê¿Í Á»´õ ±íÀÌ ÀÖ°Ô ´ëÈÇÏ°í ½Í´Ù¸é ÀÌ Ã¥ÀÌ ²À ÇÊ¿äÇÒ °ÍÀÌ´Ù.
ÀÌ Ã¥ÀÌ ´Ù·ç´Â ³»¿ë
- »ö»ó ¼³°è(color scheme), ±Û²Ã
- À̹ÌÁö, µðÀÚÀÎ ¸ñ¾÷
- µðÀÚÀÎÀ» HTML°ú CSS·Î ±¸ÇöÇϱâ
- À¥Ç¥ÁØ°ú Á¢±Ù¼º
- °Ë»ö ¿£Áø ÃÖÀûÈ
- ¸ð¹ÙÀÏ ±â±â¿ë µðÀÚÀÎ
- ¼º´É °³¼±
ÀÌ Ã¥¿¡ ¼ö·ÏµÈ ¸ðµç ¿¹Á¦ ÄÚµå´Â ÃâÆÇ»ç ½ºÇÁ¸µ³ëÆ®ÀÎ http://insightbook.springnote.com/pages/10882588¿¡¼ ´Ù¿î¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
¿Å±äÀÌÀÇ ±Û
1Àå µé¾î°¡¸ç
__1.1 ½ÃÀÛÇϱâ Àü¿¡
__1.2 µðÀÚÀÎ ÇÁ·Î¼¼½º µû¶ó°¡º¸±â
____¿ä±¸»çÇ× ¼öÁýÇϱâ
____Æ÷Åä¼¥ ÀÛ¾÷
____ÄÚµù
____Áغñ ¿Ï·á
____Ç×»ó ½¬¿î °Í¸¸Àº ¾Æ´Ï´Ù
__1.3 YourFoodbox.com
__1.4 ½ÃÀÛÇغ¼±î?
__1.5 °¨»çÀÇ ¸»
1ºÎ µðÀÚÀÎÀÇ ±âº»
2Àå »çÀÌÆ® ¸®µðÀÚÀÎÀÇ ±âº»: Ǫµå¹Ú½º Àç¼³°èÇϱâ
__2.1 ±âÁ¸ »çÀÌÆ®
__2.2 ¿ä±¸»çÇ× ¼öÁýÇϱâ
__2.3 ¸ñÀûÀ» ºÐ¸íÈ÷ ÇÏÀÚ
__2.4 ´ÙÀ½¿¡ ÇÒÀÏ
__2.5 ¾ÆÀ̵ð¾î ½ºÄÉÄ¡Çϱâ
____·¹À̾ƿô ±ÔÄ¢
____¼¼ °³ÀÇ ½ºÄÉÄ¡
__2.6 ½ºÄÉÄ¡ ¼±ÅÃ
__2.7 Á¤¸®
3Àå »ö ¼±ÅÃÇϱâ
__3.1 »öÀÇ ±âÃÊ
____»ö»ó, äµµ, ¸íµµ
____°¡»ê È¥ÇÕ°ú °¨»ê È¥ÇÕ
__3.2 »ö ÄÁÅؽºÆ®
__3.3 °¨Á¤À» Àϱú¿ì´Â »ö»ó
____µû¶æÇÑ »ö
____»¡°
____Â÷°¡¿î »ö
____ÀÚ¿¬»ö
____»ö°ú »ç¿ëÀÚ
__3.4 »ö»ó °èȹ
____´Ü»ö »ö»ó °èȹ
____ÀÎÁ¢ »ö»ó °èȹ
____º¸»ö »ö»ó °èȹ
____ÀÎÁ¢ º¸»ö »ö»ó °èȹ
__3.5 À¥ ¾ÈÀü »ö ÆÈ·¹Æ®
__3.6 »ö»ó °èȹ ¸¸µé±â
____±â¼úÀûÀÎ ¹æ¹ýÀ» »ç¿ëÇØ »öÀ» ¼±ÅÃÇϱâ
____ÀÚ¿¬ÀûÀÎ ¹æ¹ýÀ» »ç¿ëÇØ »ö»ó ¼±ÅÃÇϱâ
__... 3.7 »ö»ó °èȹ ¼±ÅÃÇϱâ
____Àü°æ»ö°ú ¹è°æ»ö
____¸µÅ©
__3.8 ¿ä¾à
4Àå ±Û²Ã°ú ŸÀÌÆ÷±×·¡ÇÇ
__4.1 ±Û²ÃÀÇ ±¸Á¶
__4.2 ±Û²Ã À¯Çü
____¼¼¸®ÇÁ ±Û²Ã
____»ê¼¼¸®ÇÁ ±Û²Ã
____°íÁ¤Æø ¶Ç´Â ´ÜÀÏÆø(monospaced) ±Û²Ã
__4.3 ±Û²Ã »ç¿ë½Ã Á¦¾à»çÇ×
____À¥ ¾ÈÀü ±Û²Ã
____À̹ÌÁö ´ëü
____±Û²Ã ½ºÅÿ¡¼ ´ëü ±Û²Ã ÁöÁ¤Çϱâ
__4.4 ±Û²Ã ¼±ÅÃÇϱâ
____ÄÜÅÙÃ÷ ±Û²Ã
____Ç¥Á¦ ±Û²Ã
__4.5 ±âÁؼ± ±×¸®µå »ç¿ëÇϱâ
____Çà °£°Ý
____ÃøÁ¤ ´ÜÀ§
____Foodbox¿¡ Àû¿ëÇÒ ±Û²Ã ¼±ÅÃÇϱâ
__4.6 ¿ä¾à
2ºÎ À̹ÌÁö Ãß°¡Çϱâ
5Àå Foodbox ·Î°í µðÀÚÀÎÇϱâ
__5.1 ÀÛ¾÷ Æú´õ ¼³Á¤Çϱâ
__5.2 Foodbox ·Î°í
__5.3 ³ª¸¸ÀÇ ·Î°í¸¦ ¿øÇÑ´Ù¸é?
__5.4 ¿ä¾à
6Àå ¸ñ¾÷ µðÀÚÀÎ: ÆäÀÌÁö ±¸Á¶
__6.1 ·¹ÀÌ¾î »ì¦ »ìÆ캸±â
__6.2 ±âº» ±¸Á¶
____ȸé Å©±â
____°íÁ¤Æø ·¹À̾ƿô
____±×¸®µå ¼³Á¤Çϱâ
____°¡À̵å·Î ¿µ¿ª ÁöÁ¤Çϱâ
____»óÀÚ ±×¸®±â
__6.3 ·Î°í ¹èÄ¡
__6.4 ·¹ÀÌ¾î ±×·ìÀ¸·Î ȸé Á¶Á÷ÈÇϱâ
__6.5 ·Î°í¿¡ ¹Ý¿µ(Ref lection) È¿°ú Ãß°¡Çϱâ
__6.6 ǪÅÍ
__6.7 ¿ä¾à
7Àå ¸ñ¾÷ µðÀÚÀÎ: ÄÜÅÙÃ÷
__7.1 °Ë»öâ ¸¸µé±â
__7.2 ·¹½ÃÇÇ ÅÂ±× Å¬¶ó¿ìµå
__7.3 Á¡Á¡ ´Ã¾î³ª´Â ÀÛ¾÷ ¹üÀ§
____Àç·á ÅÂ±× Å¬¶ó¿ìµå
__7.4 ¸ÀÀÖ¾î º¸ÀÌ´Â ¸¶½ºÅÍÇìµå ¸ñ¾÷
__7.5 ¸ÞÀÎ ÄÜÅÙÃ÷
____º»¹® ÅؽºÆ®
__7.6 ºê¶ó¿ìÀú Å×½ºÆ®
__7.7 ¿ä¾à
8Àå ¸ñ¾÷ ´Ùµë±â
__8.1 °Ë»ö ¾ÆÀÌÄÜ ¸¸µé±â
____¾ÆÀÌÄÜÀÇ ¹è°æ ¸¸µé±â
____µ¸º¸±â ¸¸µé±â
____°Ë»ö ¾ÆÀÌÄÜ ¹èÄ¡Çϱâ
__8.2 ȸ¿ø °¡ÀÔ°ú ·Î±×ÀÎ ¹öÆ° ¸¸µé±â
____ÅؽºÆ® Ãß°¡Çϱâ
____ȸ¿ø °¡ÀÔ ¹öÆ° Ãß°¡Çϱâ
__8.3 ÄÜÅÙÃ÷°¡ µµÂøÇß´Ù!
____´õ¹Ì ÅؽºÆ® ´ëüÇϱâ
____ÃÖ±Ù Ãß°¡µÈ ·¹½ÃÇÇ ¿µ¿ª Ãß°¡Çϱâ
__8.4 ¿ä¾à
3ºÎ »çÀÌÆ® ¸¸µé±â
9Àå HTML·Î ȨÆäÀÌÁö ¸¸µé±â
__9.1 À¥ Ç¥ÁØÀ¸·Î ÀÛ¾÷Çϱâ
__9.2 ȨÆäÀÌÁö ±¸Á¶
__9.3 ½Ã¸Çƽ ¸¶Å©¾÷
__9.4 ȨÆäÀÌÁö ±¸Á¶
____Doctype
____HTML ű×
____¼Ó¼º
____Head¿Í Body
____´Ý´Â űװ¡ ¾ø´Â ű×
____ÆäÀÌÁö ŸÀÌƲ
__9.5 Çì´õ
__9.6 »çÀ̵å¹Ù
____°Ë»ö Æû
____·¹½ÃÇÇ ÅÂ±× Å¬¶ó¿ìµå
____Àç·á ÅÂ±× Å¬¶ó¿ìµå
__9.7 ¸ÞÀÎ ÄÜÅÙÃ÷
____ÆĽºÅ¸ À̹ÌÁö
____ÅؽºÆ® ÄÜÅÙÃ÷
____ȸ¿ø °¡ÀÔ°ú ·Î±×ÀÎ ¹öÆ°
____ÃÖ±Ù ·¹½ÃÇÇ ¼½¼Ç
__9.8 ǪÅÍ
__9.9 ¸¶Å©¾÷ À¯È¿¼º °Ë»ç
____À¥ ÆäÀÌÁö °³¹ßÀ» À§ÇÑ ÆÄÀ̾îÆø½º ¼³Á¤Çϱâ
____À¥ °³¹ßÀÚ Åø¹Ù
____¹®¼ÀÇ À¯È¿¼º °ËÁõÇϱâ
__9.10 HTML 5
__9.11 ¿ä¾à
10Àå ¸ñ¾÷¿¡¼ À̹ÌÁö ¸¸µé±â
__10.1 ±×·¡ÇÈ ÃÖÀûÈ
____ÀÛÀº À̹ÌÁö´Â ÃÖÁ¾ »ç¿ëÀÚ°¡ Á»´õ »ç¿ëÇϱ⠽±´Ù
____ÀÛÀº À̹ÌÁö´Â ´ë¿ªÆø¿¡ ÁÖ´Â ÀåÁ¡µµ ÀÖ´Ù
____ÀÛÀº À̹ÌÁö´Â ¹°¸®ÀûÀÎ °ø°£µµ ´ú Â÷ÁöÇÑ´Ù
____´Ù¿î·Îµå ½Ã°£
__10.2 ´Ù¾çÇÑ ±×·¡ÇÈ Æ÷¸Ë ´Ù·ç±â
____GIF
____PNG
____JPEG
__10.3 ¹®¼ À߶󳻱â
____¸ñ¾÷¿¡ ´ëÇÑ ÀçÈ®ÀÎ
__10.4 ½½¶óÀ̽º ¸¸µé±â
____³ª¸ÓÁö À̹ÌÁö À߶󳻱â
__10.5 Åõ¸íÇÑ PNG·Î ¹è³Ê ¸¸µé±â
____·¹ÀÌ¾î °¨Ãß±â
____½½¶óÀ̽º ÀúÀåÇϱâ
__10.6 ³ª¸ÓÁö ¿ä¼Ò ³»º¸³»±â
__10.7 ¿ä¾à
11Àå CSS·Î ·¹À̾ƿô ¼³Á¤Çϱâ
__11.1 ºê¶ó¿ìÀú´Â ¹«½Ã¹«½ÃÇÏ´Ù
__11.2 CSSÀÇ ±âÃÊ
____¼±ÅÃÀÚ
____¼±¾ðºÎ : ¼Ó¼º°ú °ª
____°ãÄ¡´Â ºÎºÐ
__11.3 ºê¶ó¿ìÀú¿¡¼´Â CSS¸¦ ¾î¶»°Ô »ç¿ëÇϳª
____ÀζóÀÎ ½ºÅ¸ÀÏ
____Style ű×
____¿ÜºÎ CSS ÆÄÀÏ
__11.4 »õ·Î¿î ½ºÅ¸ÀϽÃÆ®¸¦ ¸¸µé°í ¸µÅ© °É±â
__11.5 ±âº» ±¸Á¶, Çì´õ, ǪÅÍ Á¤ÀÇÇϱâ
____ºê¶ó¿ìÀú ±âº»°ª
____¹Ú½º ¸ðµ¨
____ÄÜÅÙÃ÷ °¡¿îµ¥ Á¤·Ä
____Çì´õ¿Í ǪÅÍ ÁöÁ¤Çϱâ
__11.6 ÇϳªÀÇ Ä÷³À» µÎ °³·Î ³ª´©±â
____¹®¼ Ç÷οì
____¶ç¿ì±â
____¹è°æ°ú ¶ç¿ì±âÀÇ ¹®Á¦
__11.7 ÄÜÅÙÃ÷¿¡ ¸¶Áø Àû¿ëÇϱâ
____»çÀ̵å¹Ù ¿ä¼Ò ºü¸£°Ô Æ÷¸Ë ÁöÁ¤Çϱâ
__11.8 ¸ÞÀÎ ÄÜÅÙÃ÷
____¸ÞÀÎ ÅؽºÆ®
____ȸ¿ø °¡ÀÔ ¿µ¿ª
____ÃÖ±Ù ·¹½ÃÇÇ
__11.9 ǪÅÍ ´Ù½Ã º¸±â
__11.10 ¿ä¾à
12Àå Ä¿¹ö¾÷ ±â¹ýÀ¸·Î ŸÀÌƲ ¿µ¿ªÀ» ´ëüÇϱâ
__12.1 Ä¿¹ö¾÷ ±â¹ý ¼³¸í
__12.2 ´ëüÇÒ HTML ÁغñÇϱâ
__12.3 ÅؽºÆ® µ¤±â
__12.4 ´Ù¸¥ ŸÀÌƲ ´ëüÇϱâ
__12.5 ¸µÅ© ´ëüÇϱâ
____Åõ¸íµµ
__12.6 ´ëü ±â¹ýÀÇ ºÎÁ¤ÀûÀÎ ¸é
__12.7 ¿ä¾à
13Àå ½ºÅ¸ÀÏ Àû¿ëÇϱâ
__13.1 »ö»ó°ú ±Û²Ã ¼³Á¤Çϱâ
____½ºÅ¸ÀÏ °¡À̵åÀÇ Á߿伺
____°¡»ó Ŭ·¡½º
__13.2 ÅÂ±× Å¬¶ó¿ìµå
__13.3 °Ë»ö ¾ç½Ä
__13.4 ǪÅÍ
__13.5 ¹ÌÁøÇÑ ºÎºÐ Á¤¸®Çϱâ
____À̹ÌÁö °æ°è¼± Á¦°ÅÇϱâ
____¹è³Ê »ö»ó È®ÀåÇϱâ
__13.6 ¿ä¾à
14Àå Àμ⿡ ÀûÇÕÇÑ ÆäÀÌÁö ¸¸µé±â
__14.1 Àμâ ÁغñÇϱâ
__14.2 Àμ⠽ºÅ¸ÀϽÃÆ® ¿¬°áÇϱâ
__14.3 ÇÊ¿äÇÏÁö ¾ÊÀº ¿ä¼Ò Á¦°ÅÇϱâ
____noprint Ŭ·¡½º
__14.4 ¸¶Áø, ³ÐÀÌ, ±Û²Ã ¼³Á¤Çϱâ
____ÆäÀÌÁö ¸¶Áø
____±Û²Ã ÁýÇÕ(Font Family) ¼±ÅÃÇϱâ
____±¸ºÐÀÚ Ãß°¡Çϱâ
__14.5 ¸µÅ© °íÁ¤½ÃÅ°±â
__14.6 ³î¶õ »ç¿ëÀÚ ´Ù·ç±â
__14.7 ¿ä¾à
4ºÎ ¿ÀÇ ÁغñÇϱâ
__15Àå ÀÎÅÍ³Ý ÀͽºÇ÷η¯¿Í ´Ù¸¥ ºê¶ó¿ìÀú ´Ù·ç±â
__15.1 ¾î¶² °ÍÀ» Áö¿øÇÒÁö °áÁ¤Çϱâ
____ºê¶ó¿ìÀú Áö¿ø
____±â´É Áö¿ø
__15.2 ºê¶ó¿ìÀú Åë°è
__15.3 ÀÎÅÍ³Ý ÀͽºÇ÷η¯: ¹«½ÃÇÒ ¼ö ¾ø´Â ¾Ç
____¾à°£ÀÇ ±ÕÇü°¨
__15.4 ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 7
____IE¿¡¼ Quirks ¸ðµå
__15.5 ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 6
____±úÁø ¿ä¼Ò °íÄ¡±â
____Ä÷³ °íÁ¤Çϱâ
____Åõ¸íµµ ¼öÁ¤Çϱâ
____Çì´õ À̹ÌÁö ¾Æ·¡ ¿©¹é ¼öÁ¤Çϱâ
__15.6 ÀÎÅÍ³Ý ÀͽºÇ÷η¯ 8
____Á¢±Ù ¹æ½ÄÀÇ ¹®Á¦Á¡
__15.7 ´Ù¸¥ ºê¶ó¿ìÀú
__15.8 ¿ä¾à
16Àå Á¢±Ù¼º°ú »ç¿ë¼º
__16.1 Á¢±Ù¼ºÀº ´ç½Å¿¡°Ô ¾î¶² ÀǹÌÀΰ¡?
__16.2 ±âº»ÀûÀÎ Á¢±Ù¼º À̽´
____½Ã°¢ Àå¾Ö°¡ ÀÖ´Â »ç¶÷
____»ö¸Í »ç¿ëÀÚ
____½Ã·Â Àå¾Ö°¡ ÀÖ´Â »ç¶÷µé
____û°¢ Àå¾Ö°¡ ÀÖ´Â »ç¶÷µé
____±ÙÀ° Àå¾Ö¿Í ¸¶¿ì½º¸¦ »ç¿ëÇÏÁö ¾Ê´Â °æ¿ì
__16.3 ¸ðµÎ¸¦ À§ÇØ!
____³»ºñ°ÔÀ̼Ç
____¿À·ù ó¸®
____Å©·Î½º ºê¶ó¿ìÀú Å×½ºÆ®
__16.4 ½É°¢ÇÑ ºñÁî´Ï½º ¹®Á¦
__16.5 »çÀÌÆ®ÀÇ Á¢±Ù¼º Çâ»ó½ÃÅ°±â
____°Ç³Ê¶Ù±â ¸µÅ© Ãß°¡Çϱâ
____½ºÅ©¸° ¸®´õ¿Í display:none
____³×°ÅƼºê Æ÷Áö¼Å´×À¸·Î °Ç³Ê¶Ù±â ¸µÅ© ¼û±â±â
____Æû¿¡ ¶óº§ Ãß°¡Çϱâ
__16.6. ÅÇ
____tabindex ÇÇÇϱâ
__16.7 Á¢±Ù¼º Å×½ºÆ® Á¡°Ë ¸ñ·Ï
__16.8 ¿ä¾à
17Àå ÆĺñÄÜ ¸¸µé±â
__17.1 °£´ÜÇÑ ¾ÆÀÌÄÜ ¸¸µé±â
__17.2 ÆĺñÄÜ ¸¸µé±â
__17.3 ¿ä¾à
18Àå °Ë»ö ¿£Áø ÃÖÀûÈ
__18.1 ÄÜÅÙÃ÷°¡ ¿ÕÀÌ´Ù
____°Ë»ö ¿£Áø ¼ÓÀ̱â
____ÄÜÅÙÃ÷¶õ ¹«¾ùÀΰ¡?
__18.2 Å°¿öµå ¼±ÅÃÇϱâ
____±×µéÀÌ ´ç½ÅÀ» ¾î¶»°Ô ãÀ»Áö¸¦ »ý°¢Çغ¸ÀÚ
____¾î¶² ½ÄÀ¸·Î ã¾ÆÁö±â¸¦ ¿øÇÏ´ÂÁö °áÁ¤ÇÏÀÚ
____°æÀï»ç ½ºÆÄÀÌ
____Å°¿öµå Ãß°¡Çϱâ
__18.3 ÄÜÅÙÃ÷ Á¶È½ÃÅ°±â
__18.4 »ç¿ëÀÚµéÀÌ ¶°³¯ ¸¸ÅÀÇ ÃÖÀûÈ´Â ÇÇÇÏÀÚ!
__18.5 ¸µÅ©
__18.6 ¸ðµç °ÍÀº »ó½ÄÀ¸·Î ±ÍÂøµÈ´Ù
__18.7 ¿ä¾à
19Àå ¸ð¹ÙÀÏ µð¹ÙÀ̽º¸¦ À§ÇÑ µðÀÚÀÎ
__19.1 ¸ð¹ÙÀÏ »ç¿ëÀÚ
__19.2 (¸Å¿ì) ÀÛÀº ȸéÀ» »ý°¢Çغ¸±â
__19.3 ÀÚ¹Ù½ºÅ©¸³Æ®
__19.4 ¸ð¹ÙÀÏ ÄÜÅÙÃ÷ Á¦°øÇϱâ
____¸ð¹ÙÀÏ ½ºÅ¸ÀϽÃÆ®
____À¯Àú ¿¡ÀÌÀüÆ®(User Agent) ŽÁö
____¿©·¯ ÇÏÀ§ µµ¸ÞÀÎ »ç¿ëÇϱâ
__19.5 ¹«¾ùÀ» Áö¿øÇÒÁö °áÁ¤Çϱâ
____ÄÜÅÙÃ÷¸¦ º¹»çÇÏÁö ¾Ê°í »çÀÌÆ®¸¦ ¹Ì·¯¸µÇϱâ
____ÄÜÅÙÃ÷ º¯°æ
____Çڵ鷯 ÀÛ¼ºÇϱâ
____°³¼±ÇÒ Á¡
__19.6 ¸ð¹ÙÀÏ »ç¿ëÀÚ¸¦ À§ÇÑ ±¸Á¶ °³¼±
__19.7 ¿ä¾à
20Àå Å×½ºÆ®¿Í ¼º´É Çâ»ó
__20.1 ¼º´É Çâ»óÀ» À§ÇÑ Àü·«
__20.2 °áÁ¤ÀûÀÎ ¼º´É À̽´
____¼Óµµ Å×½ºÆ®
____YSlow
__20.3 ¼º´É ¹Ù·ÎÀâ±â
ºê¶óÀ̾ð P. È£°Ç [Àú]
1995³âºÎÅÍ À¥»çÀÌÆ®¸¦ °³¹ßÇÏ´Â ÇÁ¸®·£¼¿Í ÄÁ¼³ÅÏÆ®·Î È°µ¿ÇÏ¿´´Ù. ¿Â¶óÀÎ HTML5 ¿¡µðÅÍÀÎ Rendera(http://rendera.heroku.com)¸¦ °³¹ßÇÏ¿´À¸¸ç, ÀÌÈķεµ ²ÙÁØÈ÷ ·çºñ(Ruby), jQuery, HTML5, CSS3À» ÀÌ¿ëÇÑ À¥ ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ß ÁßÀÌ´Ù. [HTML5 & CSS3](ÀλçÀÌÆ®)ÀÇ ÀúÀÚÀ̱⵵ ÇÏ´Ù.
ÀÌÁØÇÏ [Àú]
ÇöÀç ¢ßÅõºñ¼ÒÇÁÆ®¿¡¼ °³¹ßÀÚµéÀÇ ÇູÇÑ »îÀ» À§ÇØ ³ë·ÂÇÏ°í ÀÖÀ¸¸ç, '¿ÀÌ ¾ÆºüÀÇ RIA À̾߱â(http://koko8829.tistory.com)'¶ó´Â ºí·Î±×¸¦ ÅëÇØ ´Ù¾çÇÑ ½Ã°¢À» ³ª´©°í, »õ·Î¿î °æÇèÀ» Áß½ÉÀ¸·Î ³ªÅ¸³ª´Â ¿©·¯ °¡Áö Çö»óÀ» Ž±¸ÇÏ°í ÀÖ´Ù. ÃÖ±Ù¿¡´Â ±â¾÷ ȯ°æ¿¡ ÃÖÀûÈµÈ RIA ¼Ö·ç¼ÇÀ» °í¹ÎÇϸç ÆäÀ̽ººÏ ÆäÀÌÁö BizRIA(http://www.facebook.com/BizRIA)¿¡¼ ´Ù¾çÇÑ ÀλçÀÌÆ®¸¦ °øÀ¯ÇÏ´Â µ¥ °ü½ÉÀÌ ¸¹´Ù.
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.