React Currting

React curring은 인자가 여러개인 함수의 일부인자를 고정시키는 새로움 함수를 만드는 기법이다.

function helloFunc(word, name) {
    console.log(`${word}, ${name}`);
}

두 개의 인자를 받아서 콘솔창에 보여주는 단순한 함수이다.

function helloFunc(word) {
    return function (name) {
        console.log(`${word}, ${name}`);
    };
}

const printHello = helloFunc("hello"); 
printHello("Tibetan Fox"); // hello, Tibetan Fox
printHello("Tiger");       // hello, Tiger

아까의 함수에 커링을 적용하면 이렇게 된다.
n(2)개의 인자를 받던 함수가 n(2)개로 쪼개진 것을 볼 수 있다. 즉, 인자를 1개만 받는 함수 2개를 만들어 주는 것이다.
또한 첫 번째로 받던 인자인 word를 hello라는 값으로 고정하고 name만 변경하면서 사용 가능한 것 또한 볼 수 있다.
즉 커링 기법은 일부 인자에 같은 값을 반복적으로 사용할 때 그 반복되는 인자를 고정함으로써 중복을 최소화 하기에 적합한 기법이다.
커링 기법을 적용할 때는 인자의 순서가 매우 중요하다. 변동 가능성이 적은 인자는 앞에, 변동 가능성이 높은 인자는 뒤에 배치해야 한다. 반드시 이 점을 고려하면서 커링을 사용해야 한다.