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. js 즉시실행함수 즉시실행함수란 정의되자마자 실행해버리는 함수를 말함.function shouting() { console.log(str)}shouting('으악'); // 으악 1. 함수를 선언하고,2. 바로 호출 위의 기존코드를 즉시실행함수로 바꾸면 아래와 같음(function shouting(str) { console.log(str)})('으악');const shouting = function (str) { console.log(str)}('으악');const shouting2 = ((str) => { console.log(str)})('으악');위 코드를 실행시>> 으악>> 으악>> 으악함수들이 바로 실행됐단 걸 확인가능함 그런데 신기한 점이 하나 있는데,shouting함수가 두 번 선언이 되어있.. 2022. 5. 31. npm, 보다 더 편한 npx npx에 대해 알게되어 정리함. npm (node package management) 은 패키지 관리를 위해 사용된다.npx는 npm을 좀 더 편하게 사용할 수 있게 만드는 도구이며,원하는 패키지를 설치 없이, 바로 실행 시킬 수 있다. //npm1.패키지 설치2.npm run '패키지'//npx1.npx '패키지 실제 테스트하기 위해 vue 프로젝트를 생성해보겠습니다.vue 프로젝트 생성을 위해선 vue/cli라는 인터페이스가 필요한데요.vue/cli없이 바로 vue create '프로젝트명' 명령어를 입력해 보겠습니다.먼저 npm으로 실행해보면 당연히Unknown command: "vue"위와 같이 출력됩니다.설치를 안했으니 당연함. 하지만 npx를 쓰면 npm install을 하지 않고도 바로 실행.. 2022. 5. 31. 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. 이전 1 ··· 5 6 7 8 9 10 11 ··· 15 다음
