ÄÁÅÙÃ÷»ó¼¼º¸±â

¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®
¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®
  • ÀúÀÚ¼ÛŹΠÀú
  • ÃâÆÇ»çÇѺû¹Ìµð¾î
  • ÃâÆÇÀÏ2015-05-15
  • µî·ÏÀÏ2019-08-29
º¸À¯ 2, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 13, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

ÀÌ Ã¥Àº ´Ù¾çÇÑ ½Ç¹« °æÇè°ú ÁýÇÊ °æÇèÀ¸·Î ¹«ÀåÇÑ À¥ µðÀÚÀÌ³Ê ¾îºñ°¡ ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®¶ó´Â ÅÛÇø´À» ÀÚ¼¼È÷ ºÐ¼®ÇÏ¿© ¼Ò°³ÇÑ´Ù. ±×¸®°í ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®¸¦ ±¹³» À¥ ȯ°æ¿¡ ¸Â°Ô ¼öÁ¤ÇÏ´Â ¹æ¹ýÀ» Á¦½ÃÇÑ´Ù. ¶ÇÇÑ ½ÇÁ¦ Æ÷ÅÐ ¼­ºñ½º¿¡ ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®¸¦ Àû¿ëÇÑ °æÇèÀ» ¹ÙÅÁÀ¸·Î ½ÇÁ¦ Æ÷ÅÐ »çÀÌÆ® À¥ ÆäÀÌÁö¿Í À¯»çÇÑ ¿¹Á¦¸¦ Áß½ÉÀ¸·Î À¥ ÆÛºí¸®¼Å¶ó¸é ´©±¸³ª ½Ç¹«¿¡ ¹Ù·Î Àû¿ëÇÒ ¼ö ÀÖ´Â ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö Á¦ÀÛ ³ëÇϿ츦 ¾Ë·ÁÁØ´Ù.

ÀúÀÚ¼Ò°³

1980³â 9¿ù 25ÀÏ ¼­¿ï Ãâ»ý. È­°î°íµîÇб³, ¼øõÇâ´ëÇб³¸¦ Á¹¾÷ÇÏ°í ±¹¹Î´ëÇб³ µðÀÚÀδëÇпø ½Ã°¢µðÀÚÀΠ¼®»ç °úÁ¤À» ¼ö·áÇß´Ù. 2005³â ¼­¿ï½Ã ±×·£µå¼­¿ï ±×·¡ÇÈ °ø¸ðÀü µ¿»ó, 2006³â ¸¶ÀÌÅ©·Î¼ÒÇÁÆ® À©µµ¿ìÁîXP °ø¸ðÀü µ¿»ó, 2006³â KTF °í±¸·ÁÆ÷Åä °ø¸ðÀü ´ë»ó, 2007³â ¾îµµºñ CS3 Å©¸®¿¡ÀÌƼºê¼î ÄÁÅ×½ºÆ® µ¿»óÀ» ¼ö»óÇß´Ù.  SK Ä¿¹Â´ÏÄÉÀ̼ÇÁî ¼Ò¼ÓÀÌ´Ù.

¸ñÂ÷

1Àå. ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ¼Ò°³
__1.1 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®¶õ?
__1.2 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®ÀÇ ÁÖ¿ä Æ¯Â¡
____1.2.1 Zepto.js ¶óÀ̺귯¸®
____1.2.2 Modernizr ¶óÀ̺귯¸®
__1.3 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ´Ù¿î·Îµå
__1.4 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ®ÀÇ Àå´ÜÁ¡

2Àå. ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ºÐ¼®
__2.1 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ±¸Á¶
____2.1.1 ·çÆ® µð·ºÅ͸® ±¸Á¶
____2.1.2 Ãß°¡ µð·ºÅ͸® ±¸Á¶
__2.2 index.html ºÐ¼®
__2.3 normalize.css ºÐ¼®
____2.3.1 HTML5 ¿ä¼Ò °ü·Ã ¼³Á¤
____2.3.2 ±âº» ¿ä¼Ò °ü·Ã ¼³Á¤
____2.3.3 ÇÏÀÌÆÛ¸µÅ© ¿ä¼Ò °ü·Ã ¼³Á¤
____2.3.4 ÅؽºÆ® ¿ä¼Ò °ü·Ã ¼³Á¤
__2.4 main.css ºÐ¼®
____2.4.1 ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® °íÀ¯ ¼³Á¤
____2.4.2 ¹Ìµð¾î Äõ¸® °ü·Ã ¼³Á¤
__2.5 plugins.js ºÐ¼®

3Àå. ±¹³» È¯°æ¿¡ ¸Â°Ô ¼öÁ¤ÇÑ ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ÅÛÇø´
__3.1 ¼öÁ¤ÇÑ ¸ð¹ÙÀÏ º¸ÀÏ·¯Ç÷¹ÀÌÆ® ±¸Á¶
__3.2 index.htmlÀÇ º¯°æÁ¡
__3.3 normalize.cssÀÇ º¯°æÁ¡
____3.3.1 ÀÚÁÖ »ç¿ëÇÏÁö ¾Ê´Â normalize.css ÄÚµåÀÇ ¿¹
____3.3.2 »õ·Ó°Ô Ãß°¡Çϰųª ¼öÁ¤ÇÑ ºÎºÐ
__3.4 main.cssÀÇ º¯°æÁ¡

4Àå. ¿¹Á¦ À¥ ÆäÀÌÁö ¸¸µé±â
__4.1 À¥ ÆäÀÌÁö µðÀÚÀΠ±¸¼º ³ëÇÏ¿ì
__4.2 ¿¹Á¦ ¸ð¹ÙÀÏ À¥ ÆäÀÌÁö »ìÆ캸±â
__4.3 ·¹À̾ƿô ±¸Á¶ ¿Ï¼ºÇϱâ
____4.3.1 HTML ¸¶Å©¾÷
____4.3.2 CSS ÄÚµù
__4.4 header ¿µ¿ª ¸¸µé±â
____4.4.1 HTML ¸¶Å©¾÷
____4.4.2 CSS ÄÚµù
__4.5 article ¿µ¿ª ¸¸µé±â
____4.5.1 promotion ¿µ¿ª
____4.5.2 news_area ¿µ¿ª
____4.5.3 ¸ñ·Ï Çø®Å·
____4.5.4 last_list ¿µ¿ª
__4.6 footer ¿µ¿ª ¸¸µé±â
____4.6.1 HTML ¸¶Å©¾÷
____4.6.2 CSS ÄÚµù
__4.7 Å©·Î½º ºê¶ó¿ì¡ È®ÀÎ

ºÎ·Ï. ¿¹Á¦ À¥ ÆäÀÌÁö ¼Ò½º ÄÚµå
__index.html
__css- normalize.css
__css- main.css

ÇÑÁÙ ¼­Æò