TypeScript란?

Typescript는 JavaScript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다. 다른 컴퓨터 언어인 c, java 등은 미리 타입을 정해주지만 javascript의 경우 let, const 를 통해 변수를 만들고 타입을 지정하지 않는다. 이러한 문제를 해결하고 변수에 미리 타입을 지정하기 위해 사용하는게 TypeScript이다. TypeScript를 사용하게 되면 미리 타입을 결정해주기 때문에 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있다.

개발환경

TypeScript의 경우 .ts를 사용한다. 이때 함수형 컴포넌트를 사용한다면 .tsx로 .ts와 구분지어줘야 한다.

JavaScript의 경우 현재에는 .js에서도 함수형 컴포넌트 사용이 가능하다. 따라서 .js 와 .jsx를 구분지을 필요가 없다.

https://www.typescriptlang.org/download TypeScript 설치

1. yarn add typescript --dev
2. yarn add --dev @types/react @types/node
   react 버전이 동일함을 확인해야한다.
3. tsconfig.json 생성
   next.js 경우 터미널에 yarn dev를 입력하면 자동적으로 채워진다.

TypeScript 사용

let 변수명:타입 = 값

let aaa:string = “안녕하세요”
aaa = 123 불가능

let aaa:string = “안녕하세요”
let bbb:number = 123
let ccc:boolean = true
let ddd :number[] = [1,2,3,4]
//객체의 경우 나만의 타입을 만들어줘야 한다
//객체의 이름과 Interface의 I를 합쳐 타입 이름을 짓는 것이 관례이다.

interface IProfile = {
	name:string;
	age:number;	
}

let profile:IProfile = {name:”철수”, age:13}