typescript

reusable component를 만드는 것을 generic이라고 하는데, Typescript에서는 Type을 generic하게 사용할 수 있다. 사전적 의미 Generic : characteristic of or relating to a class or group

typescript에서 사용되는 Type들에 대해서 정리해보겠습니다.Array는 아래와 같이 두가지 표현으로 나타낼 수 있습니다.Return 타입은 꼭 필요하지 않음 inferred type에 의해 결정될 수 있기 때문이다.inferred type은 contextual

Narrowing은 condition branches(조건문)마다, type을 명확하게 하는 것이다. 이때 interface, type, non-null assertions, union types, never, as operator, is operator 등이 사용될

타입스크립트에는 global하게 사용할 수 있는 Utility Type이란게 있습니다. Utility Types Return Type function의 Return Type을 생성합니다. Syntax ReturnType 이렇게 되면 P의 타입은 아래와 같이 정의됩니

function type을 만드는 간단한 예제코드

Could not find a declaration file for module 'faker'type definition file을 설치해야 한다.Naming Scheme@types/{library name}위 경우는 @types/faker를 설치하면 된다.npmjs.

class에는 modifier가 3가지 있다. public : 표기하지 않아도 기본적으로 적용됨 (외부에서 접근할 수 있다.)private : 해당 class(instance) 내에서만 접근(사용)할 수 있다.protected : same class와 subclass에

tsconfig에 있는 property에 대해 설명한다.typescript를 js로 compile한 후에, js파일을 저장할 위치이다.(dist는 distribution의 약어이다.)d.ts 파일(Type Definition File)의 생성여부이다.true이면 out

d.ts는 type definition파일이다. ts를 js로 컴파일하면서 추가적으로 d.ts파일도 생성해주는 것이다. (ts ----(컴파일)----> js + d.ts)각각의 역할에 대해서는 tsconfig.json에 대해 기록하는 글을 참고하자.declaratio

tsc v4.4부터, try...catch에서 catch의 error object의 타입정의가 변경되었다.기존에는 error: any 였기 때문에, 아래와 같은 경우 ts error가 발생하지 않았다.v4.4 부터는 error object가 unknown type으로

java class에서 사용하는 getter setter를 typescript로 작성해봄instance를 생성하거나, 변수를 get 혹은 set할 때, 직접 변수에 접근하지 않고, getter와 setter를 이용하도록 한다.!codesandboxgetter-and-s

Generic Type의 사용방법에 대한 예시아래 예시는 codesandbox에서 테스트할 수 있습니다.가장 base한 방법으로 generic type인 Array<T>는 T\[]와 동일하다.2가지 이상의 generic을 정의할 수도 있다.generic을 obje

typescript에서는 Re-export(https://www.typescriptlang.org/docs/handbook/modules.htmlexport 할 때는, named export를 해야한다. (default로 하닌깐 error가 발생하였다.)ind

typescript에서 svg를 import 하는 방법svg를 넣으려는데, type 'typeof import("\*.svg")' is not assignable to type 'string'.ts(2322) 에러가 발생하였다.src 디렉토리에 custom.d.ts를

interface로 function을 정의하는 것은 call signature만 추가해주면 된다.js에서는 function도 object이기 때문에, function자체가 callable 하면서, 또한 추가로 property도 가질 수 있다.만약 해당 function

type과 interface는 상당히 비슷한 기능을 갖고 있다.많은 부분에서 interchangable하다.type은 주로 function에 사용하고, interface는 object (class 타입)에 주로 사용한다. 이것은 반드시 그래야하는것은 아니고, 이렇게 사