자바스크립트에서 타입스크립트로 전환하는 초보자 가이드입니다.

어느 날 아침에 일어났는데 새로운 기술 물결은 자바스크립트 대신 타이프스크립트를 사용해야 한다는 것입니다.

좋아요, 잠깐만요 제가 새로운 프로그래밍 언어를 배우기 시작해야 한다는 말씀인가요?

나는 타이프 스크립트 파일을 살짝 훔쳐보았다. 맙소사 이건 어려울 거야.

그래 그래 그래 그 기분 알아. 그래서 여기 자바스크립트에서 타이프스크립트로의 전환에 대한 몇 가지 기본 개념을 이해할 수 있는 방법에 대한 빠른 가이드가 있습니다.

이제 나는 당신에게 정의와 설정 튜토리얼을 제공하거나 일종의 강의 대신 TypeScript를 사용해야 하는 이유를 제공하려는 것이 아닙니다. 간단한 Google 검색으로 찾을 수 있습니다. 하지만 저를 믿으세요. 많은 개발자들이 처음에는 typescript의 아이디어를 좋아하지 않았지만 마침내 우리가 그랬을 때 우리는 평범하고 오래된 자바스크립트로 돌아가고 싶지 않았고 당신도 하나가 될지도 모른다고 추측하고 싶지 않았습니다.

잠수하다

TypeScript의 전체 아이디어는 프로그래밍에서 수행하는 각 단계에 대해 의도적입니다.

변수 선언

일반 자바 스크립트에서 우리는 다음과 같이 할 것입니다.let first variable = 0
우리 모두는 이것이 숫자 변수라는 것을 알고 있습니다. 예, TypeScript도 그렇습니다(여기에서 자세히 설명하고 싶지는 않습니다).

let firstVariable: number = 0
let firstString: string = 'My first string'
let firstBool:boolean = true


여기서 숫자, 문자열, 부울은 유형입니다. 그래, 왜 우리가 이 모든 추가 작업을 수행하는 거지?

음, IDE에서 이것을 시도하기 시작하는 순간 Number null 유형의 변수를 남길 수 없다는 경고를 발견하게 될 것입니다.
일이 복잡해지기 시작할 때 이 물건이 유용할 것이라고 믿으세요. 이 게시물의 범위를 벗어나므로 여기에서 TypeScript의 이점에 대해 이야기하고 싶지 않습니다.

이제 배열 및 객체와 같은 변수에 대해 물어볼 수 있습니다.

let firstArrayOfNumbers: Array<number>
let secondArrayOfStrings: Array<string>
let thirdArrayOfBool:Array<boolean>


이제 이 시점에서 여기 몇 가지 흥미로운 질문이 있을 것이라고 확신하며 훌륭합니다. 그런 다음 당신이 올바른 길을 가고 있는 당신의 연구를 시작하자

객체는 어떻습니까?

interface MyObject {
    name: string
    age: number
    address: string
    married: boolean
}

let myFirstObject: MyObject = {
    name: "Titus",
    age: 30,
    address: "Linux street",
    married: false
}



여기서 개체의 각 필드를 설명합니다. 각 필드의 유형은 무엇입니까? 이것은 다른 곳에서 변수를 사용하고자 할 때 유용합니다.
간단히 MyObject라는 개체 정의에 대한 고유한 유형을 만들었습니다.

마지막으로 함수를 작성하는 방법

내가 말했듯이 타이프 스크립트의 전체 아이디어는 의도적입니다. 이제 우리가 함수를 작성하고 싶을 때 우리는 이 함수가 무엇을 취하는지 묻습니다. , 함수의 응답은 무엇입니까? 매개 변수는 문자열이고 반환 값은 숫자입니까?
내가 아무것도 반환하지 않으면 어떻게합니까?

function myFirstAddFunction (a:number,b:number) : number {
    return a + b
}

function myFirstVoidFunction (a: number): void{
    console.log(a)
}


나는 이것이 최고의 튜토리얼이 아니라고 생각하지만 이 게시물의 목적은 당신의 호기심을 깨우는 것입니다. 이제 질문이 생겼고 겁먹지 않고 온라인에서 다양한 튜토리얼을 살펴보고 타이프스크립트가 제공하는 이점을 사랑하게 될 것이라고 믿으세요.

읽어 주셔서 감사합니다

당신은 나와 연결할 수 있습니다

좋은 웹페이지 즐겨찾기