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

ÄÚ¾î ÀÚ¹Ù½ºÅ©¸³Æ®
ÄÚ¾î ÀÚ¹Ù½ºÅ©¸³Æ®
  • ÀúÀÚ<Á¤Àç³²> Àú
  • ÃâÆÇ»çÀ§Å°ºÏ½º
  • ÃâÆÇÀÏ2020-02-06
  • µî·ÏÀÏ2022-06-21
º¸À¯ 1, ´ëÃâ 0, ¿¹¾à 0, ´©Àû´ëÃâ 0, ´©Àû¿¹¾à 0

Ã¥¼Ò°³

ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±Ù°£À» ÀÌ·ç´Â ÇÙ½É À̷еéÀ» Á¤È®ÇÏ°Ô ÀÌÇØÇÏ´Â °ÍÀ» ¸ñÇ¥·Î ÇÕ´Ï´Ù!

ÃÖ±Ù À¥ °³¹ß Áø¿µÀº ºü¸£°Ô ¹ßÀüÇÏ°í ÀÖÀ¸¸ç, ±× Á߽ɿ¡´Â ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ÀÖ´Ù°í Çصµ °áÄÚ °ú¾ðÀÌ ¾Æ´Õ´Ï´Ù. ECMAScript2015 ½Ã´ëÀÎ ÇöÀç¿¡ À̸£·¯¼­µµ ES5¿¡¼­ Åë¿ëµÇ´ø ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ÇÙ½É ÀÌ·ÐÀº ¿©ÀüÈ÷ À¯È¿ÇÏ¸ç ¸Å¿ì Áß¿äÇÕ´Ï´Ù.

¡¶ÄÚ¾î ÀÚ¹Ù½ºÅ©¸³Æ®¡·´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ ±Ù°£À» ÀÌ·ç´Â ÇÙ½É À̷еéÀ» Á¤È®ÇÏ°Ô ÀÌÇØÇÏ´Â °ÍÀ» ¸ñÇ¥·Î ÇÕ´Ï´Ù. ±âº» À̷еé Áß ES6¿¡¼­µµ Á߿伺ÀÌ ³ôÀº ÇÙ½É °³³äÀ» À§ÁÖ·Î ´Ù·ç¸ç, Å×Å©´ÐÀ̳ª ¿ä·Éº¸´Ù´Â ¿ø¸®¸¦ ÀÌÇØÇÏ´Â µ¥ ¸ñÀûÀ» µÎ°í ÀÖ½À´Ï´Ù

ÀúÀÚ¼Ò°³

¼º±Õ°ü´ëÇб³¿¡¼­ ¹°¸®ÇÐÀ» Àü°øÇß´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®, jQuery, ReactJS µîÀ» ÁÖÁ¦·Î ´Ù¼öÀÇ ¿ÀÇÁ¶óÀΠ°­ÀǸ¦ ÇßÀ¸¸ç, ¿Â¶óÀΠµ¿¿µ»ó °­ÀÇ(https://www.inflearn.com/instructors/46840/courses)µµ ÁøÇà ÁßÀÌ´Ù. ÇöÀç ¿£¾¾¼ÒÇÁÆ®ÀÇ ÇÁ·±Æ®¿£µå °³¹ßÀڷΠäÆà±â¹Ý Çù¾÷ ÅøÀ» °³¹ßÇÏ°í ÀÖ´Ù.

¸ñÂ÷

¢Ã 01Àå: µ¥ÀÌÅ͠ŸÀÔ
1-1 µ¥ÀÌÅ͠ŸÀÔÀÇ Á¾·ù
1-2 µ¥ÀÌÅ͠ŸÀÔ¿¡ °üÇÑ ¹è°æÁö½Ä
1-2-1 ¸Þ¸ð¸®¿Í µ¥ÀÌÅÍ
1-2-2 ½Äº°ÀÚ¿Í º¯¼ö
1-3 º¯¼ö ¼±¾ð°ú µ¥ÀÌÅÍ ÇÒ´ç
1-3-1 º¯¼ö ¼±¾ð
1-3-2 µ¥ÀÌÅÍ ÇÒ´ç
1-4 ±âº»Çü µ¥ÀÌÅÍ¿Í ÂüÁ¶Çü µ¥ÀÌÅÍ
1-4-1 ºÒº¯°ª
1-4-2 °¡º¯°ª
1-4-3 º¯¼ö º¹»ç ºñ±³
1-5 ºÒº¯ °´Ã¼(immutable object)
1-5-1 ºÒº¯ °´Ã¼¸¦ ¸¸µå´Â °£´ÜÇÑ ¹æ¹ý
1-5-2 ¾èÀº º¹»ç¿Í ±íÀº º¹»ç
1-6 undefined¿Í null
1-7 Á¤¸®
 
¢Ã 02Àå: ½ÇÇà ÄÁÅؽºÆ®
2-1 ½ÇÇà ÄÁÅؽºÆ®¶õ?
2-2 VariableEnvironment
2-3 LexicalEnvironment
2-3-1 environmentRecord¿Í È£À̽ºÆÃ(hoisting)
2-3-2 ½ºÄÚÇÁ, ½ºÄÚÇÁ Ã¼ÀÎ, outerEnvironmentReference
2-4 this
2-5 Á¤¸®
 
¢Ã 03Àå: this
3-1 »óȲ¿¡ µû¶ó ´Þ¶óÁö´Â this
3-1-1 Àü¿ª °ø°£¿¡¼­ÀÇ this
3-1-2 ¸Þ¼­µå·Î¼­ È£ÃâÇÒ ¶§ ±× ¸Þ¼­µå ³»ºÎ¿¡¼­ÀÇ this
3-1-3 ÇÔ¼ö·Î¼­ È£ÃâÇÒ ¶§ ±× ÇÔ¼ö ³»ºÎ¿¡¼­ÀÇ this
3-1-4 Äݹé ÇÔ¼ö È£Ã⠽à±× ÇÔ¼ö ³»ºÎ¿¡¼­ÀÇ this
3-1-5 »ý¼ºÀÚ ÇÔ¼ö ³»ºÎ¿¡¼­ÀÇ this
3-2 ¸í½ÃÀûÀ¸·Î this¸¦ ¹ÙÀεùÇϴ ¹æ¹ý
3-2-1 call ¸Þ¼­µå
3-2-2 apply ¸Þ¼­µå
3-2-3 call / apply ¸Þ¼­µåÀÇ È°¿ë
3-2-4 bind ¸Þ¼­µå
3-2-5 È­»ìÇ¥ ÇÔ¼öÀÇ ¿¹¿Ü»çÇ×
3-2-6 º°µµÀÇ ÀÎÀڷΠthis¸¦ ¹Þ´Â °æ¿ì(Äݹé ÇÔ¼ö ³»¿¡¼­ÀÇ this)
3-3 Á¤¸®
 
¢Ã 04Àå: Äݹé ÇÔ¼ö
4-1 Äݹé ÇÔ¼ö¶õ?
4-2 Á¦¾î±Ç
4-2-1 È£Ãâ ½ÃÁ¡
4-2-2 ÀÎÀÚ
4-2-3 this
4-3 Äݹé ÇÔ¼ö´Â ÇÔ¼ö´Ù
4-4 Äݹé ÇÔ¼ö ³»ºÎÀÇ this¿¡ ´Ù¸¥ °ª ¹ÙÀεùÇϱâ
4-5 Äݹé Áö¿Á°ú ºñµ¿±â Á¦¾î
4-6 Á¤¸®
 
¢Ã 05Àå: Å¬·ÎÀú
5-1 Å¬·ÎÀúÀÇ Àǹ̠¹× ¿ø¸® ÀÌÇØ
5-2 Å¬·ÎÀú¿Í ¸Þ¸ð¸® °ü¸®
5-3 Å¬·ÎÀú È°¿ë »ç·Ê
5-3-1 Äݹé ÇÔ¼ö ³»ºÎ¿¡¼­ ¿ÜºÎ µ¥ÀÌÅ͸¦ »ç¿ëÇÏ°íÀÚ ÇÒ ¶§
5-3-2 Á¢±Ù ±ÇÇÑ Á¦¾î(Á¤º¸ Àº´Ð)
5-3-3 ºÎºÐ Àû¿ë ÇÔ¼ö
5-3-4 Ä¿¸µ ÇÔ¼ö
5-4 Á¤¸®
 
¢Ã 06Àå: ÇÁ·ÎÅäŸÀÔ
6-1 ÇÁ·ÎÅäŸÀÔÀÇ °³³ä ÀÌÇØ
6-1-1 constructor, prototype, instance
6-1-2 constructor ÇÁ·ÎÆÛƼ
6-2 ÇÁ·ÎÅäŸÀԠüÀÎ
6-2-1 ¸Þ¼­µå ¿À¹ö¶óÀ̵å
6-2-2 ÇÁ·ÎÅäŸÀԠüÀÎ
6-2-3 °´Ã¼ Àü¿ë ¸Þ¼­µåÀÇ ¿¹¿Ü»çÇ×
6-2-4 ´ÙÁß ÇÁ·ÎÅäŸÀԠüÀÎ
6-3 Á¤¸®
 
¢Ã 07Àå: Å¬·¡½º
7-1 Å¬·¡½º¿Í ÀνºÅϽºÀÇ °³³ä ÀÌÇØ
7-2 ÀÚ¹Ù½ºÅ©¸³Æ®ÀǠŬ·¡½º
7-3 Å¬·¡½º »ó¼Ó
7-3-1 ±âº» ±¸Çö
7-3-2 Å¬·¡½º°¡ ±¸Ã¼ÀûÀΠµ¥ÀÌÅ͸¦ Áö´ÏÁö ¾Ê°Ô Çϴ ¹æ¹ý
7-3-3 constructor º¹±¸Çϱâ
7-3-4 »óÀ§ Å¬·¡½º¿¡ÀÇ Á¢±Ù ¼ö´Ü Á¦°ø
7-4 ES6ÀǠŬ·¡½º ¹× Å¬·¡½º »ó¼Ó
7-5 Á¤¸®
7-6 ¸¶Ä¡¸ç

ÇÑÁÙ ¼­Æò