타입스크립트 TIL

2023.07.25

오늘의 회고

주특기 심화 주차가 끝나고 플러스 주차가 시작되었다. 플러스 주차는 새롭게 타입스크립트를 배운다.

TypeScript

이 전 프로젝트에서 CRUD를 다루다가 id 값의 타입이 달라 생기는 문제가 있었다. 타입스크립트로 보완 할 수 있을까? 타입스크립트를 공부하면서 알아보자.

자바스크립트의 단점

• 실행 시간에 결정되는 변수 타입
• 약한 타입 체크
• 너무나도 물렁물렁한 객체

이런 단점을 보안 할 수 있는 타입스크립트
타입스크립트는 컴파일 시간에 변수의 타입을 체크한다.
덕분에 VS Code에 잘못된 타입을 쓴 코드를 입력하자 마자 에러메시지를 출력 해준다.

타입 안정성은 코드가 예상한 타입대로 동작함을 보장하는 것.
타입 안정성이 높을수록 코드 품질이 좋아지며 실행 시간에 발생할 수 있는 오류를 줄일 수 있다.
타입을 제대로 이해하고 활용하면 코드의 안정성이 향상되며, 테스트와 디버깅 시간을 줄일 수 있다.

타입스크립트에는 가변적인 타입의 데이터를 저장할 수 있는 any와 unknown, union 타입이 있다.

하지만 타입스크립트를 쓰면서 여러 타입을 하나의 변수로 해결하겠다는 생각은 가급적 지양해야 한다!
이러한 코드가 많아 지면 결국 타입스크립트를 쓰는 이유가 사라지게 된다.

tsc

타입스크립트 컴파일러인 tsc는 TypeScript → JavaScript 코드 변환한다.

tsconfig.json

tsconfig.json은 TypeScript 프로젝트의 설정 파일.

.d.ts

.d.ts 파일은 TypeScript 타입 정의 파일.
JavaScript 라이브러리도 TypeScript 코드에서 사용할 수 있게 해준다.