타입스크립트란?

강력한 유형의 언어 TypeScript에 대한 소개와 배우고 싶은 이유

TypeScript: JavaScript 상위 집합

프로그래밍 도구와 관련하여 Javascript는 악의적으로 경쟁하는 라이브러리와 프레임워크의 광대한 배열을 가진 언어의 짐승입니다. 당신이 나와 같아서 문서를 읽는 데 좌절감을 느끼고 API가 눈 깜짝할 사이에 만드는 모든 변경 사항에 짜증이 난다면 당신은 혼자가 아닙니다.

TypeScript는 JavaScript 상위 집합으로 소개되었으며 2012년 Microsoft에서 출시되었습니다. TypeScript는 유형 구문이 있는 JavaScript입니다. 유형이란 무엇입니까? 유형은 데이터를 설명할 수 있는 권한을 부여합니다. 유형을 사용하면 코드에서 개체 및 기능의 모양을 설명할 수 있습니다. 유형 검사기는 유형 법칙을 적용하기 위해 JavaScript에 내장된 유형 정책입니다(예: 문자열에 배열을 곱하는 것은 규칙에 위배됨). 유형 검사는 유형 검사기가 코드가 언어의 모든 규칙을 따르는지 확인하는 프로세스입니다.

JavaScript는 동적으로 유형이 지정된 언어입니다. 즉, 숫자로 선언된 변수는 문자열로 변환될 수 있습니다. 그에 비해 TypeScipt는 정적으로 유형이 지정된 언어입니다. 즉, 변수가 보유할 값의 유형을 미리 선언하고 변경되지 않습니다. TypeScript를 규칙에 대한 코드의 시행자로 생각하십시오. TypeScript는 JavaScript에 추가 구문을 추가하여 편집기와의 긴밀한 통합을 지원합니다. 편집기에서 초기에 오류를 포착하십시오.

TypeScript의 장점은 편집기에서 직접 문서와 문제를 볼 수 있다는 것입니다. 더 이상 런타임이 코드의 문제를 알기 위해 기다릴 필요가 없습니다. TypeScript는 JavaScript를 기반으로 하는 강력한 형식의 프로그래밍 언어로 모든 규모에서 더 나은 도구를 제공합니다. 코드베이스가 계속 증가함에 따라 규칙 적용도 증가합니다.

JavaScript와 같은 동적으로 유형이 지정된 언어에서 유형 검사는 런타임 중에 발생합니다. TypeScript는 너무 달콤하여 개발자가 런타임 전에 오류를 식별하는 데 도움이 됩니다. 브라우저는 실제로 typescript를 실행할 수 없으므로 .ts 파일 또는 .tsx 파일은 런타임에 Javascript로 컴파일됩니다. TypeScript 코드는 JavaScript가 실행되는 모든 곳에서 실행되는 JavaScript로 변환됩니다. 브라우저, Node.js 또는 Deno, 앱에서. TypeScript와 같은 정적으로 유형이 지정된 언어는 텍스트 편집기에서 컴파일 시간 -  동안 유형을 확인합니다!

기본 유형 정의:

let id: number = 5
let company: string = 'Ghameerah'
let isPublished: boolean = true
let x: any = 'Hello'
let ids: number[] = [1,2,4,7,8]

TypeScript의 이점 요약:

Java 또는 C#과 같은 정적 언어와 유사함

추가 오류 검사

개발 중 초기에 런타임 오류가 발견됨

런타임 시 원치 않는 동작 방지

완화 전략

TypeScript는 개발자가 더 나은 코드를 작성하는 데 도움이 됩니다.

유형 변환이 발생하지 않는지 확인하십시오

.

정적 유형 추가

코드에서 명시적으로 유형 이름 지정

변수에 유형을 명시적으로 할당

예측 가능성에 도움

기타 리소스

React TypeScript 치트시트
https://react-typescript-cheatsheet.netlify.app/