[240401] Utility와 Hook의 차이

커스텀 훅과 유틸리티 함수는 기능적으로 유사할 수 있지만,

주로 사용 목적과 관례에 따라 구분된다.

 

Utility

• 일반적으로 유용한 기능을 수행하는 함수 또는 클래스를 가리킨다.
• 예를 들어, 어떤 기능을 수행하는 유용한 함수나 도구를 만들어서 여러 곳에서 재사용할 때 "utility function"이라고 부른다.

Utility Function (유틸리티 함수)

• 입력값 : 일반적으로 매개변수를 받아들여 특정 작업을 수행하도록 설계된다. 입력값은 함수에 필요한 데이터 또는 매개변수를 받는다.
• 반환값 : 주로 어떤 계산이나 변형을 거친 후 값을 반환한다. 이 값은 주로 함수 호출자에게 필요한 결과물이다.

 

 

Hook

• 주로 프로그래밍에서 이벤트에 대응하는 함수 또는 코드 블록을 가리킨다.
• 예를 들어, React에서 "useEffect"는 컴포넌트의 생명주기에 특정 이벤트에 대응하는 hook으로 사용된다.

Custom Hook (커스텀 훅)

• 입력값 : React의 훅들(예: useState, useEffect)과 같은 훅들을 조합하여 특정 기능을 수행하도록 만들어진다. 따라서 입력값은 주로 훅이나 다른 값을 받는다.
• 반환값 : 특정 컴포넌트에서 사용할 수 있는 값들을 반환한다. 이 값들은 주로 상태(state), 이펙트(effects), 그리고 필요한 로직을 포함할 수 있다.