typescript6 TypeScript 타입 별칭 타입스크립트에는 인터페이스 말고도 타입을 생성할 수 있는 방법이 있습니다. type NewType = { name: string, age: number } 인터페이스도 새로 타입을 설정해주는걸로 알고있는데 무슨 차이가 있는지 알아봤음 ================================================ - 인터페이스는 객체에 한정됨 type NewType = string | number; type NewType0 = 'aaa' | 5; let aaa: NewType = 'a'; aaa = 5; let bbb: NewType0 = 5; bbb = 'aaa'; type으로 생성한 타입별칭은 객체 이외의 타입을 넣을 수 있음 - 확장하는 방법이 다름 인터페이스는 extends interfac.. 2022. 6. 4. TypeScript 제너릭 제너릭이란 타입을 유동적으로 받아 처리할 수 있는 문법을 말합니다. 아래와 같이 파라미터로 받은 타입이 다른 두 값을 튜플형태로 반환해야합니다. function returnFunc(a:number,b:string): [number,string] { return [a,b]; } const a: number = 1; const b: string = "2"; console.log(returnFunc(a,b)); // [ 1, '2' ] returnFunc의 파라미터에 타입을 둘 다 주었고, 함수자체에도 튜플로 타입을 주었습니다. 이제 이 함수는 a에는 number,b에는 string 타입의 값밖에 주지 못합니다. 물론 상관없으면 상관없는데 상관이있으면 고쳐야겠죠 위 파라미터,함수들의 타입을 유동적으로 정할 수.. 2022. 6. 3. TypeScript 인터페이스 타입스크립트에서 인터페이스란, 하나의 타입을 정의하는 것을 말합니다. interface MOUSE {} // MOUSE라는 타입을 선언하고 const myMouse: MOUSE = {} //myMouse에 MOUSE타입을 부여했습니다. MOUSE타입에 내용을 추가하여 부가 설명을 하자면 //어떠한 행위를 한다고 기술만 함 - clickOn의 실행문장까지 적어주진 않음 // - 실제 body까지는 기술하지 않음 interface MOUSE { clickOn(): boolean; clickOff(): void; } //TV란 타입을 정의했고 TV의 타입을 부여받았다면 인터페이스 양식에 맞게 값이 있어야함 const myMouse: MOUSE = { clickOn() { return true; }, click.. 2022. 5. 30. TypeScript 타입종류 TypeScript에서 설정할 수 있는 타입들에 대한 설명글입니다. 1. number - 숫자 let numberVal: number; numberVal = 3; 2. string - 문자열 let stringVal: string; stringVal = '3'; 3. boolean - 논리형 let booleanVal: boolean; booleanVal = true; 4. void - null / undefined / 반환값이 없는 함수 let voidVal: void; voidVal = null; voidVal = undefined; function voidFunc(a:number,b:number): void { console.log(a+b); } function voidFunc(a:number,b:.. 2022. 5. 29. TypeScript 변수 선언 시 주의점 let name: string; // name이란 변수는 string의 값만 들어갈 수 있다 // let name = 'john'; //typeScript에선 변수의 선언과 초기화를 한 줄에 작성하면 자동으로 변수타입을 설정한다. name = 500; //name이란 변수가 이미 string type으로 설정되어 있어 error // let name; name = 'john'; name = 300; //위의 반례로 변수의 선언을 단독으로 한다면 any타입으로 설정된다. // const name; //error //const는 초기화를 해 주어야 한다. 2022. 5. 22. TypeScript를 쓰는 이유 1. 타입을 명시해 줌으로써 코드파악에 도움이 되고 에러를 줄임 let name: string = 'Jone'; typescript는 위 코드처럼 name이란 변수를 선언할때 타입을 설정해줄 수 있다. 저렇게 설정해 주는 것 하나만으로 - name이란 변수에 숫자가 들어간다면 컴파일시간에 버그로써 잡아줄 수 도 있고, - 협업에서도 변수에 대한 정보를 하나 더 들고 가는 셈(자기가 짠 코드도 며칠뒤면 까먹음) name은 당연히 string아니냐 라고 할수도 있어서 예시코드를 바꾸면 let userCode: number = 15 let userCode: string = 'A_361' userCode가 순전히 숫자로만 이루어질 수 도 있고 알파벳과 혼용해서 만들 수 도 있으니 타입을 명시해주면 확실히 도움이.. 2022. 5. 22. 이전 1 다음
