[TypeScript] TypeScript๋ž€?

์œ ์•„ํ˜„ยท2023๋…„ 3์›” 1์ผ
0

TypeScript

๋ชฉ๋ก ๋ณด๊ธฐ
1/3
post-thumbnail

๐Ÿ“Œ TypeScript

  • ์šฐ๋ฆฌ๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” JavaScript์— ํƒ€์ž…์„ ์ถ”๊ฐ€ํ•˜์—ฌ ํ™•์žฅ์‹œํ‚จ ๊ฒƒ์„ ๋งํ•œ๋‹ค.

  • ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ธฐ์ „์— ์—๋Ÿฌ๋ฅผ ์žก๊ฑฐ๋‚˜ ๊ณ ์น˜๋Š” ๋“ฑ ์‹œ๊ฐ„์„ ์ ˆ์•ฝ์‹œ์ผœ ์ฃผ๋Š” ์ด์ ์„ ๊ฐ€์ง„๋‹ค.

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋กœ์„œ, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ์žˆ๋Š” ๊ฒƒ์„ ๊ฐ•ํ™” ์‹œํ‚ค๊ณ  ํƒ€์ž…์„ ์ถ”๊ฐ€ํ•œ ์–ธ์–ด
    ์ปดํŒŒ์ผ์ด๋‹ค.


๐Ÿ“Œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์น˜

๐Ÿ”ฅ npm

  • npm i typescript -g
  • node_modules/.bin/tsc
  • tsc source.ts ๐Ÿ‘‰ ํŠน์ • ํŒŒ์ผ ์‹คํ–‰

๐Ÿ”ฅ Visual Studio plugin

  • Visual Studio 2017/ 2015 Update 3 ์ดํ›„, ๊ธฐ๋ณธ์œผ๋กœ ์„ค์น˜๋ผ ์žˆ์Œ(์•„๋‹ˆ๋ฉด ์„ค์น˜)

๐Ÿ“Œ ์ปดํŒŒ์ผ๋Ÿฌ ์‚ฌ์šฉํ•˜๊ธฐ


// 1. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ ๊ธ€๋กœ๋ฒŒ๋กœ ์„ค์น˜
	npm i typescript -g
	
	// cli ๋ช…๋ น์–ด๋กœ ํŒŒ์ผ ์ปดํŒŒ์ผ
    tsc ํŠน์ • ํŒŒ์ผ๋ช… // tsc test.ts
    
    // ํŠน์ • ํ”„๋กœ์ ํŠธ ํด๋”์—์„œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์ •์— ๋งž์ถฐ์„œ ์ปดํŒŒ์ผ
    tsc --init 
    tsc
    
    // ํŠน์ • ํ”„๋กœ์ ํŠธ ํด๋”์—์„œ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์ •์— ๋งž์ถฐ ์ปดํŒŒ์ผ(watch ๋ชจ๋“œ)
    tsc -w

// typescript ์ œ๊ฑฐ
npm uninstall typescript -g

// 2. ํ”„๋กœ์ ํŠธ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์น˜
	npm i typescript

	// .bin ์•ˆ์˜ ๋ช…๋ น์–ด๋กœ ํŒŒ์ผ ์ปดํŒŒ์ผ
	npm_modules/.bin/tsc

    // npm ์Šคํฌ๋ฆฝํŠธ๋กœ ํŒŒ์ผ ์ปดํŒŒ์ผ
	npx tsc --init

    // ํ”„๋กœ์ ํŠธ์— ์žˆ๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์„ค์ •์— ๋งž์ถฐ, npm ์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ
	npx tsc

    // ํ”„๋กœ์ ํŠธ์— ์žˆ๋Š” ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ์„ค์ •์— ๋งž์ถฐ, npm ์Šคํฌ๋ฆฝํŠธ ์ปดํŒŒ์ผ(watch ๋ชจ๋“œ)
	npx tsc -w

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