typeScript (46) 썸네일형 리스트형 XState : 타입스크립트와 같이 활용하기 XState는 TypeScript로 작성되었으므로, 상태 차트를 강력하게 타이핑 하는 것이 유용하고 권장됩니다. import { createMachine } from 'xstate'; const lightMachine = createMachine({ schema: { // The context (extended state) of the machine context: {} as { elapsed: number }, // The events this machine handles events: {} as | { type: 'TIMER' } | { type: 'POWER_OUTAGE' } | { type: 'PED_COUNTDOWN'; duration: number } } /* Other config... */.. [TypeOrm]ORM을 프로젝트에 도입할 때 주의할점 ORM에 대한 찬반양론 JPA와 TypeORM이 꽤 많이 쓰이는 것으로 인식되고 있지만, ORM의 효용성 여부는 아직까지도 실무자들 사이에 큰 논란이 되고 있다. https://martinfowler.com/bliki/OrmHate.html bliki: OrmHate Object-Relational Mappers get a lot of hate from people who misjudge the complexities of the task. martinfowler.com https://www.reddit.com/r/golang/comments/t08oox/are_orms_considered_an_antipattern_in_go/ ORM은 매우 구체적 사항이 누출된 추상화입니다. 사소하지 않은 일에 대해서.. React와 Typescript를 함께 사용하기 : 유용한 유틸리티 타입 원문 보기 Typescript: Five most useful utility types for React Let's explore TypeScript utility types for React. Utility types are a powerful feature for constructing new types. isamatov.com 이 포스트에서는 React 애플리케이션에서 실용적인 5가지 TypeScript 유틸리티 타입을 다룰 것입니다. keyof 엄밀히 말하면 keyof는 유틸리티 타입이 아닌 연산자이지만 비슷한 방식으로 사용됩니다. keyof는 전달한 타입의 속성 이름으로 구성된 유니온 타입을 만듭니다. keyof는 객체의 기존 키를 사용하여 적용하는 데 적합합니다. Partial Partial은.. React와 Typescript를 함께 사용하기 : 간단한 6개의 팁 원문 보기 6 simple tips for working with React and TypeScript Common tips, suggestions, and techniques useful when building React applications with TypeScript. isamatov.com TypeScript로 React 애플리케이션을 구축할 때 유용한 몇 가지 일반적인 팁, 제안 및 기술을 다룰 것입니다. Use utility types (유틸리티 타입) TypeScript로 작업할 때 기존 타입 위에 새 타입을 생성하려는 경우가 많습니다. 이 방법으로 새 타입을 만들면 몇 가지 이점이 있습니다. DRY 원칙과의 일관성 유지. 기존 타입을 재사용하여 코드의 반복을 줄입니다. 타입을 동기화.. 타입스크립트 : 모듈 확장(module augmentation)으로 서드파티 관련 타입 문제 해결하기 원문 보기 Solve any external library error in TypeScript with module augmentation When you get stuck, use module augmentation to tweak the modules that you can't access otherwise. isamatov.com 이 TypeScript 튜토리얼은 모듈 확장을 사용하여 외부 라이브러리로 작업할 때 발생할 수 있는 타입 오류를 해결하는 방법을 다룹니다. 모듈 확장을 사용하여 다른 방법으로는 액세스할 수 없는 모듈을 조정하십시오. TypeScript의 선언 병합(Declaration merging) 기능 모듈 확장에 대해 알아보기 전에, TypeScript에서 선언 병합이 모듈 확장과 .. TypeScript의 앰비언트 모듈(Ambient Modules) - js 라이브러리에 타입 적용하기. 원문 보기 이 게시물에서는 TypeScript의 앰비언트 모듈을 살펴보겠습니다. 앰비언트 모듈이 무엇인지, 어떻게 사용하는지, 사용 시 몇 가지 주의 사항과 팁을 다룰 것입니다. 앰비언트 모듈이란 무엇입니까? Ambient 모듈은 JavaScript로 작성된 라이브러리를 가져와서 마치 TypeScript로 작성된 것처럼 원활하고 안전하게 사용할 수 있는 TypeScript 기능입니다. 앰비언트 선언 파일은 모듈의 타입을 설명하지만 구현은 포함하지 않는 파일입니다. 앰비언트 선언 파일은 JavaScript로 변환되지 않습니다. 순전히 타입 안전 및 IntelliSense를 위해 사용됩니다. d.ts 파일 포맷을 따릅니다. TypeScript 에코시스템에는 DefinitelyTyped를 통해 사용할 수 있는.. 타입스트립트의 타입시스템으로 산수 구현하기 원문 주소 Implementing Arithmetic Within TypeScript’s Type System Use TypeScript’s 4.x releases to implement natural numbers and basic mathematical operators. itnext.io 타입스크립트 4.x 버전 덕택에 지금까지 불가능했던 타입을 표현할 수 있게 되었다. 만약 타입만으로 코드 실행 결과의 검증이 가능하다면 1+2같은 함수의 테스트는 구현할 필요가 없을것이다. 즉 Add 타입의 결과가 8이라면, Add 타입은 8이외의 값은 허용하지 않을것이다. 타입스크립트의 타입만으로 컴파일 타임 이전에 알 수 있는 코드 실행 결과를 검증해보자. 사용하는 기능 이전부터 존재한 친숙한 기능들 조건부 타.. 타입스크립트의 타입 대수(type argebra)를 통해 타입 오류 분석하기 Type algebra는 TypeScript에서 많이 알려지지 않은 주제이며 TypeScript의 몇 가지 단점을 이해하는 데 필수적인 주제입니다. Algebras (대수) 집합 대수가 |,&에서 모두 분배법칙이 성립하며 타입스크립트의 타입 합집합 교집합은 집합 대수를 따름을 이해하면 됩니다. 우리 모두 수학 수업에서 몇 가지 대수 법칙을 배웠습니다. 곱셈은 덧셈에 대해 왼쪽 분배 법칙 성립: a * (b + c) === (a * b) + (a * c) 곱셈은 덧셈에 대해 오른쪽 분배 법칙 성립: (a + b) * c === (a * c) + (c * c) 덧셈은 곱셍에 대해 분배법칙이 성립하지 않습니다. 그리고 우리가 방금 본 일반 대수학(ordinary algebra)과 약간 다른 부울 대수학(boo.. 이전 1 2 3 4 5 6 다음
