js15 js object string,array,number와 같이 object라는 자료형이 있다. //오브젝트const food = { name : 'hamburger', price : 1500}//배열const foods = ['hamburger','pasta','salad'] 배열(array)을 예를 들어 설명하자면 1. 먼저 둘다 여러 값들이 들어 갈 수 있다.2. 다만 배열은 특정한 특징을 정하고 그 안에 속하는 여러가지데이터들이 존재하는 것이고, - [ foods란 배열을 특징으로 삼고 그안에 속하는 'hamburger', 'pasta', 'salad' 들이 있다. ]3. 오브젝트는 특정한 객체를 정하고 그 객체에 대해 '팔은 두개고 다리는 세개야' 라고 하는 것처럼 설명해준다고 보면 된다. - [ food의 .. 2024. 11. 9. 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. 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 2 3 다음
