JS 와 TS 차이점 쉽게 설명하기

몽슈뜨·2023년 5월 17일
0

TIL

목록 보기
69/69
post-thumbnail

👻 JavaScript

자바스크립트(Javascript)는
동적인 타입을 가진 스크립트 언어로, 웹 페이지의 동적인 기능을 구현하기 위해 주로 사용됩니다. 자바스크립트는 변수의 타입을 사전에 선언하지 않고, 실행 시간에 변수의 타입이 동적으로 결정됩니다. 이는 자바스크립트가 유연하고 쉽게 사용할 수 있도록 해주는 특징입니다.

  • 동적 타입 언어: 변수의 타입을 사전에 선언하지 않고, 실행 시간에 동적으로 결정됩니다.
  • 웹 브라우저에서 주로 사용되며, 클라이언트 측 웹 개발에 주로 활용됩니다.
  • HTML, CSS와 함께 사용하여 웹 페이지의 동적인 기능을 구현할 수 있습니다.
  • 가벼운 문법과 유연성으로 빠르게 프로토타입을 개발할 수 있습니다.
  • Node.js와 같은 서버 측 개발에서도 사용되며, 다양한 플랫폼에서 실행 가능합니다.


🎃 TypeScript

타입스크립트(Typescript)는
자바스크립트를 기반으로 한 정적 타입 언어입니다. 타입스크립트는 변수의 타입을 사전에 선언하고 컴파일 시간에 타입 검사를 수행하여 코드의 오류를 사전에 확인할 수 있습니다.
이는 코드의 가독성과 유지보수성을 향상시켜 줍니다.

  • 자바스크립트를 기반으로 한 정적 타입 언어입니다.
  • 변수의 타입을 명시적으로 선언하고, 컴파일 시간에 타입 검사를 수행합니다.
  • 정적 타입 검사를 통해 코드의 오류를 사전에 발견하고 디버깅이 용이합니다.
  • 타입 주석, 타입 추론 등의 기능을 통해 코드 가독성과 유지보수성을 향상시킵니다.
  • 대규모 프로젝트에서 협업과 유지보수가 용이하며, IDE에서 코드 완성, 자동 문서화, 오류 강조 등의 지원을 받을 수 있습니다.
  • 자바스크립트 코드를 타입스크립트로 변환하는 과정이 필요하며, 이를 통해 타입스크립트의 장점을 활용할 수 있습니다.


🎯 주요 차이점

타입 시스템
자바스크립트는 동적 타입 언어이므로 변수의 타입을 선언하지 않습니다.
타입스크립트는 정적 타입 언어로 변수의 타입을 명시적으로 선언하고 컴파일 시간에 타입 검사를 수행합니다.

타입 오류 검출
자바스크립트는 실행 시간에 타입 오류가 발생할 경우 오류를 처리합니다.
타입스크립트는 컴파일 시간에 타입 검사를 수행하여 타입 오류를 사전에 검출할 수 있습니다.

IDE 지원
타입스크립트는 정적 타입을 가지므로 IDE(Integrated Development Environment)에서 코드 완성, 자동 문서화, 오류 강조 등의 기능을 제공할 수 있습니다. 자바스크립트에 비해 개발자 경험을 향상시키는데 도움이 됩니다.

생산성과 유지보수성
타입스크립트는 타입의 명시적 선언과 타입 검사로 인해 코드의 가독성과 유지보수성이 향상됩니다. 오류를 사전에 검출하고 디버깅하기 쉬우며, 대규모 프로젝트에서 협업과 유지보수가 더욱 용이해집니다.

profile
개발자되면 맥북사줄께

0개의 댓글