코드와 계층의 시각화 연습

  1. 함수와 변수를 추려내어 블록으로 만든다.
  2. 코드를 보지 않고 좋은 계층 구조로 만들어보며 토론한다.
  3. 실제 코드에서 호출되고 있는 것을 화살표로 연결한다.
  4. 적절한 구조인지 확인해본다.
  5. 까다로운 새로운 기능과 같은 요구 사항 변경을 상상하며 구조나 수정 범위를 상상해본다.
  6. 기존 코드를 가지고 리비교체험한다

계층 나누기

데이터가 다시 계산이 되어서 dom으로 나가는 중간 단계가 존재한다.

<aside> 💡 암묵적 입력에서 암묵적 출력으로 나가는 과정이다.

</aside>

단계를 그렸을 때

문제가 되지 않는 경우

중간 단계를 건너뛰고 올라가는 것은 문제가 아니다

문제가 되는 경우

같은 계층으로 두기에 애매한 경우

→ 화살표를 그리지 않고 계층을 만든 후에, 화살표를 그리면 잘 만들어진 계층인지에 대한 여부를 확인할 수 있다.