본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
https://fastcampus.info/4n8ztzq
250707(월) 7일차
TypeScript vs JavaScript
TypeScript는 JavaScript의 대체제가 아니다
TypeScript는 JavaScript의 슈퍼셋이라는 개념.
즉, JavaScript의 모든 기능을 그대로 포함하고 있으면서, 거기에 추가적인 기능을 더한 언어가 TypeScript
결국 TypeScript를 쓴다는 것은 JavaScript를 버리는 것이 아닌 JavaScript 위에 더 안전하고 명확한 도구들을 얹는 것에 가깝다.
TypeScript = 타입(type)의 언어
이름 그대로, TypeScript의 핵심은 Type(유형)
JavaScript는 동적 타입 언어라서 어떤 변수가 어떤 데이터를 담는지 코드만 봐서 알 수 없다.
반면 TypeScript는 변수에 직접적으로 :number, :string, :Centimeter와 같은 데이터의 형태를 명시할 수 있게 해준다
TypeScript가 중요한 이유
- 코드를 읽기만해도 어떤 데이터가 어떤 역할을 하는지 명확하게 파악 가능
- 실수로 이상한 값이 들어가는 걸 실행 전에 막을 수 있음
- 다른 사람이 쓴 코드를 해석하는 데 드는 시간과 실수를 줄여줌
type RainbowColor = 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'navy' | 'purple' |
let color: RainbowColor
color = 'black';
에러 발생
이 모든 게 가능한 이유 = 트랜스 파일링
TypeScript는 결국 브라우저에서 직접 실행되지 않는다
- 브라우저가 이해하는 것은 JavaScript뿐
TypeScript 코드는 트랜스파일러를 통해 JavaScript로 변환된 후 실행된다
이 과정을 통해 개발자는 최신 문법 + 타입 안정성 + 가독성 높은 코드로 개발하고,
브라우저는 변환된 안정적인 JavaScritp 코드만 실행하게 된다
오늘 강의를 통해 TypeScript가 왜 필요한지, JavaScript와 어떤 관계인지 명확하게 이해할 수 있었다.
