🤿 (9) 자바스크립트 - 커링함수

코드스테이츠 부트캠프를 진행하면서 "커링함수"와 "고차함수 사고 수준의 추상화"에 대해 학습하였다.

"자바스크립트에 깊은 복사를 지원하는 내장함수가 왜 없을까?"에 이어 두번째 질문! "커링함수는 왜 사용하는걸까?"에 대해 알아보고자 여러 검색을 통해 나름대로 정리해보았다.

함수형 프로그래밍

자바스크립트는 프로토타입 기반의 객체지향 모델 언어이다.
그리고 ES6 이후 class 문법의 등장으로 클래스를 이용한 객체지향의 형태로 개발 할 수 있게되었다.
React에서도 클래스 문법을 적극 사용하여 클래스 컴포넌트를 사용하는 것이 기본이었던 때가 있었다.

하지만 최근 hook의 등장으로 함수형 컴포넌트를 사용하는 것이 주가 되었다.
자바스크립트는 함수형 프로그래밍도 가능하다. 또 함수형 프로그래밍이 요즘 트렌드(?)라는 소문을 접한 것 같다.

이에 대해 정리된 유튜브가 있어 보고 간략히 정리해보았다.

드림코딩 - 함수형프로그래밍이 대세다?! (함수형 vs 객체지향)

프로그래밍 패러다임

• 절차지향 프로그래밍
• 객체지향 프로그래밍
• 함수형 프로그래밍
• 함수형 반응형 프로그래밍

함수형 프로그래밍

함수형 프로그래밍 언어에 특화된 언어

• Haskell, F#, OCaml, Erlang ...

함수형 프로그래밍 언어를 지원하는 언어

• Javascript, Kotlin, Go, Python, Java, C++ ...
  • Java나 C++는 최근 함수형이 추가됨

빠르게 보는 프로그래밍 언어의 간략한 역사

1958년 첫 함수형 프로그래밍 언어인 LISP의 등장은 C언어보다도 10여년 이상 빠르며, 객체지향 프로그래밍 언어보다 등장이 빠르다.

하지만 함수형 프로그래밍은 수학의 원리와 밀접하게 연관되어있기에 배우기에 시간이 오래 걸리며 난해하게 여겨질 수 있다.

따라서 사람의 사고방식과 가장 가까운 절차지향 프로그래밍과 객체지향 프로그래밍이 배우기 쉽다고 여겨지기에 더 보편적으로 많이 사용되었다.

하지만 최근 들어 비트코인, AI의 등장으로 방대한 데이터를 빠르게 계산해서 병렬적, 안정적으로 처리하는 것이 중요해지면서 함수형 프로그래밍이 다시 주목을 받았다.

함수형 프로그래밍의 특징

1. 순수함수

• 함수에서 외부 상태의 값을 참조하거나 또는 외부의 값을 참조하는 것은 순수함수라고 할 수 없음
• 항상 동일한 값을 반환하고 언제 선언이 되었는지, 외부에 전혀 영향을 받지 말아야 함
  cf) 함수에서 함수 밖의 값을 변경한다면 절차지향 프로그래밍이라 볼 수 있음

2. 불변성

• 함수에 전달된 인자를 변경하는 것이 아닌 새로운 오브젝트를 만들어 전달해야 함
  • JS Object freeze 내장함수

3. Expression (if, switch, for.. 사용하지 않음)

4. 일급 객체의 특징과 고차함수의 속성을 가지고 있어야 함

[일급 객체의 조건]

• 변수에 할당(assignment)할 수 있다.
• 다른 함수의 전달인자(argument)로 전달될 수 있다.
• 다른 함수의 결과로써 리턴될 수 있다.

[고차함수]

• 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수

커링 함수

커링 함수를 설명하기 전에 왜 함수형 프로그래밍에 대해 먼저 알아본 이유는 커링(currying) 함수라는 이름이 하스켈 커리(Haskell Brooks Curry)라는 분으로 부터 유래 됐기 때문이다.

tistory - 왜 커링 (currying) 이 더 좋아?
하스켈 커리는 하스켈이라는 함수형 프로그래밍 언어를 만들었으며, 하스켈에서는 함수의 매개변수를 1개로 강제하여 커링함수(합성함수)를 만드는 것이 자연스럽다고 한다.

즉, 커링함수를 사용하는 것은 함수형 프로그래밍 방식으로 작성한다고 생각할 수 있다.

커링 함수 코드

javascript info - 커링

커링 함수 직접 만들기

function curry(f) { // 커링 변환을 하는 curry(f) 함수
  return function(a) {
    return function(b) {
      return f(a, b);
    };
  };
}

// usage
function sum(a, b) {
  return a + b;
}

let curriedSum = curry(sum);

alert( curriedSum(1)(2) ); // 3

lodash 라이브러리 활용하기

function sum(a, b) {
  return a + b;
}

let carriedSum = _.curry(sum);

커링 함수의 장점과 단점

개인블로그 - 쉽고 빠르게 커링(Currying) 기법 이해하기(feat.자바스크립트)
장점

• 재활용성 증가
• 생산성 향상 (코드 양 감소)
• 가독성 향상

단점

• 커링을 과용하면 메모리와 속도에 문제점이 발생할 가능성이 있음

그래서 왜 커링함수를 사용하는걸까?

앞서 정리했던 드림코딩의 영상 마지막 내용을 인용하며 이 글을 마무리하려고 한다.

UI 어플리케이션 특성상 많은 상태변화가 일어나기 때문에 순수 함수형 프로그래밍만을 이용해서는 조금 무리가 있기에, 사용하는 언어와 함수형 프로그래밍 패러다임을 적절히 사용한다면 보다 안정적인 프로그래밍을 할 수 있다!

출처
tistory - 왜 커링 (currying) 이 더 좋아?
javascript info - 커링
velog - [JavaScript] - 커링에 대해 알아보자
tistory - 커링(currying)
github - [Swift]커링(Currying)이란?
개인블로그 - 쉽고 빠르게 커링(Currying) 기법 이해하기(feat.자바스크립트)