• 소프트웨어 설계 : 코드를 만들고, 테스트하고, 유지보수하기 쉬운 프로그래밍 방법을 선택하기 위해 미적 감각을 사용하는 것
• 이 장에서는 계층형 설계를 사용해 소프트웨어 설계를 위한 미적 감각을 키워볼 것 입니다.

계층형 설계란??

• 계층형 설계는 소프트웨어를 계층으로 구성하는 기술입니다. 각 계층에 있는 함수는 바로 아래 계층에 있는 함수를 이용해 정의 한다.

계층형 설계 패턴

1. 직접 구현 : 직접 구현된 함수를 읽을 때, 함수 시그니처가 나타내고 있는 문제를 함수 본문에서 적절한 구체화 수준에서 해결해야 합니다.

1. 직접 구현 패턴

• 계층 구조는 아무리 강력한 기능을 하는 함수가 있더라도 복잡하지 않게 함수를 표현해야 합니다.

{
  function freeTieClip(cart: string[]) {
    let hasTie = isInCart(cart, 'tie')
    let hasTieClip = isInCart(cart, 'tie clip')

    // 이후 로직
  }

  // 해당 항목이 있는지 없는지 확인 하는 함수를 따로 생성
  function isInCart(cart, name) {
    for (let i = 0; i < cart.length; i++) {
      if (cart[i].name === name) {
        return true
      }
    }
    return false
  }
}

• 기존에 반복문에서 해당 항목이 있는지 없는지 체크하던 함수를 밖으로 추출해 냈다.

호출 그래프를 만들어 함수 호출을 시각화하기

• 함수에서 사용하는 다른 함수와 언어 기능을 호출 그래프로 그릴 수 있습니다.

• 개선 전 freeTieClip()의 호출 그래프