TypeScript

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

  • ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ์—์„œ ๊ตฌํ˜„ํ•œ JavaScript์˜ ์Šˆํผ์…‹ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด
  • .ts์˜ ํ™•์žฅ์ž๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ์ปดํŒŒ์ผ์˜ ๊ฒฐ๊ณผ๋ฌผ๋กœ๋Š” JavaScript ์ฝ”๋“œ ์ถœ๋ ฅ

โ†”๏ธ JavaScript์™€์˜ ์ฐจ์ด์  โœจ ์ •์  ํƒ€์ž…์„ ๋ช…์‹œํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฒƒ

  • ๊ฐœ๋ฐœ๋„๊ตฌ์—๊ฒŒ ๊ฐœ๋ฐœ์ž๊ฐ€ ์˜๋„ํ•œ ๋ณ€์ˆ˜๋‚˜ ํ•จ์ˆ˜ ๋“ฑ์˜ ๋ชฉ์ ์„ ๋”์šฑ ๋ช…ํ™•ํžˆ ์ „๋‹ฌ
  • ์ž˜๋ชป๋œ ๋ณ€์ˆ˜/ํ•จ์ˆ˜ ์‚ฌ์šฉ์— ๋Œ€ํ•œ ์—๋Ÿฌ ์•Œ๋ฆผ ๋“ฑ์˜ ํ’๋ถ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๊ธฐ์— ์–ด๋งˆ์–ด๋งˆํ•œ ์ƒ์‚ฐ์„ฑ ํ–ฅ์ƒ
  • โ€œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹ค์ œ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ์žˆ์„๋งŒํ•œ ํƒ€์ž… ์—๋Ÿฌ๋“ค์„ ๋ฏธ๋ฆฌ ์žก๋Š” ๊ฒƒโ€

โ†”๏ธ JavaScript์ฝ”๋“œ์˜ ์ฐจ์ด

//javascript
const a = 3;
const b = "5";
console.log(a * b); //15 ์ถœ๋ ฅ

//typescript
const a: number = 3;
const b: string = "5";
console.lgo(a * b); // Error ("The right-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.; ์ˆ˜๋ฆฌ ์—ฐ์‚ฐ์˜ ์šฐํ•ญ ํƒ€์ž…์€ 'any', 'number', 'bigint' ํ˜น์€ ์—ด๊ฑฐํ˜•์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.")

๐Ÿš€ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ

  • npm ์„ค์น˜ ํ•„์ˆ˜ ! ๋‹จ, Node.js ์„ค์น˜ํ•˜๋ฉด npm์ด ์ž๋™์œผ๋กœ ์„ค์น˜!
  • ํ„ฐ๋ฏธ๋„์— npm i -g typescript ์ž…๋ ฅ โžก๏ธ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ(ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ -> ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ณ€ํ™˜) ์„ค์น˜
  • ex) script.ts ์ผ ๊ฒฝ์šฐ
    • ํ„ฐ๋ฏธ๋„์— tsc script ์‹คํ–‰ โžก๏ธ script.js ํŒŒ์ผ ์ƒ์„ฑ