STUDY/Typescript

(4)
[ Typescript ] 타입스크립트 심화 interface IProfile { name: string; age: number; school: string; hobby?: string; } Partial 타입 :: 모든 타입에 "?" 붙임 type aaa = Partial; // 결과 interface IProfile { name?: string; age?: number; school?: string; hobby?: string; } Required 타입 :: 모든 타입이 필수가 됨 type bbb = Required; // 결과 interface IProfile { name: string; age: number; school: string; hobby: string; } Pick 타입 :: 골라서 사용 가능하게 됨 type ccc = Pick;..
[ Typescript ] 타입스크립트 종류 문자(string), 숫자(number), 참 또는 거짓(boolean) 타입 const getPrimitive = (arg1: string, arg2: number, arg3: boolean): [boolean, number, string] => { return [arg3, arg2, arg1]; } const result1 = getPrimitive("철수", 123, true); any 타입 ::: 자바스크립트와 똑같아 짐! const getAny = (arg1: any, arg2: any, arg3: any): [any, any, any] => { console.log(arg1 + 100); // any는 아무거나 다 됨! return [arg3, arg2, arg1]; } const result..
[ Typescript ] 타입스크립트 기초 타입 추론 let aaa = "안녕하세요"; // TYPE => string aaa = 3; // error 발생!! 타입 명시 let bbb: string = "안녕하세요"; bbb = 10; // error 발생!! 배열 타입 let fff: number[] = [1, 2, 3, 4, "a"] // "a"에 error 발생!! let ggg: string[] = [1, '2', '3', '4', "a"] // 1에 error 발생!! let hhh: (number | string)[] = [1, '2', '3', '4', "a"] 객체 타입 interface IProfile { name: string age: number | string school: string hobby?: string // "?..
[ Typescript ] 타입스크립트를 사용하는 이유 타입스크립트 왜 사용할까? 타입스크립트는 자바스크립트에 타입을 부여한 자바스크립트의 확장된 언어라고 볼 수 있다. 자바스크립트만으로도 충분히 개발 할 수 있는데 왜 굳이 타입스크립트를 사용해야 할까? 라는 의문이 들었다. 단지 최신 기술이라서? 혹은 다른 사람들도 많이 사용하니까 나도 써야 하는 걸까? 라는 생각이 들었다. 공부를 계속 하면서 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다는 결론을 냈다! 사전의 에러 방지 타입스크립트는 사전에 에러를 방지 할 수 있다. function sumJs(a, b) { return a + b; } function sumTs(a: number, b: number) { return a + b; } sumJs는 자바스크립트, sumTs는 타입스..