TypeScript Basics

1. TypeScript๋ž€?

  • ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์—์„œ ๊ฐœ๋ฐœํ•œ JavaScript์˜ ์ƒ์œ„ ์ง‘ํ•ฉ(Superset) ์–ธ์–ด

  • JavaScript์— ์ •์ ํƒ€์ž… ๊ฒ€์‚ฌ์™€ ํด๋ž˜์Šค ๊ธฐ๋ฐ˜ ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๊ฐœ๋ฐœ๋œ ์–ธ์–ด

2. TypeScript์˜ ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ

  • JavaScript๋Š” ์ฒ˜์Œ์—๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ๋งŒ ๋™์ž‘ํ•˜๋Š” ์Šคํฌ๋ฆฝํŒ… ์–ธ์–ด๋กœ ๋งŒ๋“ค์–ด์กŒ์œผ๋‚˜, JavaScript๋กœ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์ƒํ˜ธ์ž‘์šฉ์ด ์ฆ๊ฐ€ํ•˜๋ฉฐ ํ•„์š”๋กœ ํ•˜๋Š” JavaScript ์ฝ”๋“œ์˜ ์–‘์ด ํญ๋ฐœ์ ์œผ๋กœ ๋Š˜์–ด๋‚จ

  • JavaScript๋Š” ๋™์  ํƒ€์ž…์ด ๊ฒฐ์ •๋˜์–ด ์œ ์—ฐํ•˜๋ฉฐ ๋‹ค์–‘ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์žฅ์ ์ด ์žˆ์ง€๋งŒ, ํƒ€์ž…์˜ ๋ช…์‹œ์„ฑ์ด ๋ถ€์กฑํ•˜๋‹ค๋Š” ๋‹จ์ ์ด ์žˆ์Œ

  • ํƒ€์ž…์˜ ๋ช…์‹œ์„ฑ์ด ๋ถ€์กฑํ•˜๊ฒŒ ๋˜๋ฉด ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๊ฒฐ๊ณผ๋ฅผ ์ดˆ๋ž˜ํ•˜๊ฒŒ ๋จ

3. TypeScript ์‚ฌ์šฉ ์‹œ ์žฅ์ 

  • TypeScript๋Š” ์ •์ ํƒ€์ž… ๊ฒ€์‚ฌ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์ง€ ๋ณด์ˆ˜์„ฑ์„ ๋†’์—ฌ์คŒ

  • ์ด๋ฅผ ํ†ตํ•ด ๊ฐœ๋ฐœ์ž๋Š” ๋Ÿฐํƒ€์ž„ ์—๋Ÿฌ๋ฅผ ์ตœ์†Œํ™”ํ•˜๊ณ , ์ฝ”๋“œ ์ž‘์„ฑ ์‹œ๊ฐ„์„ ๋‹จ์ถ•ํ•˜๋ฉฐ, ํ˜‘์—… ์‹œ ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Œ

  • ๋˜ํ•œ TypeScript๋Š” ES6์˜ ๋ฌธ๋ฒ•์„ ํฌํ•จํ•œ ์ตœ์‹  JavaScript ๋ฌธ๋ฒ•์„ ์ง€์›ํ•˜๋ฉฐ, Interface, Generic, Decorators ๋“ฑ์˜ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ด ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ๋ณด๋‹ค ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์คŒ.

Last updated