ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [객체지향] 24:26 프로젝트 - 객체간의 의존성 줄이기
    lab 2022. 5. 16. 19:07

    화면에 보이는 페이지는 크게 2개의 컴포넌트로 구성되어 있다.

    1. 튜브의 움직임을 나타내는 캔버스 컴포넌트

    2. 다른 페이지로 링크 할 수 있는 이미지 엘리먼트들의 집합

     

    첫번째 컴포넌트의 이름은 CanvasBackground 이고, 이름을 이렇게 지은 이유는 이 캔버스의 z 위치가 이미지 엘리먼트들보다 더 뒤에  있기 때문이다. 말그대로 배경을 나타내는 역할

    두번째 컴포넌트의 이름은 DashBoard 이며, 이미지 엘리먼트들의 집합을 포함하고 있는 컴포넌트이다.

    초기에는 DashBoard 에 CanvasBackground 가 종속되도록 만들었지만, 그렇게 하지말고 이미지 컴포넌트, 캔버스 백그라운드 컴포넌트를 합쳐서 DashBoard 한번에 포함시키는게 객체간의 의존성을 줄이는 방법이라는 생각이 들었다.

    그래서 그런식으로 리팩토링해볼 예정이다.

     

    'lab' 카테고리의 다른 글

    [React] State 의 의존성과 State 의 선언 위치 모식도  (0) 2022.03.05
Designed by Tistory.