[러닝 타입스크립트]1. 자바스크립트에서 타입스크립트로

경미·2023년 4월 3일
0

TypeScript

목록 보기
1/4

타입스크립트

  • 타입스크립트는 4가지로 설명된다
  1. 프로그래밍언어: 자바스크립트의 모든 구문과, 타입을 정의하고 사용하기 위한 타입스크립트 고유 구문이 포함된 언어
  2. 타입 검사기: 자바스크립트 및 타입스크립트로 작성된 일련의 파일에서 생성된 모든 구성요소(변수, 함수 등)를 이해하고, 잘못 구성된 부분을 알려주는 프로그램
  3. 컴파일러: 타입 검사기를 실행하고 문제를 보고한 후 이에 대응되는 자바스크립트 코드를 생성하는 프로그램
  4. 언어 서비스: 타입 검사기를 사용해 비주얼 스튜디오 코드와 같은 편집기에 개발자에게 유용한 유틸리티 제공법을 알려주는 프로그램

공식 웹사이트

https://www.typescriptlang.org/ko/play
=> 공식 웹사이트는 플레이그라운드 편집기를 제공!

바벨이 뭐였더라

  • 바벨 : 바벨은 최신버전의 JavaScript 코드를 모든 브라우저에서 실행할 수 있는 이전 버전으로 변환하기 위해 웹 개발자가 사용하는 인기있는 오픈 소스 도구!

=> 바벨은 코드의 다른 부분을 변환하는 데 사용할 수 있는 플러그인이라는 기능을 활용하여 이를 달성한다!

그니까 타입스크립트에서 바벨쓰는이유~

Babel은 개발자가 최신 JavaScript 코드를 작성한 다음 모든 브라우저에서 지원하는 이전 버전의 JavaScript로 변환할 수 있는 도구입니다. Babel은 코드의 다른 부분을 변환하는 데 사용할 수 있는 "플러그인"이라는 기능을 활용하여 이를 달성합니다.
TypeScript는 유형 주석 및 기타 기능을 언어에 추가하는 JavaScript의 상위 집합입니다. TypeScript 컴파일러를 사용하여 TypeScript를 JavaScript로 변환할 수 있지만 Babel이 필요한 경우가 여전히 있을 수 있습니다.
TypeScript와 함께 Babel을 사용하는 한 가지 이유는 Babel이 제공하는 고급 변환 플러그인 중 일부를 활용하기 위해서입니다. 예를 들어 Babel을 사용하여 TypeScript에서 아직 지원하지 않는 실험적인 JavaScript 기능을 변환할 수 있습니다.
TypeScript와 함께 Babel을 사용하는 또 다른 이유는 출력 코드가 최신 JavaScript 기능을 지원하지 않는 브라우저를 포함하여 모든 브라우저와 호환되도록 하기 위해서입니다. Babel은 특정 버전의 JavaScript를 대상으로 구성할 수 있으므로 개발자는 최신 구문을 사용하여 코드를 작성하면서 이전 브라우저에서도 실행할 수 있습니다.
전반적으로 TypeScript와 함께 Babel을 사용하면 개발자에게 출력 코드에 대한 더 많은 유연성과 제어 기능을 제공하는 동시에 더 넓은 범위의 브라우저와 호환되도록 할 수 있습니다.

로컬에서 시작하려면

  • Node.js가 설치되어있다면 타입스크립트를 실행 할 수 있다!
profile
개발이 재밌어지도록!

0개의 댓글