프론트엔드 상태 관리 기법 변경

[201411108]

AS-IS ::

• 컴포넌트가 최소 단위로 분할되어 있으나 상태가 하위 컴포넌트에서 관리되어 전체 컴포넌트에서 해당 컴포넌트를 사용하지 못함
  • 예시 :: B와 C로 이루어진 컴포넌트 A가 존재
    • B와 C 컴포넌트에서는 필요한 상태를 해당 컴포넌트에서 관리 중
    • 하지만 A에서 B와 C의 상태를 사용해서 정보를 표현해야 함.
    • 현재 상태로는 이 구문이 깔끔하지 못함.

TO-BE ::

• 기능 별 컴포넌트에서 상태는 해당 기능의 최상위 컴포넌트에서 관리하고, 하위 컴포넌트에 props로 전달하는 방법으로 수정