Web Dev/1. JS 문법 관련
-
[함수형 프로그래밍] 섹션8. 지연성 2Web Dev/1. JS 문법 관련 2021. 2. 3. 11:36
해당 Repository를 clone 하신 후, http-server ./section8 을 통해서 확인하실 수 있습니다 결과를 만드는 함수 reduce, take take를 한시점에 몇개의원소를 가져올지 결과를 만든다 reduce 객체를 통해서 쿼리 스트링을 만드는함수 find 와 take find는 take로 결론을 내리는 함수 L.flatter [[1, 2], 3, 4, [5, 6], [7, 8, 9]]를 하나로 펼치는 함수 L.flatMap, flatMap map과 flatten을 동시에! 2차원 배열 다루기 현기증 난다...
-
yield * 사용법Web Dev/1. JS 문법 관련 2021. 2. 3. 10:39
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/yield* yield* - JavaScript | MDN The yield* expression is used to delegate to another generator or iterable object. The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/md developer.mozilla.org L.deepFlat([ [1, 2..
-
[함수형 프로그래밍] 섹션7. 지연성 1Web Dev/1. JS 문법 관련 2021. 2. 2. 17:03
해당 Repository를 clone 하신 후, http-server ./section7 을 통해서 확인하실 수 있습니다 Range 숫자를받고 그만큼의 숫자를 반환하는 함수 느긋한 L.range generator를 이용한다 log(reduce(add, llist)): L.range는 코드 평가가 reduce를 실행하면 이뤄진다 take 인자를두개 받고, limit과 이터러블, limit 갯수까지만 반환하는 함수 이터러블 중심 프로그래밍에서의 지연 평가(Lazy Evaluation) 제때 계산법 느긋한 계산법 제너레이터/이터레이터프로토콜을 기반으로 구현 L.map L.filter range, map, filter, take, reduce 중첩 사용 L.range, L.map, L.filter, L.take..
-
Nullish coalescing operator (??) 사용법Web Dev/1. JS 문법 관련 2021. 1. 26. 22:02
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator Nullish coalescing operator (??) - JavaScript | MDN The nullish coalescing operator (??) is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand. This can be contrasted with the logical OR (||..
-
[함수형 프로그래밍] 섹션5 . 코드를 값으로 다루어 표현력 높이기Web Dev/1. JS 문법 관련 2021. 1. 26. 12:02
해당 Repository를 clone 하신 후, http-server ./section5 을 통해서 확인하실 수 있습니다 코드를 값으로 다루어 표현력 높이기 go: 앞에서부터 순서대로 실행되길 기대함 go(0, a=>a+1, a=> a+10, a=>a+100, log); reduce를 활용 함수들로 즉시 어떤 값을 구하는 용 pipe: 함수들이 나열되어있는 합성된 함수를 만드는 함수 const f = pipe(a => a+1, a=> a+10, a=> a+100); 를 통해서 함수를 합성하는 것을 기대 함수를 리턴함 내부에서는 go를 사용한다 curry: 함수를 값으로 받아두고, 원하는 시점에 실행하는 함수 인자가 원하는 만큼 들어왔을때 실행하는 것
-
[함수형 프로그래밍] 섹션 4. map, filter, reduceWeb Dev/1. JS 문법 관련 2021. 1. 26. 10:20
해당 Repository를 clone 하신 후, http-server ./section4 을 통해서 확인하실 수 있습니다 map 어떤 함수를 각각에 적용하는 함수 함수형 프로그래밍은 인자가 리턴값으로 외부세상과 소통하기를 원한다 map은 고차함수이기도 하다 이터러블 프로토콜을 따른 map의 다형성 document.querySelectorAll("*") 처럼 map 함수가 없는 이터러블도 map 할수 있게 된다 제너레이터도 map 할수있게 된다 즉, 이터러블이나, 제너레이터의 결과에 대해서도 map을 할 수 있게 된다 filter 어떤 기준에 대해서 걸러내는 함수 reduce 값을 축약해서 하나로 만드는 것 ex) const nums = [1,2,3,4,5]; 이런 값을 전체 다 더해서 하나의 값으로 만들..
-
[TypeScript] Frontend Master의 TypeScript Fundamentals 후기Web Dev/1. JS 문법 관련 2021. 1. 26. 00:04
들은 강의 frontendmasters.com/courses/typescript-v2/ Learn the Fundamentals of TypeScript 3 to Add Type Checking to Your JavaScript TypeScript adds a powerful type system on top of your JavaScript to catch bugs before they happen and provides a superior developer experience for collaborative teams. frontendmasters.com 후기 TypeScript에 대해서 전반적으로 어떻게 쓰이는지 다 알려주셔서 좋았는데, 오늘 문득 든 생각이 '아, 이 길이 혹시 내 길이 아닌가....