ÄÚµùÀº óÀ½À̶ó with À¥ ÆÛºí¸®½Ì
Á¤°¡ : 30,000¿ø
ÆǸŰ¡ : 27,000¿ø [10%↓ 3,000¿ø ÇÒÀÎ]
ISBN | 9788931467321(893146732X) |
Âʼö | 752ÂÊ |
Å©±â | 188 * 257 mm ÆÇÇü¾Ë¸² |
Ã¥¼Ò°³
ÀÌ Ã¥ÀÌ ¼ÓÇÑ ºÐ¾ß
ÀÌ Ã¥Àº 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³â´ë ÃʹÝ, À¥¸¶½ºÅÍ °úÁ¤À» ¼ö·áÇÏ°í Á÷Á¢ °³¹ßÇÑ À¥»çÀÌÆ®¸¦ ÅëÇØ ¼öÃâÀÔ ¾÷¹«¸¦ Çß´Ù...
´õº¸±â ÀÛ°¡ÀÇ ¸»
À¥ÆäÀÌÁö¸¦ °³¹ßÇÒ ¶§ ÇÊ¿äÇÑ ¾ð¾î¿Í ÇнÀÇØ¾ß ÇÒ ±â¼úµéÀº »ó»óÇÒ ¼ö ¾øÀ» Á¤µµ·Î ¸¹½À´Ï´Ù. ÇÏÁö¸¸ À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â ¾ð¾î¸¦ Å©°Ô ³ª´©¸é ¹æ¹®ÀÚµéÀÌ ÃÖÁ¾ÀûÀ¸·Î º¸´Â ȸéÀÇ ¸ðµç ¿ä¼Ò¸¦ ±¸ÇöÇÏ´Â ÇÁ·ÐÆ®¿£µå ¾ð¾î¿Í ¹æ¹®ÀÚ¿¡°Ô´Â ³ëÃâµÇÁö ¾ÊÁö¸¸, »ç¿ëÀÚµéÀÌ »ý¼ºÇÏ´Â Á¤º¸°¡ ÀúÀåµÇ´Â µ¥ÀÌÅͺ£À̽º¿Í ±× ¿Ü ÅؽºÆ®, À̹ÌÁö, ¿µ»ó µîÀÇ ÄÜÅÙÃ÷ Á¤º¸¸¦ Á¦°øÇÏ´Â À¥ ¼¹ö µîÀ» ¼³°èÇÏ°í °ü¸®ÇÏ´Â ¹é¿£µå ¾ð¾î°¡ ÀÖ½À´Ï´Ù. º» µµ¼´Â »ç¿ëÀÚµéÀÌ ¸¶Áö¸·¿¡ ºê¶ó¿ìÀú¿¡¼ Á¢Çϴ ȸéÀ» ±¸¼ºÇÏ´Â °¡Àå ±âº»ÀûÀÎ ¾ð¾îÀÎ HTML, CSS, javascript¿¡ ÃÊÁ¡À» µÎ°í ÁýÇʵǾú½À´Ï´Ù.
º» µµ¼¸¦ ÅëÇØ À¥ÆäÀÌÁöÀÇ ³»¿ëÀº ¾î¶»°Ô ±¸¼ºµÇ°í, ±× ³»¿ëÀ» ±âȹ Àǵµ¿¡ ¸Â°Ô Ç¥ÇöÇÏ°í, Ŭ¸¯, ½ºÅ©·Ñ, ¸¶¿ì½º È£¹ö µî ´Ù¾çÇÑ »ç¿ëÀÚÀÇ ¾×¼Ç¿¡ µû¶ó ¾î¶»°Ô µ¿ÀûÀ¸·Î »óÈ£ÀÛ¿ëÇÏ´ÂÁö µîÀÇ ±âº»±â¸¦ È®½ÇÇÏ°Ô ÇнÀÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
À¥°³¹ßÀÇ ´Ù¾çÇÑ ºÐ¾ß¿¡¼ ¾î¶² ºÐ¾ß¸¦ ¸ñÇ¥·Î µÎ°í ÀÖµç °¡Àå ±âº»ÀÌ µÇ´Â ¾ð¾î´Â HTML, CSS, javascript¶ó°í ÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ¾ð¾î¸¦ ¼÷ÁöÇÏ°í ÀÖ´Ù¸é À¥°³¹ß ÇÁ·Î¼¼½ºÀÇ ÀÌÇصµ°¡ ³ôÀº ±âȹÀÚ, °³¹ß¿¡ ¿ëÀÌÇÏ°í È¿À²ÀûÀÎ µðÀÚÀÎÀ» ÇÒ ¼ö ÀÖ´Â µðÀÚÀ̳Ê, ¹é¿£µå °³¹ßÀÚ¿Í Çù¾÷ÀÌ ÀߵǴ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚ, ¶ÇÇÑ ÇÁ·ÐÆ® °³¹ßÀ» ÀÌÇØÇÏ´Â ¹é¿£µå °³¹ßÀÚ°¡ µÇ½Ç ¼ö ÀÖ½À´Ï´Ù. º» µµ¼¸¦ ÅëÇØ À¥°³¹ßÀÇ Èï¹Ì¸¦ ´À³¢°í ±âº»±â°¡ È®½ÇÇÑ ÀÎÀç°¡ µÇ½Ã±æ ¹Ù¶ø´Ï´Ù.
¸ñÂ÷
ÁöÀºÀÌÀÇ ±Û
ÀÌ Ã¥ÀÇ Æ¯Â¡
º£Å¸ ¸®´õ
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 ÀÛ¼º
ÇÁ·ÎÁ§Æ® ¸¶¹«¸®
¿¬½À ¹®Á¦ Á¤´ä
ã¾Æº¸±â
ÃâÆÇ»ç ¼Æò
À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ½ÃÀÛÀÇ ÇÙ½É!
ÇÑ ±ÇÀ¸·Î HTML, CSS, javascript ÇØ°á
ÀÌ Ã¥Àº À¥ ÆÛºí¸®½Ì¿¡ ´ëÇØ ¾Æ¹«·± Áö½ÄÀÌ ¾ø´Â »óÅ¿¡¼ ½ÃÀÛÇÒ ¼ö ÀÖµµ·Ï °³¹ß ȯ°æ ±¸ÃàºÎÅÍ ½ÃÀÛÇؼ ½ÇÀü ÇÁ·ÎÁ§Æ®±îÁö ½º½º·Î ÄÚµù ÇÒ ¼ö ÀÖµµ·Ï µµ¿ÍÁÖ°í ÀÖ½À´Ï´Ù.
HTML ±âÃÊ¿¡¼´Â ´Ù¾çÇÑ Å±×ÀÇ »ç¿ë¹ýÀ» ÇнÀÇÏ°í À¥ÆäÀÌÁö Á¦ÀÛÀÇ °¡Àå Å« ¸ñÇ¥ÀÎ ³»¿ëÀ» Á¤È®ÇÏ°Ô Àü´ÞÇÏ°í, À¥ Ç¥ÁØÀ» ÁؼöÇÏ¿© ű׸¦ ÀÛ¼ºÇÒ ¼ö ÀÖ°Ô °¡¸£Ä¨´Ï´Ù.
CSS ºÎºÐÀº HTML¿¡¼ »ç¿ëÇÏ´Â ÁÖ¿ä ¿ä¼Òµé¿¡ ´ëÇÑ ¼³¸íÀ» ÇÏ°í ÀÖ½À´Ï´Ù. ±×¸®°í µ¿ÀûÀÎ À¥»çÀÌÆ®¸¦ ±¸ÇöÇϴµ¥ »ç¿ëÇÏ´Â ¼Ó¼ºµéÀ» ÇнÀÇغ¼ ¼ö ÀÖ½À´Ï´Ù.
ÈĹݿ¡´Â javascript ³»¿ëÀ¸·Î À¥¿¡¼ ÀÚÁÖ »ç¿ëÇϰԵǴ ¹®¹ýµéÀ» ¼³¸íÇÕ´Ï´Ù. ±×µ¿¾È ´«¿¡ º¸ÀÌ´Â °ÍµéÀ» ¸¸Á³´Ù¸é ÀÌÁ¦´Â ±¸µ¿ÇÏ´Â ¹æ¹ý ´õ ÀûÀº ÄÚµå·Î ȸéÀ» ±¸¼ºÇÏ´Â ¹æ¹ýÀ» ¹è¿ì°Ô µË´Ï´Ù. ±×¸®°í À¥»çÀÌÆ®¿¡¼ ÀÚÁÖ ±¸ÇöÇÏ´Â UI/UX ±â´ÉÀ» ±¸ÇöÇغ¾´Ï´Ù. »ç¿ëÀÚÀÇ Çൿ¿¡ µû¶ó À¥»çÀÌÆ®¿¡¼ º¸´Â ³»¿ëµéÀÌ ´Þ¶óÁö°Ô µÇ°í ¹ÝÀÀÀ» ÇϰԵ˴ϴÙ. ÃÖ±Ù¿¡´Â ´Ù¾çÇÑ µð¹ÙÀ̽º°¡ ÀÖ´Â ¸¸Å ¿ì¸®°¡ »ç¿ëÀڵ鿡°Ô ´Ù¾çÇÑ È¸éÀ» ¾î¶»°Ô º¸¿©ÁÙ °ÍÀÎÁö ¹è¿ì¸é¼ °í¹ÎÀ» Çغ¸½Ã±â ¹Ù¶ø´Ï´Ù.
¸¶Áö¸·À¸·Î ½ÇÀü ÇÁ·ÎÁ§Æ®·Î ¿ì¸®°¡ ÇнÀÇÑ ³»¿ëÀ» ¹ÙÅÁÀ¸·Î À¥»çÀÌÆ®¸¦ ±¸ÇöÇغ¾´Ï´Ù. ÀÌ°ÍÀ¸·Î HTML, CSS, javascript°¡ ¾î¶»°Ô ¿¬°èµÇ´ÂÁö ÇнÀÇغ¼ ¼ö ÀÖ½À´Ï´Ù.
¸ð¹ÙÀÏ À¥ ½ÃÀåÀº °è¼Ó È®ÀåµÇ°í ÀÖ½À´Ï´Ù. ÀÌ¿¡ ´ëºÎºÐÀÇ IT À¥¾Û ¼ºñ½º ȸ»çµéÀÌ À¥ ºä¸¦ µµÀÔÇÏ¿© À¥ ÇÁ·ÐÆ®¿£µå °³¹ßÀÚÀÇ ¼ö¿ä°¡ Áõ°¡ÇÏ°í ÀÖ½À´Ï´Ù. ÀÌ¿¡ ¸Â°Ô °³¹ßÀÚµéÀº »ç¿ëÀÚ¿¡°Ô Àü´ÞÀÌ Àß µÉ ¼ö ÀÖµµ·Ï ÇÏ´Â °ÍÀÌ Áß¿äÇØÁý´Ï´Ù. ±âº»ÀûÀÎ HTML, CSS, javascript¸¦ ´Ù·ç°Ô µÇ¸é ¾ÕÀ¸·Î À¥¼ºñ½º¸¦ ¾î¶»°Ô ±¸ÇöÇÒÁö °í¹ÎÀ» ÇØ¾ß ÇÒ °ÍÀÔ´Ï´Ù. ÀÌ Ã¥Àº ±× ±âº»À» ¾Ë ¼ö ÀÖ°Ô µµ¿ÍÁִ åÀ̹ǷΠÂ÷±ÙÂ÷±Ù µû¶óÇÏ´Ù º¸¸é ´É¼÷ÇÏ°Ô ´Ù·ê ¼ö ÀÖÀ» °ÍÀÌ°í ¾î·Æ´Ù¸é À¯Æ©ºê °ÀÇ¿Í ÄÚµù Ç÷§ÆûÀ» ÅëÇØ º¹½ÀÇØ º¼ ¼ö ÀÖÀ¸´Ï Çѹø µµÀüÇغ¸½Ã±â ¹Ù¶ø´Ï´Ù.
¡´º£Å¸ ¸®´õ Áß¿¡¼¡µ
“Æò¼Ò À¥ ÆÛºí¸®½Ì¿¡ °ü½ÉÀº ¸¹¾ÒÁö¸¸ ¹Ù»Û ÀÏ»óÀ¸·Î ÀÎÇØ ¾öµÎ¸¦ ³»Áö ¸øÇß´ø ºÐµéÀÌ °øºÎÇϱ⿡ ÀûÇÕÇÑ Ã¥À̶ó°í »ý°¢ÇÕ´Ï´Ù.”
“Ãë¾÷À» ÁغñÇÏ¸é °¡º±°Ô CSS Áö½ÄÀ» ÈÈ°í Áö³ª°¥ ¼ö ÀÖ´Â Á¤µµÀÇ ¼öÁØÀ¸·Î ÇÁ·ÐÆ®¿£µå¸¦ ÁغñÇÏ´Â ºÐµéµµ Çʼö·Î ÀÐÀ¸½Ã¸é Å« µµ¿òÀ» ¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù.”
“°¨È÷ À¥ ÆÛºí¸®½Ì ÀÔ¹®À» À§ÇÑ ÇöÁ¸ ÃÖ°íÀÇ Ã¥ÀÌ¶ó ¸»¾¸µå¸®°í ½Í½À´Ï´Ù.”
µµ¼¸í |
[»ó¼¼¼³¸íÂüÁ¶] |
ÀúÀÚ, ÃâÆÇ»ç |
[»ó¼¼¼³¸íÂüÁ¶] |
Å©±â |
[»ó¼¼¼³¸íÂüÁ¶] |
Âʼö |
[»ó¼¼¼³¸íÂüÁ¶] |
Á¦Ç°±¸¼º |
[»ó¼¼¼³¸íÂüÁ¶] |
¹ßÇàÀÏ |
[»ó¼¼¼³¸íÂüÁ¶] |
¸ñÂ÷ ¶Ç´Â Ã¥¼Ò°³ |
[»ó¼¼¼³¸íÂüÁ¶] |