ÅëÇÕ°Ë»ö

°Ë»ö

  • IT ÀÚ°ÝÁõ ¼öÇè¼­
    • ¿öµåÇÁ·Î¼¼¼­
    • ÄÄÇ»ÅÍÈ°¿ë´É·Â
    • Á¤º¸Ã³¸®/»ç¹«ÀÚµ¿È­/Á¤º¸±â±â
    • ITQ
    • GTQ
    • ÄÄÇ»Åͱ׷¡ÇȽº
    • À¥µðÀÚÀÎ
  • ½Ç¿ë ÀÚ°ÝÁõ ¼öÇè¼­
    • Çѱ¹»ç
    • Á¶¸®/Á¦°ú/¿îÀü¸éÇã
    • ±âŸ
  • IT µµ¼­
    • ÄÄÇ»ÅÍ ÀϹÝ/È°¿ë
    • »ç¹«ÀÚµ¿È­(OA)
    • À¥/ȨÆäÀÌÁö
    • ±×·¡ÇÈ/¸ÖƼ¹Ìµð¾î
    • ÇÁ·Î±×·¡¹Ö
    • ÄÄÇ»ÅÍ°øÇÐ
    • ¾î¸°ÀÌ ±³Àç
  • ´ÜÇົ µµ¼­
    • °¡Á¤°ú »ýÈ°
    • À¯¾Æ/¾Æµ¿
    • ±âŸ
  • ½Ã¸®Áî
    • ´õ ½±°Ô ¹è¿ì±â
    • ȯ»óÀÇ ÄÞºñ
    • ´«ÀÌ ÆíÇÑ
    • ¼ÓÀü¼Ó°á
    • ºñÁÖ¾ó(Visual)
    • Çб³¿¡¼­ ÅëÇÏ´Â
    • ÀÌ°Ô ÁøÂ¥

ÄÄÇ»ÅÍ ÀÔ¹®/È°¿ë

HOME µµ¼­Á¤º¸ IT µµ¼­ ÄÄÇ»ÅÍ ÀϹÝ/È°¿ë

New ÄÚµùÀº óÀ½À̶ó with À¥ ÆÛºí¸®½Ì ÀúÀÚ ±èµ¿ÁÖ | ÆäÀÌÁö 752
ISBN 9788931467321 | Á¤°¡ 30,000 | ÃâÆÇÀÏ 2022-08-25
ÆǸÅó

ºÎ·ÏCD

µµ¼­¼Ò°³

ÀÌ Ã¥Àº HTML, CSS, javascript Å©°Ô 3ÆÄÆ®·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. °¢ ÆÄÆ®´Â ±âº» ¹®¹ýÀ» ¼³¸íÇÏ´Â ºÎºÐ°ú ±âÃÊ ºÎºÐ¿¡¼­ ÇнÀÇÑ ³»¿ëÀ» º¹½ÀÇÒ ¼ö ÀÖ´Â ½ÇÀü ÇÁ·ÎÁ§Æ®·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. ƯÈ÷ javascript ÆÄÆ®¿¡¼­´Â ±âÃÊ ¹®¹ý»Ó¸¸ ¾Æ´Ï¶ó À¥ÆäÀÌÁö ±¸Çö¿¡¼­ ÀÚÁÖ »ç¿ëÇÏ´Â UI/UX È¿°ú¸¦ ±¸ÇöÇÒ ¼ö ÀÖ´Â °£´ÜÇÑ ½ÇÀü ¿¹Á¦¿Í ½ÇÀü ÇÁ·ÎÁ§Æ®·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù.

ÀÌ Ã¥Àº ´ÙÀ½°ú °°ÀÌ ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù.
• Part 1 HTML5
• Part 2 CSS ±âÃÊ
• Part 3 CSS Áß±Þ
• Part 4 javascript ±âÃÊ
• Part 5 javascript ÀÀ¿ë
• Part 6 ½ÇÀü ÇÁ·ÎÁ§Æ®

ÇнÀ ¼ø¼­´Â Part 1ºÎÅÍ ¼ø¼­´ë·Î ÇнÀÇÏ¸é µÇ°Ú½À´Ï´Ù. óÀ½ºÎÅÍ ¸ðµç °ÍÀ» ¿Ü¿ö¹ö¸®°Ú´Ù°í ³Ê¹« Å« ¿å½ÉÀ» °¡Áö°í ½ÃÀÛÇÏ¸é ±Ý¹æ ÁöÄ¥ ¼ö ÀÖ½À´Ï´Ù. ¿ì¼± ÇнÀÀ» ÁøÇàÇϸ鼭 ÀÌ·¸°Ô Çß´õ´Ï È­¸é¿¡ ÀÌ·¸°Ô Ãâ·ÂÀÌ µÇ´ÂÁö Çϳª¾¿ È®ÀÎÇØ°¡¸é¼­ ÀϺΠÀÌÇØ°¡ µÇÁö ¾Ê´Â ºÎºÐµéÀº ´ÙÀ½ °úÁ¤À¸·Î ³Ñ¾î°¡°í ÀÏ´Ü ÁøÇàÇغ¾´Ï´Ù. ±×·¸°Ô ÁøÇàÇÏ´Ù º¸¸é ¾ÕºÎºÐ¿¡¼­ ÀÌÇØÇÏÁö ¸øÇß´ø ³»¿ëµéÀÌ µÞºÎºÐÀÇ CSS¿¡¼­ ¶Ç´Â javascript¿¡¼­ ÀÌÇصǴ ºÎºÐµéµµ ¸¹ÀÌ ÀÖ½À´Ï´Ù. ±×·¯´Ï óÀ½ºÎÅÍ °ú¿åÀ» ¹ö¸®°í Â÷±ÙÂ÷±Ù õõÈ÷ ÇнÀÇϽñ⠹ٶø´Ï´Ù.

¡¼ ´ë»ó µ¶ÀÚÃþ ¡½
- ÄÚµù¿¡ ´ëÇÑ ±âÃÊ°¡ ¾ø´Â ºÐ.
- ³» ¼ÕÀ¸·Î À¥ÆäÀÌÁö¸¦ ±¸¼ºÇغ¸°í ½ÍÀº ºÐ.
- À¥ ÆÛºí¸®½Ì ¹× ÇÁ·ÐÆ®¿£µå °³¹ß ÀÔ¹®ÀÚ

ÀúÀÚ¼Ò°³

°­ÀÇÇÏ´Â ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ
¿Ü±¹¾î°íµîÇб³¸¦ Á¹¾÷ÇÏ°í ´ëÇб³¿¡¼­´Â ¿µ¾î¸¦ Àü°øÇÏ¿´´Ù. ITºÕÀÌ ÀÏ´ø 2000³â´ë ÃʹÝ, À¥¸¶½ºÅÍ °úÁ¤À» ¼ö·áÇÏ°í Á÷Á¢ °³¹ßÇÑ À¥»çÀÌÆ®¸¦ ÅëÇØ ¼öÃâÀÔ ¾÷¹«¸¦ Çß´Ù.
ÀÌÈÄ ±¤°í ´ëÇà»ç À¥ ¸¶ÄÉÆà ¾÷¹«¸¦ ÅëÇØ À¥ÀÇ »ýŸ¦ Á»´õ ±íÀÌ ÀÌÇØÇß°í, Áß¼Ò±â¾÷ Çùµ¿Á¶ÇÕ¿¡¼­ Á¶ÇÕ¿ø»çÀÇ À¥»çÀÌÆ® °³¹ßÀ» ½ÃÀÛÀ¸·Î 15³â ÀÌ»óÀÇ ½Ç¹« °æÇèÀ» ½×¾Ò´Ù. 2015³âºÎÅÍ À¥ µðÀÚÀÎ, À¥ ÆÛºí¸®½Ì, ÇÁ·ÐÆ®¿£µå °­ÀǸ¦ ½ÃÀÛÇÏ¿© ±Ù¹« ÁöÁ¡¿¡¼­ ¿ì¼ö°­»ç ǥâÀ» ¼öÂ÷·Ê ¼ö»óÇß´Ù.
ÇöÀç´Â ¿ÀÇÁ¶óÀÎ °­ÀǻӸ¸ ¾Æ´Ï¶ó À¯Æ©ºê ä³ÎÀ» ÅëÇØ °­ÀǸ¦ ÁøÇàÇÏ°í, °ü·Ã µµ¼­¸¦ ÁýÇÊÇÏ´Â µî ´Ù¾çÇÑ È°µ¿À» ÇÏ°í ÀÖ´Ù.

Àú¼­: <À¥ µðÀÚÀÎ & À¥ ÆÛºí¸®½ÌÀ» À§ÇÑ ÇDZ׸¶ ¿Ïº® È°¿ë¼­>

-(Çö) ±×¸°ÄÄÇ»Å;ÆÆ®Çпø ÇÁ·ÐÆ®¿£µå °­»ç
-(Çö) ÀÌÁöÀ¥ ´ëÇ¥
-(Àü) ´õÁ¶Àº ÄÄÇ»Å;ÆÆ®Çпø À¥ ÆÛºí¸®½Ì °­»ç
-(Àü) ¿ì¸®ÇѺ¹¾ÆÄ«µ¥¹Ì Á¤º¸È­¼¾ÅÍ ÆÀÀå
-(Àü) »ó»ó¾ÖµåÀª À¥¸¶ÄÉÆà ÆÀÀå

- À¥»çÀÌÆ® https://ezwebpub.com
- À¯Æ©ºê http://www.youtube.com/c/EasywebPublishing
- ºí·Î±× https://alikerock.tistory.com

¸ñÂ÷

ÁöÀºÀÌÀÇ ±Û
ÀÌ Ã¥ÀÇ Æ¯Â¡
º£Å¸ ¸®´õ
PART 1 HTML ±âÃÊ
1. HTMLÀÇ ±¸Á¶
2. ºí·Ï ¹× ÀζóÀÎ ·¹º§ ¿ä¼Ò
3. ÅؽºÆ® Á¤ÀÇ ¿ä¼Ò
4. div ¿ä¼Ò·Î ÀÛ¼ºÇÏ´Â ¹®¼­ÀÇ ±×·ìÈ­
5. HTML5 ¼½¼Å´×
6. Á¦¸ñ, ¹®´Ü, ±¸ºÐ¼±, Á¤ÇüÈ­µÈ ÅؽºÆ®
7. ¸ñ·ÏÀ» Ç¥ÇöÇÏ´Â ¿ä¼Ò
8. Ç¥¸¦ ¸¸µå´Â Å×ÀÌºí ¿ä¼Ò
9. ¾ÞÄ¿(Anchor)ÀÇ Ç¥Çö
10. À̹ÌÁö¿Í °ü·ÃµÈ ¿ä¼Òµé
11. Æû ¿ä¼ÒÀÇ Á¾·ù
12. ¿Àµð¿À, ºñµð¿À È°¿ë
À̹ø ÀåÀÇ ¸¶¹«¸®
¿¬½À ¹®Á¦
½ÇÀü ¿¹Á¦

PART 2 CSS ±âÃÊÆí
1. CSS ¹®¹ý
2. »ö»ó°ú ´ÜÀ§
3. ¼±ÅÃÀÚ
4. ¼±ÅÃÀÚ ¿ì¼±¼øÀ§
5. ¼­Ã¼, ±Û ½ºÅ¸ÀÏ
6. ¸ñ·Ï ½ºÅ¸ÀÏ
7. display µð½ºÇ÷¹ÀÌ
8. overflow
9. background ½ºÅ¸ÀÏ
10. box model ¹Ú½º ¸ðµ¨
11. ·¹À̾ƿô positioning style
À̹ø ÀåÀÇ ¸¶¹«¸®
¿¬½À ¹®Á¦

PART 3 CSS Áß±ÞÆí
1. shadow
2. gradient
3. transition
4. animation
5. transform
6. responsive ¹ÝÀÀÇü
À̹ø ÀåÀÇ ¸¶¹«¸®
¿¬½À ¹®Á¦
½ÇÀü ¿¹Á¦

PART 4 javascript ±âÃÊ
1. ±âº» ¿ë¾î
2. º¯¼ö
3. »ê¼ú ¿¬»êÀÚ
4. ÇÔ¼ö
5. °´Ã¼
6. ¹è¿­
7. Á¶°Ç¹®
8. ¹Ýº¹¹®
9. ¹®ÀÚ¿­
10. ŸÀ̸Ó
11. ¼öÇÐ ¿¬»ê
À̹ø ÀåÀÇ ¸¶¹«¸®
¿¬½À ¹®Á¦

PART 5 javascript ÀÀ¿ë
1. DOM Á¶ÀÛ
2. ¼±ÅÃÀÚ
3. À̺¥Æ®
4. ECMAScript 6
À̹ø ÀåÀÇ ¸¶¹«¸®
¿¬½À ¹®Á¦
½ÇÀü ¿¹Á¦

PART 6 ½ÇÀü ÇÁ·ÎÁ§Æ®
1. ÁغñÇϱâ
2. ±âº» ½© »ý¼ºÇϱâ
3. µðÀÚÀÎ È®ÀÎ ¹× HTML ÀÛ¼ºÇϱâ
4. µðÀÚÀÎ ÂüÁ¶ÇÏ¿© CSS ÀÛ¼ºÇϱâ
5. CSS ÀÛ¼º
6. script ÀÛ¼º
ÇÁ·ÎÁ§Æ® ¸¶¹«¸®

¿¬½À ¹®Á¦ Á¤´ä
ã¾Æº¸±â

¸ñ·Ï