TypeScript

프로젝트를 진행 중에 갑자기 아래와 같은 오류가 발생하기 시작했다. 어떻게 해결 할 수 있는지 알아보자. Error 메시지 Solution 구글링을 해보니, 2가지 방법으로 할 수 있었다. 1. 컴파일러옵션에서 allowJs 옵션을 제거한다. 2. exclude 항목에 outDir(JS로 컴파일된 파일들이 모이는 장소)에 등록한 폴더를 추가하기 나의 경우, 애초에 allowJS옵션을 적용하지 않고 있었기에, 2번째 방법으로 해결하였다. { "compilerOptions": { "module": "commonjs", "declaration": true, "removeComments": true, "emitDecoratorMetadata": true, "experimentalDecorators": true,..

제네릭 타입에 대해 알아보고 어떻게 사용할 수 있는지, 그리고 배열을 이용하지 않고 Queue자료구조를 구현하면서 제네릭을 어떻게 실제로 사용할 수 있는지 알아보자. 아래의 내용은 타입스크립트 공식문서 내용을 참고하였다. 제네릭타입의 필요성 우리가 서버를 띄울 때 항상 "Hello World"를 먼저 출력하는 것 처럼 제네릭에서의 "Hello World"인 identity 함수를 통해 발걸음을 시작해보자. identity함수는 받은 인수를 그대로 리턴하는 매우 간단한 함수이다. 만약 제네릭을 사용하지 않는다면 우리는 특정 타입을 지정해주거나, any를 사용해야 한다. 하지만 앞선 글에서 말한 것처럼 any는 실제로 함수가 반환할 때 어떤 타입인지에 대한 정보가 전혀 없게 되어 타입스크립트를 쓰는 의미가 ..

composition이라는 강력한 기능에 대해 알아보고 실제로 코드에 어떻게 적용 할 수 있는지에 대해 알아보자. 만약, 타입스크립트와 OOP의 개념에 익숙치 않고 자세히 알고 싶다면 이전 글을 참고하자. Composition? composition이란 클래스 상속을 하지 않고 여러개의 클래스간에 관계를 맺는 방식을 의미한다. 근데 상속이라는 좋은 방법이 있는데 굳이 composition을 이용해야 하는 이유가 있을까? 우선, 아래 사진처럼 상속은 interface를 implements하는 것 처럼 여러개를 할 수가 없다. 상속을 이용하게 되면 결국 클래스 그 자체로 서로 의사소통을 해야 한다. 이렇게 되면 클래스간의 관계가 매우 견고해져 재사용성이 매우 떨어지게 된다. 그렇기 때문에 Compositio..

그 유명한 OOP(Object-Oriented Programming)!!! 어떠한 원칙들이 있는지, 그리고 이 원칙들을 코드에 어떻게 녹여 낼 수 있는지 알아보자. 우리는 여기서 헬스장을 OOP를 이용하여 만들어 볼 예정이다. 먼저, OOP없이 헬스장을 코딩했을 때와 OOP의 중요 4원칙을 적용했을 때 해당 코드가 어떻게 변하게 되는지 알아보자! OOP 없이 함수 만들어 보기 TypeScript를 이용하여 운동을 하는 함수를 만들어보자. 운동을 하면 근육량과 피로도가 증가하게 된다. type Muscle = { muscles: number; fatigability: number; }; let muscles = 0; let fatigability = 50; let deltaPerHour = 10; func..

타입스크립트에는 기본형 타입 이외에도 다양한 타입들이 존재한다. 여기에서는 어떠한 타입들이 있고, 해당 타입들을 어떻게 사용할 수 있는지 알아보자. Types by Inference 타입스크립트는 JS의 superSet이기 때문에, JS코드를 잘 이해하고 있다. 따라서, 아래처럼 타입을 명시하지 않고 JS문법으로 작성하더라도 helloWorld:string 타입이라고 추론한다. 물론, 타입추론을 이용 할 수도 있지만 TS의 장점을 최대한 살리기 위해서는, Type을 명시적으로 정의 해주는 것이 가독성, 유지보수성 등을 높이는데 매우 중요하다. Function 1. 기본 사용법 TS에서는 함수를 선언할 때 다양한 타입을 정할 수 있다. function add(a:number, b:number):number..

타입스크립트의 기본 타입과 기본 문법에 대해 배워 보도록 하자 🤩 아래의 내용은 TypeScript의 공식문서를 참조하였다. 타입스크립트는 아래의 JS의 타입형태를 모두 이용 할 수 있으며, 추가적으로 몇가지의 타입을 더 제공한다. JS Types Primitive: string, number, boolean, bigint, symbol, undefined, Object: function, array, ... + TypeScript 추가 타입(unknown, any, void, never, ...) TypeScript 기본 타입 1. undefined 아직까지 값이 결정되지 않은 것을 의미하는 타입. 주로 아래처럼 유니온 타입으로 사용되며, 단독으로는 거의 사용되지 않는다. let name: string..