Latest

별 그리기에 이어, 이번에는 구구단을 명령형과 함수형 네 가지 스타일로 풀어본다. 중첩 반복이 필요한 문제에서 명령형의 이중 루프와 함수형의 중첩 파이프라인이 어떻게 다른지, 그리고 라이브러리마다 중첩 구조를 다루는 방식의 차이를 비교한다.

같은 별 그리기 문제를 명령형, fxjs2, lodash/fp, Ramda 네 가지 스타일로 풀어본다. 명령형과 함수형의 근본적 차이, 그리고 FP 라이브러리마다 달라지는 pipe·map·range 사용법을 비교한다.

유한상태머신은 "지금 어떤 상태이고, 어떤 이벤트가 들어왔을 때 어디로 갈 수 있는가"를 명시적으로 정의하는 패턴이다. 왜 필요한지, 핵심 구성 요소(state/event/transition/action/guard/context)는 무엇인지, vanilla JS와 XState로 어떻게 구현하는지 정리한다.

JavaScript Playground에 코드 공유 기능을 추가했다. LZ-String 압축과 URL 해시를 조합해서 서버 없이 코드를 공유하는 방법을 정리했다.

바이브 코딩으로 JavaScript Playground를 만들면서 배운 것들을 정리했다. iframe sandbox를 활용해서 웹페이지에서 javascript를 실행해보자.

모나드는 함수형 프로그래밍에서 효과를 포함한 계산을 합성하기 위한 규약이다. 위키피디아 정의를 바탕으로 Functor→Applicative→Monad 계층과 모나드 법칙을 정리하고, JavaScript에서 Array/Promise/Maybe/Either로 어떤 의미를 가지는지 이론적으로 설명한다.

go, pipe는 reduce로 구현되어 있다. reduce 하나만 고치면 비동기 상황에서도 함수 합성이 안전하게 동작한다. 유명 함수와 재귀로 동기 구간의 성능을 지키면서, Promise.reject까지 안전하게 처리하는 방법을 알아보자.

callback은 결과를 값으로 돌려주지 못한다. Promise는 비동기를 일급 값으로 만들어 합성을 가능하게 한다. 모나드 관점에서 Promise의 안전한 합성을 이해하고, Kleisli Composition으로 외부 상태 변화까지 다뤄보자.

중첩 배열을 펼치는 flat 함수를 이터러블로 구현해보자. 그리고 깊은 중첩까지 재귀적으로 펼치는 L.deepFlat을 구현해보자. 그리고 yield * 위임 문법을 알아보자.

지연 평가 함수들이 단순한 성능 최적화 용도로만 생각하지 말자. 지연평가 함수는 즉시 평가 함수를 만드는 재료가 될 수 있다. L.entries, join, takeAll을 구현하고, L.map과 L.filter로 map과 filter를 재구성해보자.

자바스크립트로만 작성했으니, 이제는 타입스크립트로 함수형 프로그래밍 유틸리티를 구현해보자. 가볍게 시작했는데 가볍게 끝나지 않았다.....

이번에는 조합된 지연 평가 함수들을 디버깅해보자. go, L.map, L.filter, take가 조합된 코드를 한 줄 한 줄 따라가며 지연 평가의 실행 흐름을 추적해보자.

go, map, filter, take가 조합된 코드를 한 줄 한 줄 따라가며 즉시 평가의 실행 흐름을 추적해보자.

map과 filter의 지연 평가 버전인 L.map과 L.filter를 구현하고, 기존 함수와의 차이를 실행 흐름으로 비교해보자. 언제나 미리 다 계산하는 것보다, 필요할 때 딱 그만큼만 계산하는 게 효율적일 때가 있다.

배열을 즉시 생성하는 range와 제너레이터를 활용한 지연 평가 함수 L.range를 구현하고 그 차이를 알아보면서 지연평가가 효율적인 경우에 대해서 생각해보자. 그리고 take 함수를 구현해서 지연평가에 적용해보자

매일 쓰는 함수에 Curry를 곁들이면? 부분 적용부터 가독성 향상까지, 코드를 더 맛있게(깔끔하게) 만들어주는 Curry 함수에 대해 알아보자.

여러 함수를 순차적으로 실행하여 새로운 합성(?) 함수를 만드는 pipe를 만들어보자. 그리고 사용하면서 어떻게 작동하는지 자세하게 살펴보자

args, arguments에 대해서 알아보고, 함수에서 가변 인자를 다루는 방법을 알아보자. 그리고 가변인자를 다루는 go라는 함수를 만들어보자

Iterable 프로토콜을 활용하여 배열뿐만 아니라 Generator, Map, Set 등 다양한 데이터 구조를 하나의 값으로 축약하는 reduce 함수를 직접 만들어보자

이번에는 filter 함수를 직접 구현해보자. Iterable 프로토콜을 활용하여 배열뿐만 아니라 Generator, Set, 문자열 등 다양한 데이터 구조에 사용할 수 있는 filter 함수를 만들어보자