영원히 흘러가는 강

TypeScript 본문

TypeScript

TypeScript

double_R_one_G 2021. 6. 14. 15:16
728x90

 

TypeScript는 JavaScript에 타입을 부여한 언어이다!
JavaScript의 확장된 언어라고 볼 수 있다
TypeScript는 JavaScript와 달리 브라우저에서 실행하려면 파일을 컴파일 해야한다



타입스크립트를 쓰는 이유

에러의 사전 방지

 

 

 JS 사용시
 
function sum(a,b) {
	return a + b;
	}
    
sum(10,20) //30

sum ('10','20') //1020

 

우리는 숫자 계산을 위해 sum이라는 함수를 만들었는데 

 

위의 결과는 우리가 예상한 결과지만 아래의 결과는 우리가 생각했던 결과가 아닐것이다!

 

그리하여! 

 

TS 사용시

function sum(a:number, b:number){
	return a + b;
    }
    
sum(10,20) //30

sum('10','20') //Error 

 

TS 사용시 사전에 예방할수 있다

 

 

 

 

 VS코드와의 궁합


VS코드는 툴의 내부가 타입스크립트로 작성되어 있어서 타입스크립트 개발에 최적화 되어있다!

 

 

 

 

npm 사용


뿌리가 js인만큼 Node.js의 npm 패키지들을 사용할 수 있으며,

 

타입스크립트 컴파일러 자체가

 

npm 패키지이기도 하다

 

 

 

 

출처:

https://joshua1988.github.io/ts/why-ts.html#%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%9E%80

 

Why TypeScript? | 타입스크립트 핸드북

타입스크립트란? 타입스크립트는 자바스크립트에 타입을 부여한 언어입니다. 자바스크립트의 확장된 언어라고 볼 수 있습니다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면

joshua1988.github.io

 

 

https://velog.io/@imjkim49/Typescript%EC%9D%98-%EC%82%AC%EC%9A%A9%EB%AA%A9%EC%A0%81-%EB%B0%8F-%EC%9E%A5%EC%A0%90

 

Typescript의 사용목적 및 장점

Typescript는 Object의 타입을 명시할 수 있다는 것이 순수 자바스크립트와의 가장 큰 차이점이다. 그래서 자바스크립트를 실제로 사용하기 전에 있을만한 타입 에러들을 미리잡기 위해 사용한다.

velog.io

 

728x90

'TypeScript' 카테고리의 다른 글

이펙티브 타입스크립트  (0) 2022.02.09
object value 출력  (0) 2022.01.03
Props + 배열 안에 객체  (0) 2021.12.22
TypeScript + React  (0) 2021.11.10
TypeScript 기본 타입  (0) 2021.06.14
Comments