TypeScript 시작하기

I'll proceed with the blog assuming you have previously worked with JavaScript. Knowing JavaScript would have you catch on to TypeScript concepts pretty easily.

Typescript는 만들어진 이후 수년 동안 많은 인기를 얻었습니다.

크레딧: The State of the Octoverse

JavaScript에서 발생할 수 있는 문제 살펴보기

간단한 문제부터 시작해 봅시다. 이러한 속성을 가진 개체가 있다고 가정합니다.

    const person = {
        name: 'John',
        age: 30,
        hobbies: ['Sports', 'Cooking']
    }

많은 코드를 작성한 후 이 개체의 속성에 액세스하고 싶었습니다. 개체에 "lastName"이라는 속성이 없다는 사실을 잊었지만 어쨌든 액세스를 시도했습니다.

    const lastName = person.lastName;

JavaScript는 오류를 발생시키지 않지만 undefined를 반환합니다. 이제 변수가 여러 계층의 함수를 통과한다고 상상해 보십시오.
오류의 지점을 찾는 것은 우리의 유한한 필멸의 생명을 고갈시킬 것입니다.

TypeScript를 사용하여 이 문제를 해결할 수 있습니다.

being able to access a variable not present.
multiple null.

유형과 관련된 JavaScript 문제를 수정합니다.

유형

유형은 기본적으로 변수가 보유할 수 있는 데이터의 종류입니다. 유형의 일부 기본 유형은 정수, 문자열 등입니다.

C++, C 또는 Java 배경을 가진 사람이라면 유형에 대해 알고 있을 것입니다.

JavaScript에서 변수를 선언할 때

    let name = 'John';
    const age = 30;

여기서 age 및 name에는 모든 종류의 데이터를 저장할 수 있습니다. 처음에는 이것이 개발자에게 편리해 보일 수 있지만 잘못된 유형의 데이터를 입력하면 디버깅하는 동안 악몽입니다.

정적 유형 검사

Typescript는 우리가 정적 유형 검사기라고 부르는 것입니다. 그것
코드를 실행하기 전에 유형과 관련된 오류를 확인합니다.
TypeScript는 실제로 코드를 실행하지 않습니다. JavaScript를 사용하여 코드를 실행하기 전에 이 유형 검사를 수행합니다.

컴파일 후 Typescript는 정상적으로 실행될 수 있는 JavaScript로 컴파일됩니다.

TypeScript에서 위의 예를 취하면 코드를 실행하기 전에 컴파일러가 경고하는 것을 볼 수 있습니다.

TypeScript 실행

TypeScript는 브라우저나 노드를 통해 직접 실행할 수 없습니다. TypeScript는 JavaScript로 컴파일됩니다. 이를 위해 npm을 사용하여 typescript를 전역적으로 설치합니다.

npm i -g typescript

TypeScript를 전체적으로 설치하면 tsc 명령에 액세스할 수 있습니다.

다음 블로그에서 TypeScript 실행과 많은 기능을 살펴보겠습니다.