[Typescript] typescript 설치, 시작

1. Install typescript 

 

https://www.typescriptlang.org/

 

- node , npm version 확인

 

// globally
npm install -g typescript
// project
npm install typescript --save-dev

 

 

typescript version 확인

tsc -v

 

 

2. 실행해보기 

 

.tsx 확장자 : component 용

.ts : 기본

 

intro.ts

let user = {name: "hitesh", age: 10}

console.log("Hitesh");
console.log(user.name);

 

tsc {filename}.ts 를 실행하면 코드는 동일한 javascript로 변환된 파일이 생성됨. (typescirpt => javascript 변환)

 

Cannot redeclare block-scoped variable 'user'

 

 

typescirpt는 개발을 쉽고 안전하게 해주는 javascript의 wrapper development tool. 

 

 

3. variable type

 

Cannot redeclare block-scoped variable 없애는 법 

=> export {} 추가

 

{variable name}: {type}

let greetings: string = "Hello Hitesh";

console.log(greetings);

export {}

 

 

greetings. 을 하면 문자열 관련 method를 사용할 수 있다.

 

number 도 마찬가지

 

 

number type에서 string관련 method를 호출하면 error

 

참고 :

https://www.youtube.com/watch?v=30LWjhZzg50&t=35s