function hello(arg: any): any { return arg; } 인수에 관계 없이 그 값을 returng하는 함수 hello를 만든다고 하자. JS에서는 타입 구분이 크지 않기에 상관 없지만, TS에서는 타입을 구분되어 있기 때문에 인수에 관계 없이 값을 가져오기 위해서는 인수에 들어올 수 있는 모든 타입을 지정해주어야한다. 이는 몹시 귀찮고 힘들다. 다른 방법으로는 any 타입을 이용해 인수를 받을 수 있지만 인수가 any 타입으로 불러와지기 때문에 인수가 원래 어떤 자료형이었는지 대한 정보를 잃어버린다. 귀찮지도 않고 원본 자료형에 대한 정보를 둘 다 처리할 수 있는 방법이 제너릭(Generic)이다. function hello(arg: T): T { return arg; } 제너릭..
export/import StringValidator.ts expoer interface StringValidator { isAccetable(s: string): boolean, } ZipCodeValidator.ts import { StringValidator } from "./StringValidator" 위와 같이 module을 export하고 import 해올 수 있다. type-only export/import 타입 스크립트는 import 해올 때 type도 자동으로 import 해오기 때문에 런타임에서 type만 import 해오는 문장은 지워버린다. 때문에 문장만 가지고 type인지 value인지 알 수 없을 경우 문제가 발생할 수 있다. 그래서 TypeScript 3.8부터 type만 e..
본 글은 노마드코더의 TypeScript로 블록체인 만들기 강의를 보고 작성하는 글입니다. Interface const person = { name: "Lee", age: 22, gender: "male", }; const sayHi = (person): string => { return `Hello ${person.name}, You are ${person.age} and ${person.gender}`; }; console.log(sayHi(person)); export {}; index.ts 타입스크립트는 변수에 타입을 지정해서 변수에 들어가는 실제 자료가 변수의 자료형과 일치하는지 검사하는 역할을 한다고 했다. 그렇다면 object를 넘겨줄 때는 object가 내가 생각하는 object와 일치하는..
타입 선언 타입 스크립트는 일반 변수, 매개 변수, 객체 속성 등에 :TYPE과 같은 형태로 타입을 지정한다. let variable: string = "Hello World!" 타입 종류 타입스크립트는 자바스크립트와 거의 동일한 타입을 가지나 타입스크립트 고유의 타입 역시 포함한다. 타입 JS TS boolean O O Number O O String O O Array O Tuple O Enum O Any O Void O Null and Undefined O O Never O object O O 1. boolean let TFVariable: boolean = true; 2. number 자바크립트와 마찬가지로 타입스크립투도 부동 소수값, let decimal: number = 6; // 십진법 : 6..
본 글은 노마드코더의 TypeScript로 블록체인 만들기 강의를 보고 작성하는 글입니다. 더보기 사실 실무에서 일하시는 분이 TypeScript를 빠르게 배워 적용하기에 적절한 강의는 아니라고 하셨지만 Interface 같은 내가 스쳐가며 보여 이게 뭐지? 했던 개념을 소개해주는 것이 들어볼만하고 생각했고, 강의도 1시간이라 블록체인 만드는 부분 전까지만 간단하게 들으면 괜찮을 것 같아서 수강 결정! JS도 못하는데 TS를 듣는게 꺼려졌지만 프로젝트에서 필요하다고 해서 강제로 배워야한다.... 백엔드와 데이터를 주고받는 과정에서 타입이 정해지기 때문에 결국 TS를 써야한다고 하시더라........ TS는 왜 등장했는가? JS에는 엄격한 규칙이 없고 이는 개발자가 개발하기 쉽고, 수정하기 쉽도록 만들었다..
