๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ

(2)
[TS] ํ”„๋กœ์ ํŠธ์— tsconfig ์„ค์ •ํ•˜๊ธฐ. ํ”„๋กœ์ ํŠธ๋ฅผ ์ฒ˜์Œ ์„ธํŒ…ํ•  ๋•Œ, TypeScript ๋กœ ํƒ€์ž… ์ฒดํฌ๋ฅผ ์–ด๋””๊นŒ์ง€ ํ—ˆ์šฉํ• ์ง€, ์–ด๋–ค ์„ค์ •์œผ๋กœ ์šฐ๋ฆฌ์˜ ํ”„๋กœ์ ํŠธ๋ฅผ ์“ธ์ง€ ๊ณ ๋ฏผํ•˜๋˜ ์ค‘ ํŒ€์›๋“ค(+๋‚˜)์˜ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋Šฅ์ˆ™๋„๊ฐ€ ๊ทธ๋ฆฌ ๋†’์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ๋˜์–ด ๊ธฐ๋ณธ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์„ธํŒ…์„ ํ•˜๋ฉฐ ์“ฐ๋Š” ๊ธ€. tsconfig.json ์„ค์ • fucntion add(a,b){ return a+b; } add(10, null); // noImplicitAny ์„ค์ •์ด ๊บผ์ ธ์žˆ๋‹ค๋ฉด ์œ„์˜ ์ฝ”๋“œ๋Š” ํƒ€์ž…์ฒด์ปค๋ฅผ ํ†ต๊ณผํ•˜๊ณ , // noImplicitAny ์„ค์ •์ด ์ผœ์ ธ์žˆ๋‹ค๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋œ๋‹ค. **์œ„์˜ ์˜ˆ์‹œ์˜ ๊ฒฝ์šฐ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ์„ค์ •์— ๋”ฐ๋ผ ๋™์ผ ์ฝ”๋“œ๋ผ๋„ ํƒ€์ž… ์ฒด์ปค์˜ ํ†ต๊ณผ ๊ฐ€๋Šฅ์—ฌ๋ถ€๊ฐ€ ๋‹ฌ๋ผ์ง„๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์„ค์ •์ด 100๊ฐœ ๊ฐ€๊นŒ์ด ๋˜๊ธฐ๋•Œ๋ฌธ์—, ์šฐ๋ฆฌ ํ”„๋กœ์ ํŠธ์—์„œ ์–ด๋–ค ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์„ค์ •์„ ์‚ฌ์šฉํ•˜๋Š”์ง€..
[ ์ฑ… ์ถ”์ฒœ ] ์ดํŽ™ํ‹ฐ๋ธŒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์˜ฌํ•ด 1์›” ๋ง๋ถ€ํ„ฐ ์–ผ๋งˆ ์ „๊นŒ์ง€ ์ง„ํ–‰ํ–ˆ๋˜ Learning React(๋Ÿฌ๋‹ ๋ฆฌ์•กํŠธ) ์ฑ… ์Šคํ„ฐ๋”” ํŒ€๊ณผ ๋Ÿฌ๋‹ ๋ฆฌ์•กํŠธ ์ฑ… ์Šคํ„ฐ๋””๋ฅผ ๋งˆ์น˜๊ณ , 3์›”๋ถ€ํ„ฐ ์ƒˆ๋กญ๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ๋ผ๋Š” ์ฑ…์„ ์Šคํ„ฐ๋”” ์‹œ์ž‘ ์ „์— ๋ฏธ๋ฆฌ ํ›‘์–ด๋ณด์•˜๋‹ค. ํƒ€์ž… ์Šคํฌ๋ฆฝํŠธ๋Š” ๋‚ด๊ฐ€ ์‹ค๋ฌด์—์„œ๋„ ์ž์ฃผ ์“ฐ๊ณ , ์Šคํ„ฐ๋””์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๋•Œ๋„ ์‚ฌ์šฉํ–ˆ์—ˆ๋Š”๋ฐ, ๊ฐ•์˜๋ฅผ ๋“ค์€ ๊ฒƒ ๋นผ๊ณ ๋Š” ๊นŠ๊ฒŒ ๊ณต๋ถ€ํ•œ ๊ธฐ์–ต์ด ์—†์–ด์„œ ๊ต‰์žฅํžˆ ์ข‹์€ ๊ธฐํšŒ๊ฐ€ ๋  ๊ฒƒ ๊ฐ™์•„์„œ, ์ฑ… ์Šคํ„ฐ๋””๊ฐ€ ๊ธฐ๋‹ค๋ ค์ง„๋‹ค. ์ฑ…์˜ ๋ชฉ์ฐจ๋ฅผ ๊ฐ„๋‹จํžˆ ์†Œ๊ฐœํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์•˜๋‹ค. 1์žฅ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์•Œ์•„๋ณด๊ธฐ 2์žฅ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ํƒ€์ž… ์‹œ์Šคํ…œ 3์žฅ ํƒ€์ž… ์ถ”๋ก  4์žฅ ํƒ€์ž… ์„ค๊ณ„ 5์žฅ any ๋‹ค๋ฃจ๊ธฐ 6์žฅ ํƒ€์ž… ์„ ์–ธ๊ณผ @types 7์žฅ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์‹คํ–‰ํ•˜๊ธฐ 8์žฅ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•˜๊ธฐ ์‚ฌ์‹ค ํšŒ์‚ฌ๋ฅผ ๋‹ค๋‹ˆ๋ฉด์„œ ๋งค์ฃผ ์ •ํ•ด์ง„ ๋ถ„๋Ÿ‰์˜ ์ฑ…์„ ์ฝ๊ณ  ๋‚ด์šฉ ..