자바스크립트 코테를 풀다가 flatmap이라는 함수를 알게 되었다! flatmap이란? map()함수에 flat()함수를 적용한 값과 동일한 값을 한다! flatMap() 메서드는 먼저 매핑함수를 사용해 각 엘리먼트에 대해 map 수행 후, 결과를 새로운 배열로 평탄화하는것! 말 그대로 각각의 배열을 납작하게 눌러주어 하나의 배열로 만들어주는것! 코드를 보면 더 이해하기가 쉽다! let arr1 = [1, 2, 3, 4]; arr1.map(x => [x * 2]); // [[2], [4], [6], [8]] arr1.flatMap(x => [x * 2]); // [2, 4, 6, 8] // 한 레벨만 평탄화됨 arr1.flatMap(x => [[x * 2]]); // [[2], [4], [6], [8]]..
? 키워드를 사용하는 optional! 1. 선택적 매개변수(Optional Parameter) 우리는 타입 선언할 때 선택적 매개변수를 지정할 수 있다. function add(x: number, y?: number): number { return x + (y || 0); } const sum = add(2); console.log(sum); y를 선택적 매개변수로 두었기 때문에 받은 인자가 없어도 오류가 나지 않음!! ? 키워드는 | undefined 를 추가한 것과 동일하다! function add(x: number, y: number | undefined): number { return x + (y || 0); } const sum = add(2, undefined); console.log(sum..
제네릭은 함수나 클래스의 선언 시점이 아닌 사용 시점에 타입을 선언할 수 있는 방법을 제공한다! 제네릭을 사용하면 함수, 클래스 , 인터페이스를 다양한 타입으로 재사용할 수 있다. 선언할 때는 type 파라미터만 적어주고 생성하는 시점에 사용할 타입을 결정 예제를 보면서 확인해보자!! function getSize(arr):number { return arr.length; } const arr1 = [1,2,3]; getSize(arr1); //3출력 위처럼 작성하면 에러남 아래와 같이 타입을 명시해주면 에러 해!결! function getSize(arr: number[]):number { return arr.length; } const arr1 = [1,2,3]; getSize(arr1); //3출력 ..
인터페이스의 뜻은 연결하는 장치라는 뜻을 가지고 있다. 자바스크립트 ES6는 인터페이스를 지원하지 않지만 타입스크립트는 인터페이스를 지원하고 있다! 타입스크립트에서 인터페이스는 여러 객체를 정의하는 일종의 규칙이자 구조! 코드로 보면 이해가 더 잘가니 코드로 확인해보자! 인터페이스를 통해 특정 속성(메소드)등의 타입을 정의 ***코드를 재사용하고 묶어준다는 점에서 class와 비슷한 너낌을 받았다. => 프로퍼티와 메소드를 가진다는 점에서 클래스와 유사하나 직접 인스턴스를 생성할 수 없다는 차이점이 존재!! //***IUser에서 I는 Interface를 의마하는 별칭으로 사용했다! interface IUser { name: string, age: number, isAdult: boolean } let ..
