5/11 세션 - Custom Hook

🚀 학습 목표

1. 관심사의 분리(SoC, Separation of Concerns)가 무엇인지 적절한 예시를 들어 설명할 수 있다.

2. Custom Hook에 대한 개념을 이해하고, 함수 컴포넌트로부터 로직(State, Effect 등)을 관심사에 맞게 적절히 분리할 수 있다.

---

관심사의 분리

• 명확히 어떤 동작을 하는지
• 가독성을 높히고 기능별로 / 유지보수 동일한 기능을 하는 코드끼리 모아놓자

사용이유

• 작성한 로직에 조건이 추가된다면?
• 기획이 변경되어 작성한 부분을 변경해야 한다면?
• 원활한 유지보수

장점

• 명료성
• 재사용성
• 유지보수성 : 변경사항이 생겼을 때 관심사의 분리가 잘 이루어진 경우 쉽게 변경할 수 있다
• 테스트 코드를 작성하기 쉬워진다 : 작성한 코드가 제대로 수행이 되는지

Loose Coupling vs. High Cohesive

• 코드의 결합도 및 응집도가 정도
• 코드가 서로 얽혀있는 정도 / 유사한 내용이 모여있는 정도
  -> 관심사의 분리가 적절히 잘 되어 있다면 낮은 결합도, 높은 응집도

EX) 맥도날드
주문 -> 주방으로 주문이 전달됨
한 사람이 주문 -> 조리까지 한다면 시간이 오래걸림 / 비효율적

---

Custom Hook

• use 로 시작
• 훅 안에 훅도 가능
• 스테이트 값은 공유하지 않음

---

*divide and conquer