[ Tapescript ]Javascript vs Typescript

์šฐ๊ธฐยท2023๋…„ 3์›” 27์ผ
0
post-thumbnail

โœ… ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์™€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ์ฐจ์ด์ 


๐Ÿ“‚ Javascript

  • ๋™์ ํƒ€์ž… ์–ธ์–ด
  • ์ธํ„ฐํ”„๋ฆฌํ„ฐ ์–ธ์–ด _ ์ธํ„ฐํ”„๋ฆฌํ„ฐ(interpreter, ํ•ด์„๊ธฐ)๋ž€ ์†Œ์Šค์ฝ”๋“œ๋ฅผ ๋ฐ”๋กœ ์‹คํ–‰ํ•˜๋Š” ์ปดํ“จํ„ฐ ํ”„๋กœ๊ทธ๋žจ
  • ๋…๋ฆฝ์ ์œผ๋กœ ์‚ฌ์šฉ
  • ์œ ์—ฐํ•จ _ ํƒ€์ž…์— ์ œํ•œ์„ ๋ฐ›์ง€ ์•Š์Œ
  • .js ํ™•์žฅ์ž
  • ๊ฐ„๋‹จํ•œ ํ”„๋กœ์ ํŠธ

๐Ÿ“‚ Typescript

  • ์ •์ ํƒ€์ž… ์–ธ์–ด
  • ์ปดํŒŒ์ผ ์–ธ์–ด _์ปดํŒŒ์ผ(compile)์ด๋ž€ ์†Œ์Šค์ฝ”๋“œ์—์„œ ๋ชฉ์ ์ฝ”๋“œ๋กœ ์˜ฎ๊ธฐ๋Š” ๊ฒƒ
  • ๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์˜์กด์ 
  • ๊ฐ„๊ฒฐํ•จ, ์ผ๊ด€์„ฑ, ์žฌ์‚ฌ์šฉ์„ฑ
  • .ts ํ™•์žฅ์ž
  • ๋ณต์žกํ•œ ํ”„๋กœ์ ํŠธ

โœ… ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ด์œ 


  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๊ฐ€์žฅ ํฐ ์žฅ์ ์ด์ž ๋‹จ์ ์€ ๋ชจ๋“  ๋ณ€์ˆ˜๋‚˜ ๊ฐ์ฒด๋ฅผ ํƒ€์ž…์„ ์ง€์ •ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ์ ์ด๋‹ค.

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ๊ทธ ์ ์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•ด ๋‚˜์™”๋‹ค.

1. ๋ฒ„๊ทธ ์˜ˆ๋ฐฉ

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

2. ์ฝ”๋“œ ํ€„๋ฆฌํ‹ฐ ํ–ฅ์ƒ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ œ๋Œ€๋กœ ์‚ฌ์šฉํ•จ์œผ๋กœ์จ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ํฐ ์žฅ์ ์ค‘์— ํ•˜๋‚˜๋Š” ๋ณ€์ˆ˜์˜ ์ด๋ฆ„๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ทธ ๋ฐ์ดํ„ฐ์˜ "type"๊นŒ์ง€ ์•Œ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค€๋‹ค. ๊ทธ๋ž˜์„œ ์ฝ”๋“œ ์ž‘์„ฑ์ด ์ข€ ๋” ์‰ฝ๊ณ  ์ง๊ด€์ ์ด๊ฒŒ ๋งŒ๋“ค์–ด์ค€๋‹ค.

3. ๋ธŒ๋ผ์šฐ์ € ํ˜ธํ™˜์„ฑ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ์ปดํŒŒ์ผ ๊ณผ์ •์—์„œ ES6+ ๋ฌธ๋ฒ•๋“ค์„ ES5(๋˜๋Š” ES3)๋กœ ๋ฐ”๊ฟ”์ฃผ๊ธฐ ๋•Œ๋ฌธ์— Babel์˜ ๋„์›€ ์—†์ด ํฌ๋กœ์Šค๋ธŒ๋ผ์šฐ์ง• ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.

โœ… ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ ๋‹จ์ 


  • ์ปดํŒŒ์ผ์„ ํ•ด์ฃผ๋Š” ์‹œ๊ฐ„์ด ๋“ค๊ธฐ๋•Œ๋ฌธ์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋งŒ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ๋ณด๋‹ค ์†๋„์—์„œ ์ฐจ์ด๊ฐ€ ๋‚  ์ˆ˜ ๋ฐ–์— ์—†๋‹ค.

  • ๋งค๋ฒˆ ํƒ€์ž…์„ ๋”ฐ๋กœ ๊ฒฐ์ •ํ•ด์ฃผ์–ด์•ผํ•ด ๋ฒˆ๊ฑฐ๋กญ๊ธฐ๋„ ํ•˜๊ณ  ์ž‘์„ฑํ•ด์•ผํ•˜๋Š” ์ฝ”๋“œ์˜ ์–‘์ด ๋งŽ์•„์งˆ ์ˆ˜ ์žˆ๋‹ค.

profile
๊ฐœ๋ฐœ ๋ธ”๋กœ๊ทธ

0๊ฐœ์˜ ๋Œ“๊ธ€