댓글 검색 목록

[javascript] 간단한 메모리 게임을 만들어 TypeScript 배우기

페이지 정보

작성자 운영자 작성일 20-09-09 11:59 조회 730 댓글 0

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 


Alt Text 


interface : 값 / 매개 변수의 유형을 선언하는 곳


이제 Person 인터페이스는 문자열 유형의 firstName 및 lastName 두 개체로 구성되며 Person은 함수의 매개 변수에 할당됩니다.


function greeter(person: Person) 


이제 greeter 함수의 매개 변수가 유형 검사됩니다. 매개 변수는 문자열 유형이어야 합니다.


let user = { firstName: 123, lastName: "User" }; 


TS가 여기에서 재생됩니다! 이로 인해 오류가 발생합니다.


자바 스크립트에서 지원하는 모든 데이터 유형은 인터페이스에서 임의의 변수에 할당 할 수 있습니다.


더 많은 데이터 유형을 탐색하고 사용 방법을 확인하려면 동료 중 한 명이 이것을 잘 설명했습니다.


그렇다면 이 메모리 게임에는 무엇이 있을까요? 


이 게임은 useReducer와 함께 Typescript를 사용하여 만들어졌습니다.


Alt Text 


이것은 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에 대해 확인하지 않은 경우 이을 보세요 . 정말 멋지고 시간을 많이 절약하고 생산성을 높입니다.



댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.