Front end/TypeScript

[ TypeScript ] 타입스크립트는 왜 why 등장한걸까 ?

2023. 5. 31. 00:02

 

JavaScript는 모든 브라우저에서 보편적으로 지원되는 유일한 클라이언트 측 언어이다.

그렇기 때문에 JavaScript로 웹 애플리케이션의 상호작용이 증가하면서, 웹 애플리케이션이 필요로 하는 JavaScript 코드의 양이 폭발적으로 늘어나게 되었고 이로 인해 JavaScript의 한계가 부각되기 시작했다.

 

JavaScript는 동적 타입이 결정되어 유연하고, 다양한 라이브러리와 프레임워크를 사용할 수 있는 장점이 있지만,

타입의 명시성이 부족하다는 단점이 있다.

 

따라서 , TypeScript(타입스크립트)는 JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었다.

 

ex) 타입의 명시성이 부족한 경우 

  • JavaScript는 문자열과 숫자를 더할 경우, 숫자 타입의 인수 쪽을 강제적으로 타입 변환해 문자열을 만든다.
let add = (x, y) => {
	return x + y;
}

add(5, "7");

 

 

✔️ 굳이 JavaScript 대신 사용하는 이유 : 

  • TypeScript는 기본적으로 선택적 정적 입력, 클래스 및 인터페이스를 제공하는 JavaScript의 상위 집합이다.
  • 큰 이점 중 하나는 IDE가 코드를 입력할 때 일반적인 오류를 발견할 수 있는 보다 풍부한 환경을 제공할 수 있다.
  • 대규모 JavaScript 프로젝트의 경우 TypeScript를 채택하면 소프트웨어가 더욱 강력해지면서 일반 JavaScript 응용 프로그램이 실행되는 곳에 배포할 수 있다.

✔️ TypeScript 장점 : 

  • TypeScript는 정적타입 검사 기능을 제공하며, 코드의 가독성과 유지 보수성을 높여줌
    • 이를 통해 개발자는 런타임 에러를 최소화하고, 코드 작성 시간을 단축하며, 협업 시 코드의 가독성을 높일 수 있음
  • TypeScript는 ES6의 문법을 포함한 최신 JavaScript 문법을 지원하며, 인터페이스(Interface), 제네릭(Generic), 데코레이터(Decorators) 등의 기능을 제공하여 객체 지향 프로그래밍을 보다 쉽게 할 수 있도록 도와줌

 

'Front end > TypeScript' 카테고리의 다른 글

[ TypeScript ] 타입스크립트의 열거형이란 ?  (0) 2023.05.31
[ TypeScript ] 타입스크립트의 연산자 활용 타입이란 ?  (0) 2023.05.31
[ TypeScript ] 타입스크립트의 함수란 ?  (0) 2023.05.31
[ TypeScript ] 타입스크립트의 타입이란 ?  (1) 2023.05.31
[ TypeScript ] TypeScript 프로젝트 환경 구성하기  (0) 2023.05.30
'Front end/TypeScript' 카테고리의 다른 글
  • [ TypeScript ] 타입스크립트의 연산자 활용 타입이란 ?
  • [ TypeScript ] 타입스크립트의 함수란 ?
  • [ TypeScript ] 타입스크립트의 타입이란 ?
  • [ TypeScript ] TypeScript 프로젝트 환경 구성하기
_moda
_moda
프론트엔드 개발 공부를 하고 있읍니다.
_moda
ModaLog
_moda
전체
오늘
어제
  • All Records
    • 취업 준비
    • TIL
    • Front end
      • HTML \ CSS
      • JavaScript
      • TypeScript
      • React
      • GIT
      • Node.js
      • 개발 지식
      • 면접 질문 공부
    • Boot Camp
      • code states
      • Project
    • 자료구조 \ 알고리즘 기법
    • Coplit
    • Programmers
    • 모다딥 공부 정리
    • 정보처리기능사

블로그 메뉴

  • 태그
  • 방명록

공지사항

  • 개발자로 가는 길

인기 글

태그

  • 네트워크 기초
  • react
  • javascript
  • CODE STATES
  • 모던 자바스크립트 딥 다이브
  • til
  • typescript
  • 코드스테이츠
  • Coplit
  • 타입스크립트

최근 댓글

최근 글

hELLO · Designed By 정상우.
_moda
[ TypeScript ] 타입스크립트는 왜 why 등장한걸까 ?
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.