몇일 전에 크레인인형뽑기 문제를 풀고 난 후에 다른 사람의 코드에서 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..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/qfkOS/btqExAJAj56/0YXPaXvqYR3YTIDGCHKnYk/img.png)
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 클래스와 인터페이스를 사용할때 언제 써야할까? 만약 내가 작업할 때 new키워드를 쓰지 않고 상속의 구현만 할것이라면 인터페이스를 사용해도 무방하다. (실제 사용은 클래스에서 extends 하는 방식으로 하고 구현만 할거라면 인터페이스 implements해준다. interface Example{ (a: number, b: number) : number; } const ex: Example = (a,b) ..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) as const; 변수를 상수처럼 쓰고 싶다. 타입스크립트 전용 문법인 as const; 를 뒤에 붙이면 된다. let str = 'haha' as const; let arr = [true, 2, '3'] as const; 변수에 마우스를 올렸을때 let arr:readonly [true, 2,, '3'] 이라고 뜨는데, 여기서 새로운 타입 readonly를 볼 수 있다. as const;로 선언할 경우 let이어도 재 정의시에 에러가 난다. 그렇다면 const로 선언하면 되지 않나? 라고 하는데, con..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) 타입스크립트는 자바스크립트의 superset(상위집합)이다. 자바스크립트가 언어고 타입스크립트가 라이브러리라서 반대로 생각하는데, 타입스크립트는 자바스크립트의 모든 기능에 타입이라는 시스템이 추가된 것이므로 더 큰 존재이다. 따라서 기본적으로 타입스크립트를 사용하기 위해서는 자바스크립트를 알아야한다. 제로초님은 자바스크립트 강좌 (유튜브에 업로드하신 무료 es2020 / 자바스크립트강좌를 보고 오면 도움이 된다고했다) 제로초님은 실무에서 클라이언트가 요청하는 것을 제외하고는 보통 타입스크립트로 쓴다고 한다..
- Total
- Today
- Yesterday
- TypeScript
- 메서드
- 공부
- JavaScript
- vue.js
- 아티클
- 브라우저
- 프론트엔드
- 통신
- 차이
- VUE
- Article
- JS
- css
- 자바스크립트
- Study
- 제로초
- 뷰
- 리액트
- React
- 기초
- 타입스크립트
- 코딩애플
- Method
- frontend
- html
- jQuery
- 프로젝트
- 강의
- 제이쿼리
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |