타입스크립트

✏️ 정의

• 자바스크립트의 타입을 강제시키는 언어
• 변수의 자료형을 지정해주기 때문에 재할당이 불가능하다.

📌 컴파일 or 트랜스파일

• 컴파일: 하나의 언어가 다른 언어로 변경되는 작업
• 트랜스파일: 하나의 언어가 같은 언어의 다른 버전으로 변경되는 작업
• 타입스크립트는 실행시에 자바스크립트로 변경되어 실행된다.

❓ 타입스크립트 사용 이유

• 자바스크립트는 타입이 엄격하지 않아, 변수나 상수를 만들면 처음에 문자를 넣었다가 나중에 숫자를 넣는 등 자유자재 변환이 가능하다.
• 이로인해 자바스크립트는 큰 서비스를 운영할 때, 버그가 발생할 수 있는 취약점이 있다.
• 따라서 타입스크립트를 사용하여 안정성을 높여주는 것이다.

🔎 타입스크립트 설치 및 세팅

1. 타입스크립트 홈페이지 접속하여 installation cli 명령어를 copy 한다.
   • yarn add typescript --dev
2. package.json
   • dependencies: 브라우저에서 실행시에 필요한 목록이다.
   • devDependencies: vscode에서 개발시 필요한 목록이다.
3. devDependencies 추가
   • yarn add @types/react@17.0.2 @types/node@17.0.2 --dev
4. resolutions 추가
   • "resolutions": {
         "@types/react": "17.0.2",
         "@types/react-dom": "17.0.2"
     }
5. tsconfig.json 파일을 생성 후, yarn dev 실행하면 tsconfig.json 파일에 기본 설정 내용이 채워진다.
   • "strict": true