What is Typescript ๐Ÿ’ซ

  • Microsoft ์—์„œ ๋งŒ๋“  ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋กœ, 2012 10์›”(v 0.8)์— ์„ธ์ƒ๋ฐ–์œผ๋กœ ๋‚˜์˜ค๊ฒŒ ๋จ (ํ˜„์žฌ v4.1)
  • Javascript๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ณณ์—์„œ ๋Œ€์ฒดํ•ด์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค
  • Javascript๋ฅผ ๋ฒ ์ด์Šค๋กœ ํ•˜๋Š” superset of Javascript



Why Typescript

  • Javascript๋Š” dynamically typed ์–ธ์–ด๋กœ ์‹ค์‹œ๊ฐ„์œผ๋กœ ํƒ€์ž…์ด ๊ฒฐ์ •๋˜๋ฏ€๋กœ ๋Ÿฐํƒ€์ž„ ํ™˜๊ฒฝ์—์„œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ ํ•˜์ง€๋งŒ, Typescript๋Š” statically typed ์–ธ์–ด๋กœ ์ปดํŒŒ์ผ ์‹œ๊ฐ„์— ํƒ€์ž…์ด ๊ฒฐ์ •๋˜๋ฏ€๋กœ ์ฝ”๋”ฉํ•˜๋ฉด์„œ ์ฆ‰๊ฐ์ ์œผ๋กœ ์—๋Ÿฌ ํ™•์ธ ๊ฐ€๋Šฅ
  • ๊ฐ•๋ ฅํ•œ ๊ฐ์ฒด์ง€ํ–ฅ ์–ธ์–ด(๊ฐ์ฒด๋ฅผ ์œ„์ฃผ๋กœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ํ•˜๋Š” ๋ฐฉ๋ฒ•)๋กœ ์ƒ์‚ฐ์„ฑ ํ–ฅ์ƒ, ์ฝ”๋“œ ํ’ˆ์งˆ, ์†๋„ ์ธก๋ฉด์—์„œ์˜ ์žฅ์ 

  • ๋ชจ๋“ˆ์„ฑ
  • ์žฌ์‚ฌ์šฉ์„ฑ
  • ๊ฐ์ฒด ๋‹จ์œ„์˜ ํ™•์žฅ์„ฑ
  • ์œ ์ง€๋ณด์ˆ˜์„ฑ



How to Learn

  • Javascript์˜ ๊ธฐ๋ณธ ์ง€์‹ ํ•„์ˆ˜
  • Types system์„ ์ดํ•ดํ•ด์•ผ ํ•œ๋‹ค
  • OOP์— ๋Œ€ํ•œ ๊ฐœ๋… ๋ฐ ์›์น™ ์ดํ•ด ํ•„์ˆ˜
sudo npm install -g typescript

// typescript ์ปดํŒŒ์ผ๋Ÿฌ ์‹คํ–‰ํ•˜๋Š” ๋ช…๋ น์–ด
tsc -v

sudo npm install -g ts-node

// watch mode
tsc main.ts -w