- Published on
별 그리기에 이어, 이번에는 구구단을 명령형과 함수형 네 가지 스타일로 풀어본다. 중첩 반복이 필요한 문제에서 명령형의 이중 루프와 함수형의 중첩 파이프라인이 어떻게 다른지, 그리고 라이브러리마다 중첩 구조를 다루는 방식의 차이를 비교한다.
Javascript
All Posts
javascript (24)
- functional-programming (18)
- youtube (8)
- web (8)
- typescript (8)
- iterable (7)
- iterator (6)
- lazy-evaluation (5)
- google (4)
- ai (4)
- generator (4)
- theo (3)
- reduce (3)
- debugging (3)
- nextjs (2)
- audio (2)
- polymorphism (2)
- pipe (2)
- go (2)
- promise (2)
- async (2)
- monad (2)
- fxjs2 (2)
- lodash (2)
- ramda (2)
- comparison (2)
- pegboard (2)
- dev-log (2)
- animation (1)
- agents (1)
- baseline (1)
- function-overloads (1)
- function (1)
- project (1)
- llm (1)
- alphago (1)
- internet (1)
- gemini (1)
- cli (1)
- css (1)
- has (1)
- selector (1)
- getusermedia (1)
- mediadevices (1)
- audiocontext (1)
- web-audio-api (1)
- map (1)
- filter (1)
- arguments (1)
- rest-parameter (1)
- curry (1)
- refactoring (1)
- performance (1)
- eager-evaluation (1)
- type-system (1)
- overloading (1)
- composition (1)
- flatten (1)
- kleisli-composition (1)
- functor (1)
- applicative (1)
- category-theory (1)
- iframe (1)
- sandbox (1)
- browser (1)
- lz-string (1)
- url (1)
- base64 (1)
- encoding (1)
- playground (1)
- state-machine (1)
- xstate (1)
- fsm (1)
- design-pattern (1)
- ssg (1)
- side-project (1)
- cloudflare (1)
- i18n (1)
- design-system (1)
- shadcn (1)
- brand (1)
- Published on
같은 별 그리기 문제를 명령형, fxjs2, lodash/fp, Ramda 네 가지 스타일로 풀어본다. 명령형과 함수형의 근본적 차이, 그리고 FP 라이브러리마다 달라지는 pipe·map·range 사용법을 비교한다.- Published on
유한상태머신은 "지금 어떤 상태이고, 어떤 이벤트가 들어왔을 때 어디로 갈 수 있는가"를 명시적으로 정의하는 패턴이다. 왜 필요한지, 핵심 구성 요소(state/event/transition/action/guard/context)는 무엇인지, vanilla JS와 XState로 어떻게 구현하는지 정리한다.- Published on
JavaScript Playground에 코드 공유 기능을 추가했다. LZ-String 압축과 URL 해시를 조합해서 서버 없이 코드를 공유하는 방법을 정리했다.- Published on
바이브 코딩으로 JavaScript Playground를 만들면서 배운 것들을 정리했다. iframe sandbox를 활용해서 웹페이지에서 javascript를 실행해보자.