함수, 펑터, 그리고 모나드2026.03.01함수, 펑터, 그리고 모나드Software Design#functional2026.03.01함수, 펑터, 그리고 모나드Software Design#functional복잡한 버그는 대개 거대한 기능이 아니라 사소한 데이터 변환 구간에서 시작된다. 문자열을 한 번 다듬고, 숫자를 한 번 바꾸고, 그 결과를 다음 단계로 넘기는 단순한 흐름이다. 그런데 조건이 조금씩 추가되는 순간 로직은 빠르게 복잡해진다. 값만 바꾸던 코드가 어느새 값의 부재, 비동기…
@function2025.11.02@functionCSS#design-system#functional#frontend+1 more categories or tags2025.11.02@functionCSS#design-system#functional#frontend+1 more categories or tagsCSS는 오랫동안 정적인 선언 언어처럼 다뤄졌다. 물론 calc()도 있고, 커스텀 속성도 있고, 미디어 쿼리나 컨테이너 쿼리도 있으니 실제로 그렇게 단순한 언어는 아니다. 그래도 반복되는 계산이나 디자인 시스템의 규칙을 재사용하려고 하면 금방 한계가 보인다. 값은 변수로 빼둘 수 있지…
함수형 프로그래밍과 Iteration Protocol2025.04.23함수형 프로그래밍과 Iteration ProtocolJavascript#monad#iteration#functional2025.04.23함수형 프로그래밍과 Iteration ProtocolJavascript#monad#iteration#functionalIteration Protocol 이터레이션 프로토콜은 자바스크립트에서 데이터를 순회하기 위한 표준화된 규약으로, 컬렉션(배열, 문자열 등)을 순회 가능한 형태로 정의한다. 이 프로토콜은 두 가지로 나뉘며, 하나는 이터러블 프로토콜(Iterable Protocol), 다른 하나는 **이…
자바스크립트에서의 멀티패러다임 프로그래밍2025.03.15자바스크립트에서의 멀티패러다임 프로그래밍Javascript#multiparadigm#functional#object-oriented2025.03.15자바스크립트에서의 멀티패러다임 프로그래밍Javascript#multiparadigm#functional#object-oriented이 글의 제목은 ‘자바스크립트에서의 멀티패러다임 프로그래밍’이지만, 우선은 영어에 대해 이야기해보자. 다소 뜬금없다고 느낄 수도 있겠지만, 다 이유가 있다. 아주 오래전, 국제 외교의 언어는 프랑스어였다. 왕실 간의 외교문서와 고위 외교관의 대화는 프랑스어로 쓰이는 것이 관례였다. 하지…