몇일 전에 크레인인형뽑기 문제를 풀고 난 후에 다른 사람의 코드에서 reduce 메서드를 사용하는 것을 확인했고 궁금해져서 메서드에 대해 공부해봤습니다. reduce reduce 구문 arr.reduce(callback(acc, cur, curIndex, arr), initVal]); reduce 인자 누적 값(acc) 현재 값(cur) 현재 인덱스 (curIndex) 원본 배열(arr) 그리고 initialValue라는 callback의 최초 acc에 제공하는 누적 값의 초기 값. 만약 초기 값이 없다면 자동으로 누적 값은 원본배열(arr)의 0번째 인덱스 값으로 지정됩니다. 간단한 예제를 보겠습니다. // 초기 값이 없을때 [1,2,3,4,5].reduce((acc, cur, curIndex, arr..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 타입스크립트의 모듈 시스템은 자바스크립트의 최신문법을 개승했기 때문에 common.js를 쓰던 노드js의 방식과는 다르다. common.js와 ES2015의 차이를 이해해야한다. export default 자바스크립트에서는 exports와 module.exports가 같기 때문에 exports가 중복되면 값을 덮어쓰게된다. const hello = 'module'; exports.a = 'a'; expo..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 매개변수를 구조분해할때 타입 작성 방법 // (X) function test({ a: boolean, b: number}){ //.... } // (O) fuction test({ a, b }: { a: boolean, b: number}){ //.... } 뒤에 별도로 써야 에러가 나지 않는다. 아래와 같이 쓸 수 있다. // 호출할때 객체로 인자값을 전달하고 connectCardDOM({ data: ..
Typescript 기초 학습 8.기초문법6_클래스와 인터페이스_제네릭_generic(인프런_Zerocho님 강의 학습 의식의 흐름대로 노트 정리)
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 클래스와 인터페이스를 사용할때 언제 써야할까? 만약 내가 작업할 때 new키워드를 쓰지 않고 상속의 구현만 할것이라면 인터페이스를 사용해도 무방하다. (실제 사용은 클래스에서 extends 하는 방식으로 하고 구현만 할거라면 인터페이스 implements해준다. interface Example{ (a: number, b: number) : number; } const ex: Example = (a,b) ..