TypeScript 빠른 정의
TypeScript는 브라우저 / 컴파일러가 JavaScript 만 컴파일하는 것을 알고 있기 때문에 JavaScript로 컴파일 된 JavaScript의 유형화 된 상위 집합(superset)입니다. 당신은 이것을 자주 들었을 것입니다! 이것이 실제로 TypeScript는 몇 가지 추가 기능과 함께 JavaScript입니다.
다른 도메인의 개발자를 어떻게 도울 수 있습니까?
웹 개발의 주요 두 부서는 JavaScript 개발자와 C#, Java, Visual Basic .NET, ... (내 관점에서 볼 때)
JavaScript 개발자가 C#, Java, Visual Basic .NET 프로젝트의 코드를 확인하거나 .C#, Java, Visual Basic .NET이 JavaScript 프로젝트의 코드를 확인하면 이런 일이 발생합니다.
https://dev.to/karthick3018/learn-typescript-by-creating-a-simple-memory-game-p85
TypeScript를 사용하면 몇 가지 일반적인 것들이 전체가 아니라 몇 가지를 가져옵니다. 최소한의 것! C#, Java, Visual Basic .NET은 TypeScript를 새로운 것으로 보지 않지만 JavaScript 개발자에게는 이것이 큰 일입니다! 아마 우리가 들어가는 새로운 세계 일 것입니다. ....
In-to TypeScript
interface : 값 / 매개 변수의 유형을 선언하는 곳
이제 Person 인터페이스는 문자열 유형의 firstName 및 lastName 두 개체로 구성되며 Person은 함수의 매개 변수에 할당됩니다.
function greeter(person: Person)
이제 greeter 함수의 매개 변수가 유형 검사됩니다. 매개 변수는 문자열 유형이어야 합니다.
let user = { firstName: 123, lastName: "User" };
TS가 여기에서 재생됩니다! 이로 인해 오류가 발생합니다.
자바 스크립트에서 지원하는 모든 데이터 유형은 인터페이스에서 임의의 변수에 할당 할 수 있습니다.
더 많은 데이터 유형을 탐색하고 사용 방법을 확인하려면 동료 중 한 명이 이것을 잘 설명했습니다.
그렇다면 이 메모리 게임에는 무엇이 있을까요?
이 게임은 useReducer와 함께 Typescript를 사용하여 만들어졌습니다.
이것은 Reactjs에서 TypeScript 사용법의 일부를 보여줍니다. 여기에서 저장소를 확인할 수 있습니다.
여기서 게임을 하는 데 시간을 보냈습니다.
모든 TypeScript 포인트가 끝났습니까?
의심 할 여지없이 큰 것은 TypeScript에서 탐색 할 방법이 없습니다.이 문서를 확인하고 훌륭한 프로젝트를 만드십시오!
https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html
https://www.tutorialspoint.com/typescript/typescript_overview.htm
react-query에 대해 확인하지 않은 경우 이것을 보세요 . 정말 멋지고 시간을 많이 절약하고 생산성을 높입니다.
등록된 댓글이 없습니다.