TypeScript에 대한 나의 첫 경험

MLH: Local Hack Day 으로 챌린지를 시작하려고 했고, 그 챌린지는 새로운 프로그래밍 언어로 Hello World를 작성하는 것이었고, TypeScript에서 코드를 작업하거나 본 적이 없다고 생각하여 탐색하고 배우기 시작했습니다. , 나는 문자 그대로 충격을 받았고 그것이 어떻게 작동하는지 놀랐습니다.
판단하지 마세요, 하하, 나는 TS의 멍청이입니다.

내가 왜 놀랐지?

브라우저는 기본적으로 typescript를 이해하지 못하지만 javascript를 이해합니다. 그래서 타입스크립트 코드를 실행하기 위해서는 먼저 자바스크립트로 트랜스파일된다.

그리고 프로그램을 컴파일했을 때 .js로 새 파일이 생성되었습니다. 이것은 가장 충격적이었습니다. 제가 사용했던 다른 프로그래밍 언어에서 이러한 유형의 작업을 본 적이 없기 때문에 이유를 모르겠습니다. 멋졌어.

방금 TS로 시작하여 첫 번째 프로그램을 만들었습니다.

타입스크립트란?

“TypeScript is JavaScript for application-scale development.”

TypeScript는 오픈 소스 프로그래밍 언어입니다. Microsoft에서 개발했습니다.
JavaScript 구문을 따르지만 더 많은 기능을 추가합니다. JS의 상위 집합입니다.

TS의 특징

Java와 같은 클래스, 객체 및 인터페이스와 같은 기능을 갖춘 순전히 객체 지향적임

TypeScript가 다른 JS 라이브러리를 지원함

모든 유효한 .js 파일은 .ts로 이름을 바꾸고 다른 TypeScript 파일과 함께 컴파일할 수 있습니다

.

TypeScript는 이식 가능합니다

.

TS 코드 실행

브라우저는 기본적으로 typescript를 이해하지 못하지만 javascript를 이해합니다. 그래서 타입스크립트 코드를 실행하기 위해서는 먼저 자바스크립트로 트랜스파일된다.
tsc : typescript 코드를 javascript로 변환하는 typescript 컴파일러(transpiler)입니다.
다음 명령을 실행하여 tsc를 설치할 수 있습니다.
npm install -g typescript

첫 번째 프로그램 작성

"helloworld.ts"라는 파일을 만듭니다.

다음 코드 줄을 추가합니다.

var greet: string = "Greetings"; 
var message: string = "MLH Local Hack Day!"; 
console.log(greet + " from " + message); 

컴파일하려면 다음 명령을 실행합니다.

tsc helloworld.ts
이 명령은 이름이 helloworld.js인 자바스크립트 파일을 생성합니다.

명령줄에서 다음 명령을 사용하여 javascript 파일을 실행합니다.

node helloworld.js

출력:

Greetings from MLH Local Hack Day!

동일한 항목에 대한 GitHub 저장소

seema1711 / typescript-hello-world

TS를 처음 사용하는 경우 ❤를 누르십시오.

다음에서 나와 연결할 수 있습니다.
🎥
⚒
🧵
✍ Hashnode
📷