React Currying

효딩딩·2022년 8월 22일
0

커링(Currying) 이란 무엇인가?

  • 커링은 반환값이 함수인 디자인 패턴을 말하며, 중복된 코드를 반복적으로 입력하지 않고 원하는 기능을 조합하여 적재적소에 사용한다는 장점이 있다
  • 커링은 쉽게 말하면 ' 함수를 반환하는 함수' 라고 생각하면 된다. 커링을 사용하는 이유는 '함수의 재활용' 이다.

왜 커링을 사용해야 하는가?

  • 중복된 코드를 줄여준다.
  • 원하는 기능을 적재적소에 조합해서 사용할 수 있다.
  • 실행 시점을 뒤로 미룰 수 있다

(예시 코드)

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

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

(커링 적용 후)

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

출처: https://ychcom.tistory.com/entry/%EA%B3%A0%EC%B0%A8%ED%95%A8%EC%88%98-Currying
출처: https://velog.io/@space086/React-Currying

profile
어제보다 나은 나의 코딩지식

0개의 댓글