|
|
|
JavaScript & jQuery(ÀÚ¹Ù½ºÅ©¸³Æ®&Á¦ÀÌÄõ¸®)
|
|
|
±è¿µÃµ
¤Ó
±âÇÑÀç
|
|
|
|
- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
¡ºJavaScript & jQuery(ÀÚ¹Ù½ºÅ©¸³Æ®&Á¦ÀÌÄõ¸®)¡»´Â ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ ¹è¿ï ¼ö ÀÖµµ·Ï ±¸¼ºÇÑ Ã¥ÀÌ´Ù. ÇÁ·Î±×·¥¸¶´Ù Ç×»ó Æ÷ÇԵǾî ÀÖ´Â ±âº»ÀûÀÎ ÇÁ·Î±×·¥ ¹®¹ý°ú °´Ã¼ ÁöÇâ ÇÁ·Î±×·¥ÀÇ ÇÙ½ÉÀ̶ó°í ÇÒ ¼ö ÀÖ´Â °´Ã¼¿Í Ŭ·¡½º¸¦ ÀÌ¿ëÇÑ ÇÔ¼öÀÇ ÀÛ¼ºÀ» ´Ù·é´Ù. ¶ÇÇÑ À̺¥Æ®ÀÇ ¹ß»ýÀ¸·Î ÀÛ¼ºÇØ¾ß ÇÒ À̺¥Æ® Çڵ鷯¿Í À¥ÆäÀÌÁöÀÇ ºñÁÖ¾óÀ» ´ã´çÇÏ°í ÀÖ´Â CSS¿Í ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½ÉÀ̶ó°í ÇÒ ¼ö ÀÖ´Â DOMÀ» Æ÷ÇÔÇÏ°í ÀÖ´Ù.
-
-
Á¦[1]ºÎ JavaScript
Á¦1Àå ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ °³¿ä
1.1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Á¤ÀÇ
1.2 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í À¥ °³¹ß¿¡¼ÀÇ ¿ªÇÒ
1.3 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Æ¯Â¡
1.4 ÀÚ¹Ù½ºÅ©¸³Æ®¿Í À̺¥Æ®
1.5 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ Ç¥ÁØ°ú W3C
1.6 ºê¶ó¿ìÀú
1.7 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÀÛ¼º ¹æ¹ý
Á¦2Àå ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±âº»
2.1 ¹®Àå
2.2 °´Ã¼, ¼Ó¼º, ¸Þ¼ÒµåÀÇ ÀÌÇØ
2.3 µ¥ÀÌÅÍÇü
2.4 º¯¼ö
2.5 ÀÚÁÖ »ç¿ëÇÏ´Â ¸Þ¼Òµå
Á¦3Àå ¿¬»êÀÚ
3.1 ÀÚ¹Ù½ºÅ©¸³Æ® ¿¬»êÀÚ¿Í ¼ö½Ä
3.2 ¿¬»êÀÚÀÇ Çü
Á¦4Àå Á¦¾î¹®°ú¹Ýº¹¹®
4.1 Á¦¾î¹®
4.2 ¹Ýº¹¹®
Á¦5Àå Function¹®
5.1 Function¹®ÀÇ Á¤ÀÇ
5.2 ÀμöÀÇ ¼±¾ð
5.3 ´Ù¾çÇÑ ¹æ¹ýÀÇ function ÇÔ¼ö È£Ãâ
5.4 Return °ª
5.5 À̸§ ¾ø´Â function()ÀÇ º¯¼ö ÁöÁ¤
5.6 closure
5.7 Àç±ÍÀû ÇÔ¼ö È£Ãâ
Á¦6Àå °´Ã¼
6.1 °´Ã¼ÀÇ Á¤ÀÇ
6.2 Ŭ·¡½º¿Í »ç¿ëÀÚ Á¤ÀÇ function
6.3 °´Ã¼ÀÇ ÀÀ¿ë
6.4 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ Á¦°øÇÏ´Â ³»Àå °´Ã¼
6.5 ºê¶ó¿ìÀú °´Ã¼
Á¦7Àå Form°ú ÀԷ¾ç½Ä °´Ã¼
7.1 Document °´Ã¼¿Í ±¸¼º¿ä¼Ò
7.2 Form °´Ã¼
7.3 Form ÄÁÆ®·ÑÀÇ Á¾·ù
Á¦8Àå À̺¥Æ® Çڵ鷯
8.1 À̺¥Æ® Çڵ鷯ÀÇ Á¤ÀÇ
8.2 À̺¥Æ® Çڵ鷯¿¡¼ÀÇ inline ¸ðµ¨
8.3 À̺¥Æ® ÇÚµé...·¯ÀÇ Á¾·ù
Á¦9Àå DOM
9.1 W3C DOM
9.2 ³ëµå¸¦ ÀÌ¿ëÇÑ DOMÀÇ Ã³¸® ¹æ¹ý
9.3 ³ëµå(node)
9.4 °£´ÜÇÑ DOM Ž»ö ¸Þ¼Òµå
9.6 DOM ¸Þ¼ÒµåÀÇ º¯°æ
Á¦10Àå ÄíÅ°
10.1 ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÄíÅ° ±¸Á¶
10.2 ÄíÅ° Á¤º¸
Á¦11Àå CSS
11.1 CSS
11.2 ½ºÅ¸ÀϽÃÆ®ÀÇ Á¤ÀÇ
11.3 Selector
11.4 Font ¼Ó¼º
11.5 Text ¼Ó¼º
11.6 Background¿Í À̹ÌÁö ¼Ó¼º
11.7 Margin°ú Border
11.8 ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ÀÇ CSS
Á¦[2]ºÎ jQuery
Á¦12Àå jQueryÀÇ ¼Ò°³
12.2 jQuery ¶óÀ̺귯¸® ¼³Ä¡
12.3 jQuery ¶óÀ̺귯¸® ¼±¾ð
12.4 jQuery ¿ä¼ÒÀÇ ¿¬°á
Á¦13Àå jQueryÀÇ ÀÀ¿ë
13.1 jQueryÀÇ Æ¯Â¡
13.2 functionÀÇ Á¾·ù
13.3 jQuery function ±â´É ¼Ò°³
Á¦14Àå jQueryÀÇ À̺¥Æ®
14.1 jQueryÀÇ À̺¥Æ® Çڵ鷯
14.2 jQuery À̺¥Æ® Çڵ已 ±â´É ¼Ò°³
14.3 À̺¥Æ® °´Ã¼ÀÇ ÀÌ¿ë
Á¦15Àå jQueryÀÇ ½Ã°¢Àû È¿°ú¿Í ¾Ö´Ï¸ÞÀ̼Ç
15.1 jQueryÀÇ ½Ã°¢Àû È¿°ú ÀÌÇØ
15.2 jQueryÀÇ ½Ã°¢Àû È¿°ú¿Í ¾Ö´Ï¸ÞÀÌ¼Ç ½Ç½À
Á¦16Àå jQuery À¯Æ¿¸®Æ¼
16.1 $each¸¦ ÀÌ¿ëÇÑ °´Ã¼ ¿ä¼ÒÀÇ ¹Ýº¹ ó¸®
16.2 ºê¶ó¿ìÀúÀÇ Æ¯Á¤ ±â´É °Ë»ö
16.3 jQuery¿¡¼ ¹è¿ ó¸®
Á¦17Àå jQuery UI ¿ä¼Ò
17.1 jQuery UI ¶óÀ̺귯¸® Ãß°¡
17.2 jQuery UI ¿ä¼ÒÀÇ Á¾·ù
17.3 jQuery Animation
-
-
|
±è¿µÃµ [Àú]
|
|
-
Àú¼ [JavaScript & jQuery]
-
-
Àüü 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ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
|
|
|