React + Ts 프론트엔드 개발기(feat. 메이플스토리) - 04. 컴포넌트 상태 관리

공통 컴포넌트들을 조합해, 데이터의 형태별로 특화된 위젯 컴포넌트를 작성합니다.

 - 데이터의 형태(타입) 에는 캐릭터, 길드, 랭킹 등이 존재

 

서버로부터 가져온 데이터는 각각의 데이터 형태 별로 작성된 스토어에 저장됩니다.

 - 해당 스토어에 저장된 값은 데이터 형태별로 특화된 위젯 컴포넌트에서 가져다 사용합니다.

 

제공하려는 서비스의 특성상, 하나의 위젯 컴포넌트 내부에 다른 형태를 가진 데이터들이 뒤섞여있지 않을 것으로 예상돼 위와 같은 상태 관리 패턴을 활용하고자 합니다.

 

작성한 위젯 컴포넌트와 스토어 간 강한 의존성이 나타날 수 있으나, 시각적으로 보여질 UI의 형태는 데이터의 종류에 따라 공통분모 없이 분명히 다르게 나타날 것으로 구상하고 있어 개발상 오히려 이점을 가질 수 있으리라 생각됩니다.

 

상태관리에 사용할 라이브러리는 조금 더 고민해보고자 합니다.