웹 디자인 에이전시


스토리

디자인 회사는 지금까지 주로 CSS 변환을 사용해 웹페이지를 만들어 왔어요. 몇 가지 논의 끝에, 일부 계산을 동적으로 수행하기 위해 JavaScript를 사용하기로 결정했어요. 팀원 중 몇 명은 JavaScript에 익숙하지 않아서, {x, y} 좌표 쌍을 위한 재사용 가능한 변환을 만들기 위해 함수 클로저를 사용하기로 했어요.

작업

  • 인자가 반환되는 함수 안에서 클로저로 사용되는 함수를 만들어요.

    • 2차원 이동을 위한 함수예요. 바깥 함수는 이동할 양을 지정하고, 반환되는 함수는 x, y 좌표를 받아 이동된 좌표를 반환해요.
    • 2차원 스케일링을 위한 함수예요. 바깥 함수는 스케일링할 양을 지정하고, 반환되는 함수는 x, y 좌표를 받아 변환된 좌표를 반환해요.
    • 두 함수를 합성하는 함수를 반환하는 함수, 즉 g(f(x))를 위한 함수예요.
  • 함수를 메모이제이션하는 함수를 만들어요.

구현