Typescript [1] - 타입스크립트란?

lionloopy·2023년 5월 6일
0

타입스크립트

목록 보기
1/8

타입스크립트

1. 타입을 표기한다 : 변수를 정의할 때 변수값에 데이터 타입을 지정할 수 있다.
(코드 예측이 쉬움)

**javascript**
function add (a,b) {
 return a+b }
console.log(add('3','5'))

자바스크립트에서 이렇게 작성시 우리는 8을 얻을 수 있다고 생각하지만,
35가 출력되게 된다. 이 때 오류도 발생하지 않는다.

**typescript**
function add (a:number, b:number) {
 return a+b }
console.log(add('3','5'))

그렇다면 타입스크립트는? => 오류가 발생한다.
타입을 number로 지정해놓았기 때문에 string을 더할수는 없다.

2. 객체지향적
3. 컴파일 타임 오류를 잡을 수 있다 : 타입스크립트는 프로그래밍 언어인 동시에 컴파일러로 타입스크립트를 자바스크립트 언어로 변환해준다.

설정

npm install -g typescript

npm으로 바로 typescript 실행이 가능하나, node.js가 설치되어 있어야 하고, tsconfig.json파일이 있어야 오류가 나지 않는다.

yarn create react-app my-ts-app --template typescript

react-app을 활용해서 typescript 실행이 가능! tsconfig.json알아서 설치되어 있다.

타입스크립트는 더 많은 타입을 명시할수록 더 많은 실수를 찾을 수 있다.

우리가 타입스크립트에게 더 많은 정보를 줄 수록 타입스크립트는 우리에게 더 많은 도움을 줄 수 있다 !

profile
Developer ʕ ·ᴥ·ʔ ʕ·ᴥ· ʔ

0개의 댓글