자바스크립트와 타입스크립트

Yeeeeeun_IT·2022년 7월 31일
0

JavaScript

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다.
자바스크립트는 크로스 플랫폼을 위한 가장 중요한 언어로 부상하였다. 웹, 모바일, 하이브리드앱, 서버사이드, 데스크톱, 머신러닝, 로보틱스 환경을 위한, 세계에서 가장 인기있는 프로그래밍 언어이다.

자바스크립트는 HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 웹브라우저에서 동작하는 유일한 프로그래밍 언어이다. 자바크스립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다.
(인터프리터 언어: 인터프린트 단계와 실행단계가 분리되어 있지 않고 한줄씩 변환하여 즉시 실행되기 때문에 코드 실행속도가 비교적 느리다.)
자바스크립트는 명령형, 함수형, 프로토타입 기반, 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다.

Typescript

타입스크립트란 자바스크립트의 타입을 강제시키는 언어로 자바스크립트의 단점을 보완하기 위해 등장했다.

자바스크립트는 Dynamic Typing이 가능하기 때문에 오류에 취약하다.
예를들면 변수를 만들어 처음에 문자를 넣었다가 나중에 숫자를 넣는것이 가능하다.
이는 개발에는 편리해보이지만 추후 큰 서비스를 개발할때 치명적인 문제로 나타날 수 있다.

타입스크립트는 코드의 타입 부분을 엄격하게 체크해서 오타, 오류를 잘 교정해주고 개발자의 실수를 막아준다.

// 변수에 타입을 정해준다
let text : string = "hello"
let num : number = 123
// 각 변수에 타입을 지정해주면 타입에 맞지 않는 값을 할당할 시 오류가 뜬다.  
// 타입 만들기
Interface IProfile {
name : string;
age : number;
}
let profile : IProfile = { name : "철수", age : 13}

타입스크립트 설치는 https://www.typescriptlang.org/ 에서 할 수 있다.

타입스크립트의 확장자는

  • JSX를 return 하는 컴포넌트는 .tsx
  • 자바스크립트만 사용하는 컴포넌트는 .ts 로 해주면 된다.

타입스크립트에서 any를 사용하면(모든 타입 허용) 외부와 통신해서 데이터를 받아올 때 정확한 타입을 모를때 사용할 수 있다.

타입스크립트 덕분에 개발자는 오류를 예방하고 훨씬 효율적, 생산적으로 코딩할 수 있게 되었다.

타입스크립트 만세!

profile
🍎 The journey is the reward.

0개의 댓글