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 ํ์ผ ์์ฑ
- ํฐ๋ฏธ๋์