FrontEnd/TypeScript
-
TypeScript로 STACK QUE 구현해보기FrontEnd/TypeScript 2023. 1. 3. 14:54
공부한 내용으로 Stack과 Que를 만들어봤다. 코드부터 바로 봐보자 interface Stack { readonly size: number; push(value: A): void; pop(): A; } type StackNode = { readonly value: A; readonly next?: StackNode; }; class StackImpl implements Stack { private _size: number = 0; private head?: StackNode; constructor(private capacity: number) {} get size() { return this._size; } push(value:A) { if (this.size === this.capacity) { t..
-
TypeScript - 타입에 대한 정의FrontEnd/TypeScript 2022. 10. 21. 02:07
TypeScipr(이하 TS)에서 여러 가지 Type이 존재한다. 이는 JavaScript와도 동일하기 때문에 차근차근 알아보자. Type number : 숫자를 나타낸다. string : 문자를 나타낸다. undefined : 존재하지 않음을 나타낸다. / 메모리도 할당되지 않는다. null : 없는 '값'이다. / 메모리는 할당된다. unknown : 타입을 모른다는 뜻을 가리킨다. any : 어떤 타입이든 가능하다. void : 아무 것도 리턴하지 않는다. / 생략가능 never : 아무 것도 리턴할 수 없다. object : 원시타입을 제외한 모든 타입을 담을 수 있다. Type 응용 1. Type Aliase라고 하는 이것은 type을 내가 정의할 수 있다. 가령 볼펜이라는 type을 내가 정의..
-
TypeScript 시작하기!FrontEnd/TypeScript 2022. 10. 19. 01:59
Typescipt란? JS를 어느정도 숙련된 상태에서 접해야할 언어가 바로 Typescript이다. JS는 동적으로 타입이 결정되는 언어이고, 이와 반대로 TS는 개발당시에 타입을 결정하는 언어이다. 이 둘의 가장 큰 차이점이라고 할 수 있으며, TS를 배워야하는 가장 큰 이유이다. JS는 타입이 dynamic하기때문에 배포가 완료된 후 사용자가 사용하는 시점에서 Type으로 인한 예상치 못한 버그를 마주할 확률이 크다. 작성하기 쉬운 난이도에 반비례하여 버그가 발생할 확률이 높다는 뜻이다. 이런 문제를 해결하기 위해 나온 언어가 바로 TypeScript이며 정적타입 언어이다. JS보다 가독성이 좋고 생산성도 높다. 그리고 보다 안전하다고 할 수 있다. TS로 코드를 작성하면 컴파일러를 통해 JS로 변환..