TIL> Custom Hook

2가지 모자 쓰자!!!
1. 기능되는 모자 => 기능 구현 먼저
2. refactoring 모자 쓰자, 가독성 좋고, 효율성 고민 => custom hook

======
코드 분리되고, 관심사의 분리

--
학습 목표
1. 관신사의 분리 (SoC, Separation of Concerns)

2. Custom Hook에 대한 개념 이해하고, 함수 컴포넌트로 부터 로직 (State, Effect등)

=======

1. What is Separation of Concerns? (관심사의 분리)

1.1. What if...
확장, 변동이 많다 개발하면서...

1.2. agile 하게 생각하면 좋다!!
한번에 한가지만 생각하면 된다, 한번에 하나 가자만 걱저해도 괜찮다

• loose coupling 낮은 결합도 각각의 토드가 서로 얽혀있지 않고 독립적으로 잘 분리되어 ==> 의존 성으로 낮춘다

ex) mcdonald working SOP >> converyor belt >> each position is specified

• high cohesive 높은 응집도, 유사한 내용끼리 비슷한 위치에 잘 모여 있음 ==> 특성을 발결할 수 있다.

1.3. Example
관심사의 분리 장점:

• 코드 가 더욱 명료해짐
• 코드 재사용성이 올라감
• 유지 보수가 용이함
• 테스트 코드를 작성하기 쉬워짐
• test code >> TDD test driven

}

====

2. How to Write My Own Custom Hook

3. View화 logic의 분리 (Dan Abramov)

• presentational component: how things look
• containger component: logic only