[타입스크립트] TypeSciprt 사용이유와 설치방법

TypeScript란?

자바스크립트에 타입을 더한 언어

 

TypeSciprt 탄생배경

자바스크립트는 Dynamic Typing을 지원하는 타입에 관대한 언어다

이로 인해서 문제점이 생기는데

1. 코드가 길어지거나 프로젝트 규모가 커질때 에러가 발생할 확률이 높다
2. 다른 사람이 짠 자바스크립트 코드를 수정할때 어려움이 있다

이러한 문제점을 보완하기 위해 자바스크립트 언어에 타입을 더한 타입스크립트 언어가 탄생하였다

 

설치방법

HTML CSS JS

1. 타입스크립트 설치

npm install -g typescript

2. 타입스크립트 파일생성

index.ts

3. 타입스크립트 자바스크립트로 변환

웹브라우저가 이해할 수 있는 자바스크립트로 컴파일해준다. 터미널에서 아래의 명령어를 입력하면 ts를 변환한 js 파일이 생성된다.

tsc -w

4. HTML 파일에 변환된 js 파일을 연결해준다

<script src="변환된파일.js"></script>

 

React

이미 있는 React 프로젝트에 타입스크립트 설치하기

yarn add --save typescript @types/node @types/react @types/react-dom @types/jest

타입스크립트 베이스인 리액트 프로젝트 설치하기

npx create-react-app my-app --template typescript