|
|
|
|
|
|
|
Ã¥³»¿ë |
|
óÀ½ À¥ ÇÁ·Î±×·¡¹ÖÀ» °æÇèÇÏ´Â »ç¶÷À» À§ÇÑ Ä£ÀýÇÑ ¾È³»¼
ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¡¹ÖÀÇ Ãâ¹ß¼±¿¡ ¼± »ç¶÷ÀÇ ÀÔÀåÀ» °í·ÁÇØ ¸¸µé¾ú´Ù. ¿À·§µ¿¾È °³¹ß ÇöÀå¿¡¼ °³¹ßÀÚ·Î ±×¸®°í °ÀÇ ÇöÀå¿¡¼ °»ç·Î »ì¾Æ¿À¸é¼ óÀ½ ¹è¿ì´Â »ç¶÷¿¡°Ô Áö³ªÄ¡°Ô ¼¼ºÎÀûÀÎ »çÇ×À» ³ª¿ÇÏ´Â °ÍÀº ¿ÀÈ÷·Á ¹è¿òÀ» ¹æÇØÇÏ°í ½±°Ô ÁöÄ¡°Ô ¸¸µç´Ù´Â ±ú´ÞÀ½À» ³ì¿©³½ Ã¥ÀÌ´Ù. ²À ¾Ë¾Æ¾ß ÇÒ ³»¿ë Áß½ÉÀ¸·Î ½±°Ô ¼³¸íÇÏ°í Ä£ÀýÇÑ ±Û°ú ÇÑ´«¿¡ ½±°Ô ÆľÇÇÒ ¼ö ÀÖµµ·Ï ÀúÀÚÀÇ °æÇèÀ» ¹Ý¿µÇÑ ±×¸² ¹× ȸé ĸó, ÄÚµå ¼³¸íÀÌ ¾î¿ì·¯Á® ÀÖ´Ù.
ÀÌ Ã¥ ÇÑ ±ÇÀ¸·Î ¸ð´ø À¥ °³¹ß¿¡ ÇÊ¿äÇÑ ±âÃÊ Ã¼·ÂÀ» ¹è¾çÇÒ ¼ö ÀÖ´Ù.
- À¥°ú ÀÎÅͳÝ, À¥ ºê¶ó¿ìÀú¿Í HTMLÀÇ °³³ä°ú ¿ª»ç ¿Ïº® Á¤¸®
- À¥ ºê¶ó¿ìÀú¿¡¼ ÅؽºÆ®, À̹ÌÁö, µ¿¿µ»óÀ» Ç¥ÇöÇÏ´Â HTML5
- HTML5·Î ¸¸µç ÄÜÅÙÃ÷¸¦ ´õ ¿¹»Ú°Ô ²Ù¹Ì´Â ±â¼úÀÎ CSS3
- HTML5¿Í CSS3·Î ¸¸µç Á¤ÀûÀÎ À¥ ÆäÀÌÁö¿¡ »ýµ¿°¨À» ºÒ¾î ³Ö´Â ±â¼ú ÀÚ¹Ù½ºÅ©¸³Æ®
±º´õ´õ±â ¾øÀÌ ÇÙ½ÉÀ» ¹Ù·Î ¼³¸íÇÏ°í ¹Ù·Î µû¶óÇØ º¼ ¼ö ÀÖ´Â °£°áÇÑ ¿¹Á¦¿Í ¹è¿î ±â¼úÀ» ¸ð¾Æ¼ ½ÃÇèÇØ º¼ ¼ö ÀÖµµ·Ï ´Ü°èº° ÅëÇÕ ½Ç½À±îÁö ¿Ïº®ÇÏ´Ù.
¡Ü ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ³»¿ë
1ºÎ¿¡¼´Â À¥ °³¹ß¿¡ ´ëÇÑ ¿Ã¹Ù¸¥ »ç°íÀÇ Æ²À» Çü¼ºÇϱâ À§ÇØ Áö±Ýµµ ¼ºÀåÇÏ°í ÀÖ´Â ÀÎÅͳݰú À¥ »ýÅ°谡 ¾î¶»°Ô µîÀåÇß°í ¹ßÀü °úÁ¤ÀÌ ¾î¶°Çß´ÂÁö¸¦ °£·«È÷ »ìÆ캻´Ù. ¶ÇÇÑ HTMLÀÇ ¹ßÀü °úÁ¤°ú À¥ ºê¶ó¿ìÀú ÀüÀïÀÇ °úÁ¤À» Èï¹Ì·Ó°Ô ¼³¸íÇÏ°í ÀÖÀ¸¸ç, ¸¶Áö¸·À¸·Î À¥ ÇÁ·Î±×·¡¹Ö ÇнÀ¿¡ µé¾î°¡±â À§ÇÑ °³¹ß ȯ°æÀ» ±¸¼ºÇÑ´Ù.
2ºÎ¿¡¼´Â HTMLÀ» ±¸¼ºÇÏ°í ÀÖ´Â ±âº» ¿ä¼Òµé°ú ÀÌµé ¿ä¼Ò¿¡ ¼Ó¼ºÀ» ºÎ¿©ÇÔÀ¸·Î½á ¾î¶² º¯È¸¦ À̲ø¾î ³¾ ¼ö ÀÖ´ÂÁö ÇнÀÇÑ´Ù. Å×À̺í°ú ¸ÞŸ ű×, ¸ñ·Ïó·³ HTMLÀ» ÅëÇØ Ç¥ÇöÇÒ ¼ö ÀÖ´Â ÄÜÅÙÃ÷¸¦ º¸´Ù dz¿ä·Ó°Ô ´Ù·ê ¼ö ÀÖ´Â ¿ä¼Òµé¿¡ ´ëÇØ ÇнÀÇÏ°í ³ª¼ ¿Àµð¿À, ºñµð¿À, µå·¡±× ¾Ø µå·Ó µî À¥ ÇÁ·Î±×·¡¹ÖÀÇ »õ·Î¿î ¿µ¿ªÀ» °³Ã´ÇÏ°í ÀÖ´Â HTML5 ±â¼úÀÇ ÇÙ½É ±â´Éµé¿¡ ´ëÇؼ ½Ç½À À§ÁÖ·Î ÇнÀÇÑ´Ù.
3ºÎ¿¡¼´Â ¸ÕÀú CSSÀÇ ±âº» ¹®¹ý°ú °³³ä¿¡ ´ëÇØ ÇнÀÇÑ´Ù. ±× ´ÙÀ½ CSS¸¦ ±¸¼ºÇÏ´Â ±âº» ¿ä¼Òµé°ú HTMLÀÇ Æ¯Á¤ ¿ä¼ÒµéÀ» ¼±ÅÃÇÏ¿© CSS ¼Ó¼ºÀ» Àû¿ëÇÒ ¼ö ÀÖ°Ô ÇÏ´Â CSS ¼±ÅÃÀÚÀÇ »ç¿ë¹ý¿¡ ´ëÇؼ ¹è¿î´Ù. ¸¶Áö¸·À¸·Î ¿ä¼ÒÀÇ ¸ð¼¸®¸¦ µÕ±Û°Ô ¸¸µå´Â border-radius, ¹è°æÀ» Á¶ÇÕÇÏ´Â multiple-background, ÆîÃÄÁöµí »öÀÌ º¯ÇÏ´Â Gradient¿Í ±×¸²ÀÚ È¿°ú µî CSS3¿¡¼ »õ·ÎÀÌ Á¦°øÇÏ´Â ±â´ÉÀ» È°¿ëÇؼ ȸéÀ» ´õ¿í ¾Æ¸§´ä°Ô Ç¥ÇöÇÒ ¼ö ÀÖ´Â CSS3ÀÇ ÁÖ¿ä ±â´É°ú »ç¿ë¹ýÀ» ÀÍÈù´Ù.
4ºÎ¿¡¼´Â À¥ÆäÀÌÁö¿¡¼ È°¿ëµÉ »Ó¸¸ ¾Æ´Ï¶ó ¼¹ö ÇÁ·Î±×·¡¹Ö ¾ð¾î·Î¼µµ °¢±¤¹Þ°í ÀÖ´Â JavaScriptÀÇ ¾îÁ¦¿Í ¿À´Ã, ±×¸®°í °³¹ß ȯ°æ¿¡ ´ëÇؼ ÇнÀÇÑ´Ù. º¯¼ö¿Í µ¥ÀÌÅÍ Å¸ÀÔ, ±âº» ¿¬»êÀÚ¿Í Á¦¾î¹® µî JavaScript¸¦ »ç¿ëÇϱâ À§ÇÑ ±âº» ±¸¼º°ú ¹®¹ý Áö½ÄÀ» »ìÆ캸°í JavaScript¸¦ ´õ¿í °·ÂÇÏ°Ô »ç¿ëÇÒ ¼ö ÀÖ°Ô ÇÏ´Â ±âº» ³»Àå °´Ã¼(Object)¿¡ ´ëÇؼ °øºÎÇÑ ´ÙÀ½ À̸¦ ´Ù¾çÇÏ°Ô È°¿ëÇÒ ¼ö ÀÖµµ·Ï ½Ç½ÀÇÑ´Ù. JavaScript¿¡¼ °´Ã¼ÁöÇâ ÇÁ·Î±×·¡¹ÖÀ» °¡´ÉÇÏ°Ô ÇÏ´Â ÀÏ±Þ ÇÔ¼ö °´Ã¼¸¦ ÀÚ¼¼ÇÏ°Ô ÇнÀÇÏ¿© ´Ù¸¥ ¾ð¾î¿Í ±¸ºÐµÇ´Â ¶Ù¾î³ ÇÁ·Î±×·¡¹Ö ¾ð¾î·Î¼ÀÇ JavaScript¸¦ ´õ¿í ü°èÀûÀ¸·Î ÀÌÇØÇϰԵȴÙ.. ÀÎÅÍ³Ý ÀͽºÇ÷η¯¿Í Å©·Ò, »çÆĸ® µî ÁÖ¿ä À¥ ºê¶ó¿ìÀú¿¡¼ À¥ÆäÀÌÁö¸¦ Æí¸®ÇÏ°Ô Á¦¾îÇϵµ·Ï Á¦°øÇÏ´Â ºê¶ó¿ìÀú ³»Àå °´Ã¼µéÀ» ÇнÀÇÏ°í ÀÌ¿¡ ´ëÇÑ È°¿ë¹ýÀ» ÇнÀ ¹× ½Ç½ÀÇÑ´Ù. ¸¶Áö¸·À¸·Î ´Ù¾çÇÑ ºê¶ó¿ìÀú¿¡¼ µ¿ÀÛÇÏ´Â ´Ù¾çÇÑ µ¿Àû ±â´ÉµéÀ» ½±°í °·ÂÇÏ°Ô Áö¿øÇÏ´Â µµ±¸ÀÎ jQuery¿¡ ´ëÇؼ ÇнÀÇÏ°í À̸¦ ¾î¶»°Ô È°¿ëÇÒ ¼ö ÀÖ´ÂÁö ½Ç½ÀÇÑ´Ù.
5ºÎ¿¡¼´Â Áö±Ý±îÁö ¹è¿î ³»¿ëÀ» ÀÌ¿ëÇØ HTML°ú CSS, ±×¸®°í JavaScript¸¦ ÃÑüÀûÀ¸·Î È°¿ëÇÏ¿© °£´ÜÇÑ À¥ÆäÀÌÁö¸¦ ¸¸µé¸é¼ ÇнÀ ³»¿ëÀ» Á¡°ËÇÑ´Ù. ³¡À¸·Î Æ®À§ÅÍÀÇ ±Û·Î¹ú CSS ÇÁ·¹ÀÓ¿öÅ©ÀÎ ºÎÆ®½ºÆ®·¦¿¡ ´ëÇؼµµ °£´ÜÈ÷ ¼Ò°³ÇÏ°í À̸¦ È°¿ëÇÏ¿© °£´ÜÇÑ À¥ÆäÀÌÁö¸¦ ¸¸µé¾îº»´Ù.
+¿¹Á¦ ´Ù¿î·Îµå
ÀÌ Ã¥¿¡¼ »ç¿ëÇÑ ¿¹Á¦¿Í ÅëÇÕ ½Ç½À ¼Ò½ºÄÚµå´Â ¾Æ·¡ÀÇ URL¿¡¼ ´Ù¿î·ÎµåÇÒ ¼ö ÀÖ½À´Ï´Ù.
URL: www.awesomecontents.com
¡Ø °ÀÇ µ¿¿µ»ó
ÀÌ Ã¥°ú °ü·ÃÇÑ µ¿¿µ»ó °ÀǸ¦ À§ »çÀÌÆ®¸¦ ÅëÇØ 2016³â ÇϹݱâºÎÅÍ Á¦°øÇÕ´Ï´Ù. |
|
¸ñÂ÷ |
|
CHAPTER 1 À¥°ú ÀÎÅͳÝ
1.1 À¥ À̶õ?
1.2 À¥°ú ÀÎÅͳÝÀÇ ¿ª»ç
CHAPTER 2 HTML°ú HTML5
2.1 HTML ¼Ò°³
2.2 À¥ ºê¶ó¿ìÀú ÀüÀï
2.3 HTML5 ¼Ò°³
2.4 HTML5 ÇнÀ ȯ°æ ±¸¼º
CHAPTER 3 HTML 񃧯
3.1 HTML ¼Ò°³
3.2 HTML ¿ä¼Ò
3.3 HTML ¼Ó¼º
3.4 CSS ¼Ó¼º
CHAPTER 4 HTML¿¡¼ ÀÚÁÖ »ç¿ëÇϴ ű×
4.1 À̹ÌÁö º¸¿©ÁÖ±â - [img]
4.2 ´Ü¶ô ±¸ºÐÇϱâ - [p]
4.3 ´Ù¸¥ ÆäÀÌÁö·Î À̵¿Çϱâ - [a]
4.4 ½ºÅ©¸³Æ® Æ÷ÇÔÇϱâ - [script]
4.5 ¸ÞŸÁ¤º¸¸¦ ´ã°í ÀÖ´Â Çì´õ Á¤ÀÇÇϱâ - [head]
4.6 º»¹® ÀÛ¼ºÇϱâ - [body]
4.7 ¸ÞŸÁ¤º¸ ÀÛ¼ºÇϱâ - [meta]
4.8 ÁÙ ¹Ù²Ù±â - [br]
4.9 Å×ÀÌºí ±×¸®±â - [table]
4.10 Å×À̺íÀÇ ´ÜÀ§ÀÎ Çà°ú ¿ - [tr], [td]
4.11 ±¸¿ª ³ª´©±â - [div]
4.12 ±ÛÀÚ¸¦ º¼µå·Î Ç¥ÇöÇϱâ - [b]
4.13 ±ÛÀÚ ¸ð¾ç Á¤Çϱâ - [font]
4.14 ¿ÜºÎ ÀÚ¿ø ÂüÁ¶Çϱâ - [link]
4.15 Á¤º¸¸¦ Àü¼ÛÇÏ´Â Æû ÀÛ¼ºÇϱâ - [form]
4.16 Æû ¾È¿¡ µé¾î°¡´Â ÀÔ·Ââ ÀÛ¼ºÇϱâ - [input]
4.17 ¸ñ·Ï ³ªÅ¸³»±â - [ul], [ol]
4.18 ´Ù¾çÇÑ ±ÛÀÚ ¸ð¾çÀ» ¸¸µå´Â ÅÂ±× - [em], [i], [small], [strong], [sub], [sup], [ins], [del], [mark]
4.19 ¸Ó¸®±Û ³ªÅ¸³»±â - [h1]~[h6]
4.20 ¼¿·ºÆ®¹Ú½º ¼±ÅÃÇϱâ ? [select]
4.21 ¸ÖƼ¶óÀÎ ÀԷ â ÀÛ¼ºÇϱâ - [textarea]
4.22 ÁÙ ´ÜÀ§·Î ¿µ¿ª ¹èÄ¡Çϱâ - [span]
4.23 ÄÁÅÙÆ®ÀÇ ÀǹÌÀû º¯È¸¦ ³ªÅ¸³»´Â ¼± ±×¸®±â - [hr]
4.24 ¾à¾îÀÇ Àǹ̸¦ ³ªÅ¸³»±â - [abbr]
4.25 ¼³¸íÀÌ ±â¼úµÈ ¸ñ·Ï ³ªÅ¸³»±â - [dl], [dt], [dd]
4.26 ¿¬¶ôó ³ªÅ¸³»±â - [address]
4.27 Àο빮 ³ªÅ¸³»±â - [blockquote]
CHAPTER 5 HTML5 ´Ù·ç±â
5.1 HTML5 񃧯
5.2 ±×¸² ±×¸®±â - [canvas]
5.3 ±×¸² ±×¸®±â - [svg]
5.4 ºñµð¿À º¸¿©ÁÖ±â - [video]
5.5 ¿Àµð¿À µé·ÁÁÖ±â - [audio]
5.6 µå·¡±× ¾Ø µå·Ó
5.7 ·ÎÄÃ ÀúÀå¼Ò(Local Storage)
5.8 ¾ÖÇø®ÄÉÀÌ¼Ç Ä³½Ã(Application Cache)
5.9 À¥ ¿öÄ¿(Web Workers)
5.10 À§Ä¡Á¤º¸(Geolocation)
5.11 ¹®¼ÀÇ ±¸Á¶¸¦ ³ªÅ¸³»´Â ½Ã¸Çƽ(semantic) ű×
CHAPTER 6 CSS °øÅë
6.1 CSS °³¿ä
6.2 CSS ±âº» ¹®¹ý¿¡ ´ëÇÏ¿© ¾Ë¾Æº¸±â
6.3 CSS¸¦ HTML ¹®¼¿¡ Àû¿ëÇÏ´Â ¹æ¹ý ¾Ë¾Æº¸±â
6.4 CSS Çʼö¿ä¼Ò ¼±ÅÃÀÚ(Selectors)¿¡ ´ëÇØ ¾Ë¾Æº¸±â
6.5 ¼±ÅÃÀÚµé »çÀÌÀÇ ¿ì¼±¼øÀ§
6.6 CSSÀÇ ±âº» °³³ä Box ModelÀ̶õ?
6.7 CSS prefix(Á¢µÎ¾î)´Â ¿Ö »ç¿ëÇϳª¿ä?
CHAPTER 7 CSS ±âº»¼Ó¼º
7.1 »ö»ó Ç¥ÇöÀ» ´ã´çÇÏ´Â Color ¼Ó¼º
7.2 ±ÛÀÚ °ü·ÃÇÑ ¼Ó¼ºÀ» º¯°æÇÒ ¶§´Â Text
7.3 Á» ´õ ¿¹»Û ±Û²ÃÀ» »ç¿ëÇÏ°í ½Í´Ù¸é Font ¼Ó¼º
7.4 ¹è°æ»öÀ» º¯°æÇÒ ¶§ »ç¿ëÇÏ´Â Background
7.5 ¿ä¼ÒÀÇ ¿Ü°û¼±À» ´Ù·ê ¶§´Â Border
7.6 µðÀÚÀÎÀÇ Çʼö¿ä¼Ò, ¿©¹éÀ» °ü¸®ÇÏ´Â Margin & Padding
7.7 Å©±â¸¦ º¯°æÇÏ°í ½Í´Ù¸é width & height
7.8 ¸ñ·ÏÀ» Ç¥ÇöÇÏ´Â List
7.9 ´Ù¸¥ ÆäÀÌÁö·Î À̵¿ÇÏ´Â Link ¿ä¼Ò ²Ù¸çÁÖ±â
7.10 ¹èÄ¡¿Í °ü·ÃµÈ ³»¿ë
7.11 ·¹À̾ƿô¿¡¼ °¡Àå Áß¿äÇÑ ¿ä¼Ò ? Float(ºÎÀ¯ ¼Ó¼º)
7.12 Float ¼Ó¼º¿¡ ´ëÇÑ Á¦¾î°¡ ¾î·Æ´Ù¸é Clear ¼Ó¼ºÀ» ¹è¿öº¸ÀÚ
7.13 ¿ä¼Ò °£ÀÇ ³ô³·À½ÀÎ zÃàÀ» Á¦¾îÇÏ´Â z-index
CHAPTER 8 CSS3 ¼Ó¼º
8.1 ¸ð¼¸®¸¦ µÕ±Û°Ô ¸¸µé¾î ÁÖ´Â border-radius
8.2 ¹è°æÀ» ¿©·¯ °¡Áö Á¶ÇÕÇÏ°í ½Í´Ù¸é multiple-backgroud
8.3 CSS¸¸À¸·Î È·ÁÇÑ Gradient È¿°ú³»±â
8.4 ±×¸²ÀÚ È¿°ú ¶§¹®¿¡ Æ÷Åä¼¥ »ç¿ëÀº ¾È³ç! Shadow ¼Ó¼º
8.5 HTML ¿ä¼ÒÀÇ º¯°æ, ȸÀü, À̵¿À» À§ÇÑ Transform
8.6 °£´ÜÇÏ°Ô »ç¿ëÇÏ´Â ¾Ö´Ï¸ÞÀÌ¼Ç - transition animation
8.7 Á» ´õ Á¤±³ÇÑ ¾Ö´Ï¸ÞÀÌ¼Ç È¿°ú¸¦ ¿øÇÑ´Ù¸é - animation
8.8 »çÁø ÇÊÅÍ È¿°ú¸¦ CSS ÄÚµå ÇÑ ÁÙ·Î - Image Filter
8.9 ´Ù¾çÇÑ È¸éÀ» ¸Å²ô·´°Ô - media query
CHAPTER 9 ÀÚ¹Ù½ºÅ©¸³Æ® ¸Àº¸±â
9.1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇöÀç¿Í ¹Ì·¡
9.2 ÀÚ¹Ù vs ÀÚ¹Ù½ºÅ©¸³Æ®
9.3 HTML/CSS vs ÀÚ¹Ù½ºÅ©¸³Æ®
9.4 ½ºÅ©¸³Æ® °³¹ß ȯ°æ
9.5 Hello World
CHAPTER 10 ÀÚ¹Ù½ºÅ©¸³Æ® ±âº»±â
10.1 º¯¼ö
10.2 µ¥ÀÌÅÍ Å¸ÀÔ
10.3 ¿¬»êÀÚ
10.4 Á¦¾î¹®
CHAPTER 11 ÀÚ¹Ù½ºÅ©¸³Æ® È°¿ë
11.1 ÀÚ¹Ù½ºÅ©¸³Æ® ³»Àå Object
11.2 ÇÔ¼ö(Function)
11.4 jQuery
CHAPTER 12 Step by Step À¥»çÀÌÆ® ¸¸µé±â
12.1 HTML ·¹À̾ƿô ±¸¼ºÇϱâ
12.2 CSS·Î ·¹À̾ƿô ²Ù¹Ì±â
12.3 ÀÚ¹Ù½ºÅ©¸³Æ®·Î ±â´É ±¸ÇöÇϱâ
12.4 Ãß°¡ À¥ÆäÀÌÁö ÀÛ¼º
CHAPTER 13 ºÎÆ®½ºÆ®·¦
13.1 ºÎÆ®½ºÆ®·¦ ±âº»
13.2 ºÎÆ®½ºÆ®·¦ È°¿ë ¿¹Á¦
13.3 Æí¸®ÇÔ¿¡´Â ´ë°¡°¡ µû¸¥´Ù |
|
º»¹®Áß¿¡¼ |
|
¼¹® Áß¿¡¼
HTML5¿Í CSS, ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¹è¿ì°íÀÚ ÇÏ´Â ÀÌÀ¯°¡ ¹«¾ùÀϱî¿ä? À¥ °³¹ßÀÚ³ª À¥ ÆÛºí¸®¼Å°¡ µÇ°í ½Í°Å³ª, ȤÀº Ãë¹Ì·Î À¥ÆäÀÌÁö¸¦ ¸¸µé°í ½ÍÀ» ¼öµµ ÀÖ°ÚÁÒ. ÀÌÀ¯¾ß ¾î¶»µç ÀÌ Ã¥¿¡¼ ´Ù·ç´Â ¼¼ °¡Áö ÁÖÁ¦ HTML, CSS, JavaScript´Â À¥À» ÀÌÇØÇÏ°í È°¿ëÇϱâ À§ÇÑ Ãâ¹ßÁ¡ÀÌ µÇ´Â ±â¼úÀÔ´Ï´Ù. ÀÌ Ã¥Àº À¥ ÇÁ·Î±×·¡¹ÖÀÇ Ãâ¹ß¼± »ó¿¡ ¼± »ç¶÷µéÀ» °í·ÁÇÏ¿© ÁýÇÊÇß½À´Ï´Ù. ¿À·§µ¿¾È °³¹ß ÇöÀå¿¡¼ °³¹ßÀÚ·Î ±×¸®°í °ÀÇ ÇöÀå¿¡¼ °»ç·Î »ì¾Æ¿À¸é¼ óÀ½ ¹è¿ì´Â »ç¶÷¿¡°Ô Áö³ªÄ¡°Ô ¼¼ºÎÀûÀÎ »çÇ×À» ³ª¿ÇÏ´Â °ÍÀº ¿ÀÈ÷·Á ¹è¿ò¿¡ °É¸²µ¹ÀÌ µÇ´Â °ÍÀ» °æÇèÇß½À´Ï´Ù. ¿¹¸¦ µé¸é, ÀÌ Ã¥¿¡¼´Â HTML5 ű׸¦ ¼³¸íÇϱâ À§Çؼ ´ë»ó µ¶ÀÚ¸¦ ¹è·ÁÇÑ ºÎºÐÀº ±¸±ÛÀÇ À¥ ºÐ¼®À» ÅëÇØ HTML ÆäÀÌÁö¿¡¼ ¸¹ÀÌ »ç¿ëµÇ¾ú´Ù°í ¹ßÇ¥µÈ ÅÂ±× Áß¿¡¼ ºóµµ°¡ ³ôÀº ¼øÀ¸·Î ¼³¸íÇÏ°í ÀÖ½À´Ï´Ù. ²À ¾Ë¾Æ¾ß ÇÒ ³»¿ëÀ» Áß½ÉÀ¸·Î ½±°Ô ¼³¸íÇÏ°í Ä£ÀýÇÑ ±Û°ú ÇÑ´«¿¡ ½±°Ô ÆľÇÇÒ ¼ö ÀÖµµ·Ï ÀúÀÚÀÇ °æÇèÀ» ¹Ý¿µÇÑ ±×¸² ¹× ȸé ĸó, ÄÚµå ¼³¸íÀÌ ¾î¿ì·¯Á® ÀÖ½À´Ï´Ù. óÀ½ ¹è¿ì´Â À̵éÀº Ã¥À» Áý¾î µé°í ³¡±îÁö ÀÏ»çõ¸®·Î Ã¥À» µ¶ÆÄÇØ ³»±â ¾î·Æ´Ù´Â °ÍÀ» Àß ¾Ë°í ÀÖ½À´Ï´Ù. ±×·¡¼ ÀÌ Ã¥Àº È£±â½ÉÀ» ÀÚ±ØÇϱâ À§ÇØ À¥°ú ÀÎÅͳÝÀÇ ¿ª»ç¿¡ ´ëÇÑ ¼³¸íÀ¸·Î ½ÃÀÛÇؼ ¼¼È÷ À¥ ÇÁ·Î±×·¡¹ÖÀÇ ¼¼°è·Î ÀεµÇÏ°í ÀÖ½À´Ï´Ù. ÇÑ Àå ÇÑ ÀåÀ» ³Ñ±â¸ç µû¶óÇÏ´Ù º¸¸é ¾î´À»õ 5ºÎ¿¡¼ ÀڽŸ¸ÀÇ ¾ÆÀ̵ð¾î·Î °£´ÜÇÑ À¥ ÆäÀÌÁö¸¦ ¸¸µé°í ¼ºÃë°¨À» ´À³¥ ¼ö ÀÖÀ» °ÍÀÔ´Ï´Ù. À¥ ÇÁ·Î±×·¡¹ÖÀÇ Ãâ¹ß¼±¿¡ ÀÖ´Â µ¶Àڵ鿡°Ô ÀÌ Ã¥ÀÌ ÈûÂù Ãâ¹ßÀÌ µÇ¾úÀ¸¸é ÁÁ°Ú½À´Ï´Ù. (Áß·«) |
|
|
|
ÀúÀÚ
|
|
±èÁöÈÆ
µ¿±¹´ëÇб³ ÄÄÇ»ÅÍ°øÇаú¸¦ ³ª¿ÔÀ¸¸ç, È«ÀÍ´ëÇб³ ´ëÇпø ÄÄÇ»ÅÍ°øÇаú¿¡¼ ½Ã½ºÅÛ ÇÁ·Î±×·¡¹ÖÀ» Àü°øÇØ ¼®»ç ÇÐÀ§¸¦ ¹Þ¾Ò´Ù. LG CNS¿¡¼ SW ¾ÆÅ°ÅØÆ®¸¦ ¼öÇàÇßÀ¸¸ç, KT ds¿¡¼ ¿¬±¸¿øÀ» Áö³Â°í ÇöÀç´Â Á¤º¸±â¼ú°¨¸®¿ø¿¡¼ °¨¸®»ç·Î ±Ù¹« ÁßÀÌ´Ù. ¾Èµå·ÎÀ̵å, HTML5, ºòµ¥ÀÌÅÍ, º¸¾È ºÐ¾ß¿¡¼ Àú¼ú°ú ¹ø¿ª ÀÛ¾÷À» ¼öÇàÇßÀ¸¸ç, Á¤º¸½Ã½ºÅÛ °¨¸®¿¡¼ ÁÖ·Î ¼öÇàÇÏ´Â ºÐ¾ß´Â ½Ã½ºÅÛ ±¸Á¶ ¹× º¸¾È ºÐ¾ßÀÌ´Ù.
|
¼Õ¾ÈÀÇ ÀÚ¹Ù | ±èÁöÈÆ | ¿¡ÀÌÄÜÃâÆÇ
|
|
|
|
|
|
|
Ãâ°í¾È³» |
|
|
Ãâ°í¶õ ÀÎÅÍÆÄÅ© ¹°·ùâ°í¿¡¼ µµ¼°¡ Æ÷ÀåµÇ¾î ³ª°¡´Â ½ÃÁ¡À» ¸»Çϸç, ½ÇÁ¦ °í°´´Ô²²¼ ¼ö·ÉÇϽô ½Ã°£Àº »óÇ°Áغñ¿Ï·áÇØ Ãâ°íÇÑ ³¯Â¥ + Åùè»ç ¹è¼ÛÀÏÀÔ´Ï´Ù. |
|
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óÇ°ÀÇ Àç°í°¡ ÃæÁ·ÇÒ ½Ã¿¡ ÀÏ°ý Ãâ°í¸¦ ÇÕ´Ï´Ù. |
|
ÀϺΠÀç°í¿¡ ´ëÇÑ Ãâ°í°¡ ÇÊ¿äÇÒ ½Ã¿¡´Â ´ã´çÀÚ¿¡°Ô Á÷Á¢ ¿¬¶ôÇϽðųª, °í°´¼¾ÅÍ(°í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ôÁֽñ⠹ٶø´Ï´Ù. |
|
¹è¼Ûºñ ¾È³» |
|
|
ÀÎÅÍÆÄÅ© µµ¼ ´ë·®±¸¸Å´Â ¹è¼Û·á°¡ ¹«·áÀÔ´Ï´Ù. |
|
´Ü, 1°³ÀÇ »óÇ°À» ´Ù¼öÀÇ ¹è¼ÛÁö·Î ÀÏ°ý ¹ß¼Û½Ã¿¡´Â 1°³ÀÇ ¹è¼ÛÁö´ç 2,000¿øÀÇ ¹è¼Ûºñ°¡ ºÎ°úµË´Ï´Ù. |
¾Ë¾ÆµÎ¼¼¿ä! |
|
|
°í°´´Ô²²¼ ÁÖ¹®ÇϽŠµµ¼¶óµµ µµ¸Å»ó ¹× ÃâÆÇ»ç »çÁ¤¿¡ µû¶ó Ç°Àý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù. |
|
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù.
(´Ü, Åä/ÀÏ¿äÀÏ Á¦¿Ü) |
|
|
|
|
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹ÝÇ°¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óÇ°À̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝÇ°Àº ¹«·á·Î ¹ÝÇ° µË´Ï´Ù.
±³È¯/¹ÝÇ°/º¸ÁõÁ¶°Ç ¹× Ç°Áúº¸Áõ ±âÁØÀº ¼ÒºñÀڱ⺻¹ý¿¡ µû¸¥ ¼ÒºñÀÚ ºÐÀï ÇØ°á ±âÁØ¿¡ µû¶ó ÇÇÇظ¦ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
Á¤È®ÇÑ È¯ºÒ ¹æ¹ý ¹× ȯºÒÀÌ Áö¿¬µÉ °æ¿ì 1:1¹®ÀÇ °Ô½ÃÆÇ ¶Ç´Â °í°´¼¾ÅÍ(1577-2555)·Î ¿¬¶ô Áֽñ⠹ٶø´Ï´Ù.
¼ÒºñÀÚ ÇÇÇغ¸»óÀÇ ºÐÀïó¸® µî¿¡ °üÇÑ »çÇ×Àº ¼ÒºñÀÚºÐÀïÇØ°á±âÁØ(°øÁ¤°Å·¡À§¿øȸ °í½Ã)¿¡ µû¶ó ºñÇØ º¸»ó ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.
|
±³È¯ ¹× ¹ÝÇ°ÀÌ °¡´ÉÇÑ °æ¿ì |
|
|
»óÇ°À» °ø±Þ ¹ÞÀ¸½Å ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
°ø±Þ¹ÞÀ¸½Å »óÇ°ÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ùÀ̳», ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏÀ̳» °¡´ÉÇÕ´Ï´Ù. |
|
»óÇ°¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óÇ°ÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´ÉÇÕ´Ï´Ù.
|
|
|
|
±³È¯ ¹× ¹ÝÇ°ÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
|
|
|
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óÇ° µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. (´Ü, »óÇ°ÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü) |
|
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆǸŰ¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
Æ÷Àå °³ºÀµÇ¾î »óÇ° °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì´Â ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹ÝÇ° ȯºÒ |
|
|
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝÇ°À» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù. |
|
1°³ Áö¿ªÀÇ ¹ÝÇ°ÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝÇ°À» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
|
|
|
|
|