ŸÀÔ½ºÅ©¸³Æ® ¹®¹ýÀº ½ÇÀü¿¡¼ ¾î¶»°Ô ¾²À̴°¡?
ŸÀÔ Á¤ÀǸ¦ ºÐ¼®ÇÏ°í, Á÷Á¢ ŸÀÔÀ» ¸¸µé ¼ö Àִ°¡?
½ÇÀüÀ» À§ÇÑ ±âº»±â, ½ÇÁ¦ ¶óÀ̺귯¸® ŸÀÔ ºÐ¼®, ½Ç¹«/½Ç¿ëÀûÀÎ Á¶¾ðÀ» ¸ðµÎ ´ã¾Ò´Ù! (All in One)
Q: ŸÀÔ½ºÅ©¸³Æ®¸¦ ¾î¶»°Ô °øºÎÇØ¾ß ÇÒ±î¿ä?
A: ŸÀÔ½ºÅ©¸³Æ®¸¦ °øºÎÇÒ ¶§ °¡Àå ¸·¸·ÇÑ °Ç ¸·»ó ¹®¹ýÀº ´Ù ¹è¿ü´Âµ¥ ½ÇÀü¿¡¼ ÀÀ¿ëÇÏÁö ¸øÇÑ´Ù´Â °ÍÀÔ´Ï´Ù. ÀÎÅÍÆäÀ̽º, ŸÀÔ ¾ÖÀϸ®¾î½º, Á¦³×¸¯, ¸Êµå ŸÀÔ½º, À妽ºµå ½Ã±×´Ïó µîÀ» ¹è¿öµµ ¾ðÁ¦ ¾î¶² ¹®¹ýÀ» »ç¿ëÇØ¾ß ÇÏ´ÂÁö ¸ð¸£´Â °æ¿ìÀÔ´Ï´Ù. ´Ù¸¥ »ç¶÷ÀÌ ¸¸µç ŸÀÔÀ» ºÐ¼®Çϰųª, Á÷Á¢ ŸÀÔÀ» ¸¸µå´Â µ¥ ¾î·Á¿òÀ» °Þ´Â´Ù¸é ŸÀÔ½ºÅ©¸³Æ® ¹®¹ýÀÌ ½ÇÀü¿¡¼ ¾î¶»°Ô ¾²ÀÌ´ÂÁö ¹è¿ì°í, ŸÀÔÀ» ¾î¶² ½ÄÀ¸·Î ÀÛ¼ºÇسª°¡¸é µÇ´ÂÁö¸¦ Á÷Á¢ ½Ç½ÀÇغ¸¼¼¿ä. ÀÌ Ã¥Àº Á÷Á¢ ŸÀÔÀ» ºÐ¼®ÇÏ¿© ¾µ ¼ö ÀÖµµ·Ï ¸¸µé¾î µå¸³´Ï´Ù. ŸÀÔ½ºÅ©¸³Æ®¸¦ ±íÀÌ ÀÌÇØÇÏ°í, Á¤È®ÇÏ°í È¿À²ÀûÀ¸·Î »ç¿ëÇϵµ·Ï ¾Ë·Á µå¸³´Ï´Ù. _Á¦·ÎÃÊ(Á¶Çö¿µ)
¹®°ú Ãâ½ÅÀÌÁö¸¸, ÀÚ¹Ù½ºÅ©¸³Æ®·Î ÇÁ·Î±×·¡¹ÖÀÇ ¸Å·Â¿¡ ºüÁ³½À´Ï´Ù. Áö±ÝÀº ½ºÅ¸Æ®¾÷¿¡¼ CTO·Î ÀÏÇÏ°í ÀÖÀ¸¸ç, µ¥ÀÌÅÍ ¼öÁý°ú Á¤Á¦ ±×¸®°í ¿ÀÇ ¼Ò½º ±â¿©¿¡ °ü½ÉÀÌ ¸¹½À´Ï´Ù. °³ÀÎ ºí·Î±×¿Í À¯Æ©ºê¸¦ ¿î¿µÇÏ¸ç ¿Â¶óÀÎ °ÀǸ¦ ÁøÇàÇÏ°í ÀÖ½À´Ï´Ù. Àú¼·Î´Â ¡ºNode.js ±³°ú¼¡»(2020, ±æ¹þ)°¡ ÀÖ½À´Ï´Ù.
ºí·Î±× https://www.zerocho.com
À¯Æ©ºê https://www.youtube.com/c/ZeroChoTV
1Àå ŸÀÔ½ºÅ©¸³Æ® ½ÃÀÛÇϱâ
__1.1 ŸÀÔ½ºÅ©¸³Æ®¸¦ °øºÎÇÒ ¶§ ¾Ë¾Æ¾ß ÇÒ ´Ü ÇÑ°¡Áö
__1.2 °ø½Ä ¹®¼¿Í Ç÷¹À̱׶ó¿îµå
__1.3 ¿Ö ŸÀÔÀÌ ÇÊ¿äÇÑ°¡
2Àå ±âº» ¹®¹ý ÀÍÈ÷±â
__2.1 º¯¼ö, ¸Å°³º¯¼ö, ¹Ýȯ°ª¿¡ ŸÀÔÀ» ºÙÀÌ¸é µÈ´Ù
__2.2 ŸÀÔ Ãß·ÐÀ» Àû±Ø È°¿ëÇÏÀÚ
__2.3 °ª ÀÚü°¡ ŸÀÔÀÎ ¸®ÅÍ·² ŸÀÔÀÌ ÀÖ´Ù
__2.4 ¹è¿ ¸»°í Æ©Çõµ ÀÖ´Ù
__2.5 ŸÀÔÀ¸·Î ¾µ ¼ö ÀÖ´Â °ÍÀ» ±¸ºÐÇÏÀÚ
__2.6 À¯´Ï¾ð ŸÀÔÀ¸·Î OR °ü°è¸¦ Ç¥ÇöÇÏÀÚ
__2.7 ŸÀÔ½ºÅ©¸³Æ®¿¡¸¸ Àִ ŸÀÔÀ» ¹è¿ìÀÚ
____2.7.1 any
____2.7.2 unknown
____2.7.3 void
____2.7.4 {}, Object
____2.7.5 never
____2.7.6 ŸÀÔ °£ ´ëÀÔ °¡´ÉÇ¥
__2.8 ŸÀÔ º°ÄªÀ¸·Î ŸÀÔ¿¡ À̸§À» ºÙÀÌÀÚ
__2.9 ÀÎÅÍÆäÀ̽º·Î °´Ã¼¸¦ ŸÀÌÇÎÇÏÀÚ
____2.9.1 ÀÎÅÍÆäÀ̽º ¼±¾ð º´ÇÕ
____2.9.2 ³×ÀÓ½ºÆäÀ̽º
__2.10 °´Ã¼ÀÇ ¼Ó¼º°ú ¸Þ¼µå¿¡ Àû¿ëµÇ´Â Ư¡À» ¾ËÀÚ
____2.10.1 À妽º Á¢±Ù ŸÀÔ
____2.10.2 ¸ÅÇÎµÈ °´Ã¼ ŸÀÔ
__2.11 ŸÀÔÀ» ÁýÇÕÀ¸·Î »ý°¢ÇÏÀÚ(À¯´Ï¾ð, ÀÎÅͼ½¼Ç)
__2.12 ŸÀÔµµ »ó¼ÓÀÌ °¡´ÉÇÏ´Ù
__2.13 °´Ã¼ °£¿¡ ´ëÀÔÇÒ ¼ö ÀÖ´ÂÁö È®ÀÎÇÏ´Â ¹ýÀ» ¹è¿ìÀÚ
____2.13.1 ±¸Á¶Àû ŸÀÌÇÎ
__2.14 Á¦³×¸¯À¸·Î ŸÀÔÀ» ÇÔ¼öó·³ »ç¿ëÇÏÀÚ
____2.14.1 Á¦³×¸¯¿¡ Á¦¾à °É±â
__2.15 Á¶°Ç¹®°ú ºñ½ÁÇÑ ÄÁµð¼Å³Î ŸÀÔÀÌ ÀÖ´Ù
____2.15.1 ÄÁµð¼Å³Î ŸÀÔ ºÐ¹è¹ýÄ¢
__2.16 ÇÔ¼ö¿Í ¸Þ¼µå¸¦ ŸÀÌÇÎÇÏÀÚ
__2.17 °°Àº À̸§ÀÇ ÇÔ¼ö¸¦ ¿©·¯ ¹ø ¼±¾ðÇÒ ¼ö ÀÖ´Ù
__2.18 Äݹé ÇÔ¼öÀÇ ¸Å°³º¯¼ö´Â »ý·« °¡´ÉÇÏ´Ù
__2.19 °øº¯¼º°ú ¹Ý°øº¯¼ºÀ» ¾Ë¾Æ¾ß ÇÔ¼ö³¢¸® ´ëÀÔÇÒ ¼ö ÀÖ´Ù
__2.20 Ŭ·¡½º´Â °ªÀÌ¸é¼ Å¸ÀÔÀÌ´Ù
____2.20.1 Ãß»ó Ŭ·¡½º
__2.21 enumÀº ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼µµ »ç¿ëÇÒ ¼ö ÀÖ´Ù
__2.22 infer·Î ŸÀÔ½ºÅ©¸³Æ®ÀÇ Ãß·ÐÀ» Á÷Á¢ È°¿ëÇÏÀÚ
__2.23 ŸÀÔÀ» Á¼Çô Á¤È®ÇÑ Å¸ÀÔÀ» ¾ò¾î³»ÀÚ
__2.24 ÀÚ±â ÀÚ½ÅÀ» ŸÀÔÀ¸·Î »ç¿ëÇÏ´Â Àç±Í ŸÀÔÀÌ ÀÖ´Ù
__2.25 Á¤±³ÇÑ ¹®ÀÚ¿ Á¶ÀÛÀ» À§ÇØ ÅÛÇø´ ¸®ÅÍ·² ŸÀÔÀ» »ç¿ëÇÏÀÚ
__2.26 Ãß°¡ÀûÀΠŸÀÔ °Ë»ç¿¡´Â satisfies ¿¬»êÀÚ¸¦ »ç¿ëÇÏÀÚ
__2.27 ŸÀÔ½ºÅ©¸³Æ®´Â °Ç¸ÁÁõÀÌ ½ÉÇÏ´Ù
__2.28 ¿ø½Ã ÀÚ·áÇü¿¡µµ ºê·£µù ±â¹ýÀ» »ç¿ëÇÒ ¼ö ÀÖ´Ù
__2.29 ¹è¿î °ÍÀ» ¹ÙÅÁÀ¸·Î ŸÀÔÀ» ¸¸µé¾îº¸ÀÚ
____2.29.1 ÆÇ´ÜÇϴ ŸÀÔ ¸¸µé±â
____2.29.2 ÁýÇÕ °ü·Ã ŸÀÔ ¸¸µé±â
__2.30 ŸÀÔ½ºÅ©¸³Æ®ÀÇ ¿¡·¯ ÄÚµå·Î °Ë»öÇÏÀÚ
__2.31 ÇÔ¼ö¿¡ ±â´ÉÀ» Ãß°¡ÇÏ´Â µ¥ÄÚ·¹ÀÌÅÍ ÇÔ¼ö°¡ ÀÖ´Ù
__2.32 ¾Úºñ¾ðÆ® ¼±¾ðµµ ¼±¾ð º´ÇÕÀÌ µÈ´Ù
3Àå lib.es5.d.ts ºÐ¼®Çϱâ
__3.1 Partial, Required, Readonly, Pick, Record
__3.2 Exclude, Extract, Omit, NonNullable
__3.3 Parameters, ConstructorParameters, ReturnType, InstanceType
__3.4 ThisType
__3.5 forEach ¸¸µé±â
__3.6 map ¸¸µé±â
__3.7 filter ¸¸µé±â
__3.8 reduce ¸¸µé±â
__3.9 flat ºÐ¼®Çϱâ
__3.10 Promise, Awaited ŸÀÔ ºÐ¼®Çϱâ
__3.11 bind ºÐ¼®Çϱâ
4Àå ŸÀÔ½ºÅ©¸³Æ® ÇÁ·ÎÁ§Æ® ¼³Á¤Çϱâ
__4.1 °³¹ß ȯ°æ ¼³Á¤Çϱâ
____4.1.1 ³ëµå ¼³Ä¡Çϱâ
____4.1.2 Visual Studio Code ¼³Ä¡Çϱâ
____4.1.3 ŸÀÔ½ºÅ©¸³Æ® ¼³Ä¡Çϱâ
__4.2 ŸÀÔ½ºÅ©¸³Æ® Áö¿ø ÆÐÅ°ÁöÀÎÁö ÆľÇÇϱâ
__4.3 tsc¿Í tsconfig.json
____4.3.1 tsc ¸í·É¾î·Î ÀÚ¹Ù½ºÅ©¸³Æ®·Î º¯È¯Çϱâ
5Àå jQuery ŸÀÔ ºÐ¼®Çϱâ
__5.1 jQuery Á÷Á¢ ŸÀÌÇÎÇϱâ
__5.2 export = ŸÀÔ ÀÌÇØÇϱâ
__5.3 ½ºÅ©¸³Æ® ÆÄÀÏ°ú ¸ðµâ ÆÄÀÏ ÀÌÇØÇϱâ
__5.4 js ÆÄÀÏ »ý¼ºÇϱâ
6Àå Axios ŸÀÔ ºÐ¼®Çϱâ
__6.1 Axios Á÷Á¢ ŸÀÌÇÎÇϱâ
__6.2 ´Ù¾çÇÑ ¸ðµâ Çü½ÄÀ¸·Î js ÆÄÀÏ »ý¼ºÇϱâ
__6.3 axiosÀÇ Å¸ÀÔÀ» ¾î¶»°Ô ã¾Ò´ÂÁö ÀÌÇØÇϱâ
7Àå React ŸÀÔ ºÐ¼®Çϱâ
__7.1 React Hooks ºÐ¼®Çϱâ
____7.1.1 useState
____7.1.2 useRef
____7.1.3 useEffect
____7.1.4 useMemo, useCallback
__7.2 JSX ŸÀÔ ÀÌÇØÇϱâ
__7.3 React Á÷Á¢ ŸÀÌÇÎÇϱâ
__7.4 js ÆÄÀÏ »ý¼ºÇϱâ
8Àå Node.js ŸÀÔ ºÐ¼®Çϱâ
__8.1 Node.js Á÷Á¢ ŸÀÌÇÎÇϱâ
__8.2 js ÆÄÀÏ »ý¼ºÇϱâ
9Àå Express ŸÀÔ ºÐ¼®Çϱâ
__9.1 req, res, next ŸÀÔ ºÐ¼® ¹× ŸÀÌÇÎÇϱâ
__9.2 Express Á÷Á¢ ŸÀÌÇÎÇϱâ
10Àå ÆÐÅ°Áö Á÷Á¢ ŸÀÌÇÎÇϱâ
__10.1 ŸÀÔÀ» Áö¿øÇÏÁö ¾Ê´Â ÆÐÅ°Áö ŸÀÌÇÎÇϱâ
____10.1.1 baseUrl°ú paths·Î ŸÀÌÇÎÇϱâ
__10.2 js ÆÐÅ°Áö¸¦ ¸¸µé°í ŸÀÔ Ãß°¡Çϱâ
__10.3 ts ÆÐÅ°Áö¸¦ ¸¸µé°í .d.ts »ý¼ºÇϱâ
__10.4 js ÇÁ·ÎÁ§Æ®¸¦ ts·Î ÀüȯÇϱâ