ÄÜÅÙÃ÷ »ó¼¼º¸±â
ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö


ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö

ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö

<Àüº´¼±> Àú | ¸®¾óµ¥ºê·¯´×

Ãâ°£ÀÏ
2023-01-16
ÆÄÀÏÆ÷¸Ë
ePub
¿ë·®
13 M
Áö¿ø±â±â
PC½º¸¶Æ®ÆùÅÂºí¸´PC
ÇöȲ
½Åû °Ç¼ö : 0 °Ç
°£·« ½Åû ¸Þ¼¼Áö
ÄÜÅÙÃ÷ ¼Ò°³
¸ñÂ÷
ÇÑÁÙ¼­Æò

ÄÜÅÙÃ÷ ¼Ò°³

ÀÚ¹Ù ½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹ÖÀº 14 °³ÀÇ Àå¿¡¼­ ´ëºÎºÐÀÇ À¥ ºê¶ó¿ìÀú¿¡¼­ Áö¿øÇÏ´Â ECMAScript 6 »ç¾çÀ» ÁؼöÇÏ´Â ÃֽŠ¹öÀüÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î°¡ Á¦°øÇÏ´Â ±â´É¿¡ ´ëÇؼ­ ¼³¸íÇÑ´Ù.
1Àå ÀÚ¹Ù½ºÅ©¸³Æ® ½ÃÀÛ¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¸¦ ÇнÀÇϴµ¥ ÇÊ¿äÇÑ °³¹ß µµ±¸¸¦ ¼³Ä¡ÇÏ°í ù¹ø° ÀÚºñ½ºÅ©¸³Æ® ÇÁ·Î±×·¥À» ÀÛ¼ºÇÏ°í ±âº» ±¸¹®À» °³°üÇÑ´Ù. 2Àå °ª°ú º¯¼ö¿¡¼­´Â ¼ö¿Í ÅؽºÆ®, ºÒ¸®¾È µîÀÇ °ªÀ» Ç¥ÇöÇÏ´Â ¹æ¹ý°ú ÀÌµé °ªÀ» ÀúÀåÇÏ´Â º¯¼ö¿¡ ´ëÇؼ­ »ìÆ캸°í, 3Àå ¿¬»êÀÚ¿¡¼­´Â »ê¼ú ¿¬»êÀÚ, ºñ±³ ¿¬»êÀÚ, ³í¸® ¿¬»êÀÚ, ºñÆ® ¿¬»êÀÚ, ´ëÀÔ ¿¬»êÀÚ, ±âŸ ¿¬»êÀÚ µî ¿©¼¸ °¡Áö À¯ÇüÀÇ ¿¬»êÀÚ¸¦ »ç¿ëÇÏ´Â ¹æ¹ýÀ» ÇнÀÇÑ´Ù.
4Àå Á¦¾î¹®¿¡¼­´Â ¸í·É¹®°ú ÇÔ²² ƯÁ¤ÇÑ Á¶°Ç¿¡ µû¶ó ºÐ±âÇÏ´Â Á¶°Ç¹®°ú ¹Ýº¹ÇÏ¿© ¸í·É¹®À» ½ÇÇàÇÏ´Â ¹Ýº¹¹®¿¡ ´ëÇØ »ìÆ캸°í ¿¡·¯°¡ ¹ß»ýÇÏ´Â ¿¹¿ÜÀûÀÎ »óȲ¿¡ ´ëÇØ ´ëóÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÑ´Ù.
5Àå °´Ã¼¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ º¹ÇÕÀûÀÎ µ¥ÀÌÅ͸¦ Ç¥ÇöÇÏ´Â °¡Àå Áß¿äÇÑ ±¸¼º ¿ä¼ÒÀÎ °´Ã¼¿¡ ´ëÇØ ÇнÀÇÑ´Ù. ÀÌ¿ÍÇÔ²² ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¿¡ ±âº»ÀûÀ¸·Î Á¦°øÇÏ°í ¸¹ÀÌ »ç¿ëÇÏ´Â Object °´Ã¼¿Í ¹®ÀÚ¿­ °´Ã¼, ±×¸®°í Symbol °´Ã¼¿Í Number ¹× Math °´Ã¼¸¦ »ç¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ­ »ìÆ캻´Ù. 6Àå ¹è¿­¿¡¼­´Â ¼ø¼­¸¦ °®´Â °ªÀÇ ÁýÇÕÀ¸·Î Ưº°ÇÑ °´Ã¼ÀÇ Çü½ÄÀÎ ¹è¿­¿¡ ´ëÇØ ´Ù·é´Ù.
7Àå ÇÔ¼ö¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¥¿¡¼­ °¡Àå Áß¿äÇÏ°í ±âº»ÀûÀÎ ºôµù ºí·°ÀÎ ÇÔ¼ö¿¡ ´ëÇØ ÇнÀÇÑ´Ù. ÇÔ¼ö¸¦ Á¤ÀÇÇÏ°í È£ÃâÇÏ´Â ¹æ¹ý, ¸Å°³º¯¼ö¸¦ Á¤ÀÇÇÏ°í Àμö¸¦ Àü´ÞÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ­ ´Ù·é´Ù. ÀÌ¿ÍÇÔ²² °ªÀ¸·Î¼­ ÇÔ¼ö°¡ Á¦°øÇϴ Ŭ·ÎÀú¶ó°í ÇÏ´Â °í±Þ °³³ä¿¡ ´ëÇؼ­µµ »ìÆ캸°Ô µÈ´Ù.
8Àå Ŭ·¡½º¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ Ŭ·¡½º¸¦ Á¤ÀÇÇÏ°í »ç¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇØ ÇнÀÇÑ´Ù. ÀÌÀü ¹öÀüÀÇ ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼­ºÎÅÍ Á¦°øÇÏ´Â ÇÁ·ÎÅäŸÀÔ°ú »ý¼ºÀÚ ÇÔ¼ö¸¦ »ç¿ëÇÏ´Â ¹æ¹ý»Ó¸¸ ¾Æ´Ï¶ó ÃÖ±Ù¿¡ µµÀÔµÈ class ¿¹¾à¾î¸¦ »ç¿ëÇÏ¿© Ŭ·¡½º¸¦ Á¤ÀÇÇÏ°í °´Ã¼¸¦ »ý¼ºÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ­µµ ¼³¸íÇÑ´Ù. ÀÌ¿ÍÇÔ²² »ó¼Ó¼ºÀ» ±¸ÇöÇÏ´Â ¼­ºê Ŭ·¡½º¿¡ ´ëÇؼ­µµ »ìÆ캸°í, ¾ÆÁ÷ Ç¥ÁØÀ¸·Î Á¤ÂøµÇÁö´Â ¸øÇßÁö¸¸ ½Ç¹«¿¡¼­ ¸¹ÀÌ »ç¿ëÇÏ´Â »õ·Î¿î Ŭ·¡½º ±â´É¿¡ ´ëÇؼ­µµ »ìÆ캻´Ù.
9Àå ¸ðµâ¿¡¼­´Â ÀÌÀü ¹öÀü¿¡¼­ ¿©·¯ °³ÀÇ ÀÚ¹Ù½ºÅ©¸³Æ® ÆÄÀÏ·Î ¸ðµâÀ» ºÐÇÒÇÏ´Â ¹æ¹ý »Ó¸¸ ¾Æ´Ï¶ó ÃֽŠ¹öÀü¿¡¼­ Á¦°øÇÏ´Â ¸ðµâ Á¤ÀÇ ¹æ¹ý¿¡ ´ëÇؼ­µµ ÇнÀÇÑ´Ù. ±×¸®°í 10Àå Ç¥ÁØ ¶óÀ̺귯¸®¿¡¼­´Â ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î¿¡ ³»ÀåµÇ¾î Àִ ǥÁØ ³»ÀÚ °´Ã¼ Áß¿¡¼­ ½Ç¹«¿¡¼­ ¸¹ÀÌ »ç¿ëµÇ´Â Set°ú Map, RegExp, Date, Error, JSON, URL °´Ã¼¿¡ ´ëÇؼ­ »ìÆ캻´Ù.
11Àå ÀÌÅÍ·¹ÀÌÅÍ¿Í Á¦³Ê·¹ÀÌÅÍ´Â ¼øȸÇÒ ¼ö ÀÖ´Â °´Ã¼°¡ Á¦°øÇÏ´Â ÀÌÅÍ·¹ÀÌÅÍ¿Í Á¦³Ê·¹ÀÌÅ͸¦ »ý¼ºÇÏ´Â °í±Þ ±â´É¿¡ ´ëÇؼ­ »ìÆ캸°í, 12Àå ºñµ¿±â ÇÁ·Î±×·¡¹Ö¿¡¼­´Â ºñµ¿±â½ÄÀ¸·Î ÇÁ·Î±×·¡¹ÖÇϴµ¥ ÇÊ¿äÇÑ Äݹé ÇÔ¼ö¿Í ÇÁ·Î¹Ì½º, ±×¸®°í async¿Í await µî °í±Þ ÀÚ¹Ù½ºÅ©¸³Æ® ±â´É¿¡ ´ëÇؼ­ ÇнÀÇÑ´Ù.
±×¸®°í ¸¶Áö¸· µÎ ÀåÀº À¥ Ŭ¶óÀ̾ðÆ® ½ºÅ©¸³Æà ¾ð¾î·Î¼­ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ Á¦°øÇÏ´Â ±â´É¿¡ ´ëÇؼ­ ÇнÀÇÑ´Ù. 13Àå Ŭ¶óÀ̾ðÆ® ½ºÅ©¸³Æà I¿¡¼­´Â À¥ Ŭ¶óÀ̾ðÆ® ½ºÅ©¸³ÆÃÀÇ ÇÙ½ÉÀÎ DOM¿¡ ´ëÇØ °³°üÇϸç, CSS ½ºÅ©¸³ÆÃÀ¸·Î HTMl ¹®¼ºÀÇ ½Ã°¢ÀûÀÎ ¿ÜÇü°ú ·¹À̾ƿôÀ» º¯°æ½ÃÅ°´Â ¹æ¹ý°ú HTML ¿ä¼Ò¿¡ ¾î¶² Èï¹Ì·Î¿î ÀÏÀÌ ÀϾ ¶§¸¶´Ù ¹ß»ýÇÏ´Â À̺¥Æ®¸¦ ½ºÅ©¸³ÆÃÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ­ ÇнÀÇÑ´Ù. 14Àå¿¡¼­´Â HTML¿¡¼­ À¥ ¼­¹ö¿Í »óÈ£ Åë½ÅÇÒ ¶§ »ç¿ëÇÏ´Â HTTP ÇÁ·ÎÅäÄÝ¿¡ ´ëÇؼ­ »ìÆ캸¸ç, HTML¿¡¼­ À¥ ¼­¹ö¿¡°Ô ¸®¼Ò½º¸¦ ¿äûÇÏ´Â ¹æ¹ý°ú À¥ ÆûÀ» À¥ ¼­¹ö¿¡ Á¦ÃâÇϴ¹æ¹ý¿¡ ´ëÇؼ­ ÇнÀÇÑ´Ù. ¶ÇÇÑ Å¬¶óÀ̾ðÆ® ÀúÀå¼Ò·Î¼­ ÄíÅ°¿Í À¥ ½ºÅ丮Áö¸¦ »ç¿ëÇÏ´Â ¹æ¹ý¿¡ ´ëÇؼ­µµ »ìÆ캻´Ù.
ÀÌ¿Í °°Àº ÀÚ¹Ù½ºÅ©¸³Æ® ÇÁ·Î±×·¡¹Ö Áö½ÄÀº ¿©·¯ºÐÀÌ Æ¯º°È÷ JSP³ª ¸®¾×Æ® ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏ´Â À¥ Ŭ¶óÀ̾ðÆ® ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÒ ¶§ À¯¿ëÇÏ°Ô È°¿ëÇÒ ¼ö ÀÖÀ¸¸ç, ±× ¿Ü¿¡µµ Node.js ·Î À¥ ¼­¹ö ¾ÖÇø®ÄÉÀ̼ÇÀ» ±¸ÇöÇϰųª ¸ð¹ÙÀÏ ¾ÖÇø®ÄÉÀÌ¼Ç ¶Ç´Â Electron ÇÁ·¹ÀÓ¿öÅ©¸¦ »ç¿ëÇÏ¿© µ¥½ºÅ©Åé ¾ÖÇø®ÄÉÀ̼ÇÀ» °³¹ßÇÒ ¶§µµ È°¿ëÇÒ ¼ö ÀÖ´Ù.

¸ñÂ÷

1. ÀÚ¹Ù½ºÅ©¸³Æ® ½ÃÀÛ
À¥ Ç¥ÁØ
ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î °³¿ä
ÀÚ¹Ù½ºÅ©¸³Æ® °³¹ß µµ±¸
ù¹ø° ÀÚ¹Ù½ºÆ®¸³Æ® ÇÁ·Î±×·¥
ÀÚ¹Ù½ºÅ©¸³Æ® ¾ð¾î ±âº» ±¸¹®
2. °ª°ú º¯¼ö
¼ö
ÅؽºÆ®
ºÒ¸®¾È
null°ú undefined
º¯¼ö
º¯¼ö ¹üÀ§
var º¯¼ö
¾ö°ÝÇÑ ¸ðµå
3. ¿¬»êÀÚ
Ç¥Çö½Ä°ú ¿¬»êÀÚ
»ê¼ú ¿¬»êÀÚ
ºñ±³ ¿¬»êÀÚ
³í¸® ¿¬»êÀÚ
ºñÆ® ¿¬»êÀÚ
´ëÀÔ ¿¬»êÀÚ
±âŸ ¿¬»êÀÚ
¿¬»êÀÚ ¿ì¼±¼øÀ§
4. Á¦¾î¹®
¸í·É¹®
Á¶°Ç¹®
¹Ýº¹¹®
¿¹¿Ü ó¸®
5. °´Ã¼
°´Ã¼ »ý¼º
°´Ã¼ ¼Ó¼º
Object Ŭ·¡½º
¹®ÀÚ¿­ °´Ã¼
Symbol °´Ã¼
Number/Math °´Ã¼
6. ¹è¿­
¹è¿­ »ý¼º
¹è¿­ ¿ä¼Ò Á¢±Ù
¹è¿­ ¸Þ¼­µå
´ÙÂ÷¿ø ¹è¿­
7. ÇÔ¼ö
ÇÔ¼ö °³¿ä
ÇÔ¼ö Á¤ÀÇ¿Í È£Ãâ
¸Å°³º¯¼ö¿Í Àμö
Ŭ·ÎÀú
ÇÔ¼ö ¼Ó¼º°ú ¸Þ¼­µå
8. Ŭ·¡½º
Ŭ·¡½º¿Í ÇÁ·ÎÅäŸÀÔ
Ŭ·¡½º¿Í »ý¼ºÀÚ
class ¿¹¾à¾î
¼­ºê Ŭ·¡½º
»õ·Î¿î Ŭ·¡½º ±â´É
9. ¸ðµâ
ÀÌÀü ¹æ½Ä ¸ðµâ
ES6 ¸ðµâ
¸ðµâ ºÐÇÒ »ç·Ê
10. Ç¥ÁØ ¶óÀ̺귯¸®
Ç¥ÁØ ³»Àå °´Ã¼
Set
Map
RegExp
Date
Error
JSON
URL
11. ÀÌÅÍ·¹ÀÌÅÍ¿Í Á¦³Ê·¹ÀÌÅÍ
¼øȸÇÒ ¼ö ÀÖ´Â °´Ã¼
ÀÌÅÍ·¹ÀÌÅÍ
Á¦³Ê·¹ÀÌÅÍ
12. ºñµ¿±â ÇÁ·Î±×·¡¹Ö
µ¿±â½Ä/ºñµ¿±â½Ä
Äݹé ÇÔ¼ö
ÇÁ·Î¹Ì½º
º´·Ä ÇÁ·Î¹Ì½º
¼øÂ÷ ÇÁ·Î¹Ì½º
async¿Í await
ºñµ¿±â ÀÌÅÍ·¹ÀÌÅÍ/Á¦³Ê·¹ÀÌÅÍ
13. Ŭ¶óÀ̾ðÆ® ½ºÅ©¸³Æà I
HTML°ú ÀÚ¹Ù½ºÅ©¸³Æ®
DOM
CSS ½ºÅ©¸³ÆÃ
À̺¥Æ® ½ºÆ®¸³ÆÃ
14. Ŭ¶óÀ̾ðÆ® ½ºÅ©¸³Æà II
HTTP ÇÁ·ÎÅäÄÝ
HTTP ¿äû
À¥ Æû
Ŭ¶óÀ̾ðÆ® ÀúÀå¼Ò