[TIL] Typescript 쓰는 이유와 설치방법

💥Typescript 쓰는 이유

JS는 Dynamic typing을 지원하는 언어로, 타입에 대해 관대하다.
하지만 Dynamic typing은 조그마한 사이즈의 프로젝트라면 편리하지만, 큰 프로젝트를 할 때에는 단점이 될 수 있음.
type과 관련된 버그들이 많이 발생하기 때문.

---

✍ 일반 HTML CSS JS 웹 개발 시 TS를 사용하려면 

1. Node.js 최신 버전, Vscode 에디터를 설치
2. Vscode 에디터 터미널에 명령어 입력

   npm install -g typescript​

3. 작업 폴더 생성하여 오픈
4. 작업 폴더에. ts로 끝나는 파일을 만들면 끝!
   ts파일은 js랑 똑같이 사용 가능하지만, 웹브라우저는 ts 파일을 읽지 못하기에, js파일로 변환 작업을 해야 함.
5. js파일로 변환하려면 터미널을 열어서

   tsc -w​

   해당 코드를 입력해두면 자동으로 컴파일 된다.
6. HTML 파일 등에서 ts로 작성한 코드를 사용하려면 ts가 아니라, 변환된 js파일을 사용하면 됨.

---

✍ React 프로젝트에서 TS를 사용할 경우

1. 이미 있는 React 프로젝트에 설치를 하는 경우 : 터미널을 열어서

   npm install --save typescript @types/node @types/react @types/react-dom @types/jest​

2. 새로운 React 프로젝트를 만들어서 사용하는 경우

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

---

참고 : https://codingapple.com/unit/how-to-install-typescript-in-local-vue-react/?id=11721