JS의 타입을 강제시키는 TypeScript

관련 내용
[설치하는 방법]
[타입 지정하는 방법]

TypeScript

• JavaScript의 타입을 강제시키는 언어이다.
  👉🏻 JS는 변수에 문자열을 할당했다가 이후에 숫자열을 재할당해도 문제가 되지 않는다. TS에서는 data type을 지정해주기 때문에 다른 data type으로 재할당이 불가능하다.

사용하는 이유

• JS는 타입이 엄격하지 않아서, 형변환이 자유자재로 가능하다. 큰 서비스를 여러명이 개발하는 경우, 숫자로 결과가 나와야 하는 변수에 문자열이 더해져서 문자열이 되는 등의 문제가 발생할 수 있다.
  따라서, data type을 미리 지정해놓아 안정성을 높여주기 위해서 사용한다.

사용 방법

1. 설치 및 세팅
2. 확장자 변경

   JS만 있는 파일은 .ts로,
   JSX를 return하는 파일은 .tsx로 변경한다.
   tsx : TypeScript XML
   XML: eXtensible Markup Language(확장 가능한 마크업 언어)

3. 타입 지정

타입 추론

• 변수에 타입을 먼저 입히지 않고 할당을 하게되면 할당된 값의 자료형을 타입으로 추론한다.

Compile / Transpile

• 브라우저는 HTML, CSS, JavaScript만 읽을 수 있다.

• TS는 실행 시 JS로 변경되어 실행된다.
  이렇게 변경되는 작업을 컴파일 or 트랜스파일이라고 하고,
  변경해주는 도구를 컴파일러 or 트랜스파일러 라고 한다.
  컴파일 : 하나의 언어가 다른 언어로 변경되는 작업
  트랜스 파일: 하나의 언어가 같은 언어의 다른 버전으로 변경되는 작업

또는 / 그리고 ( | / & )

• JS에서의 js: || , && 에서 하나씩 빼고 사용해야 한다. 👉🏻 ts: | , &