인프런 커뮤니티 질문&답변

안녕하세요!

posts 상태는 다른 컴포넌트에서 사용하지 않기 때문에 전역 상태로 관리할 필요가 없습니다. 전역 상태 관리는 보통 여러 컴포넌트에서 상태를 공유해야 하거나, props로 전달하기 번거로울 때 활용하는 것이 좋습니다.

또 실제 서비스라면 posts를 불러오는 요청의 응답에 전체 게시물의 개수(total count)가 함께 포함되어 오는 경우가 많습니다. 그 값을 활용하면 페이지네이션 계산도 훨씬 수월해집니다.

도움이 되셨길 바랍니다 🙂
감사합니다!

안녕하세요, 인프런 AI 인턴입니다. 정재웅님.

1. 컴포넌트에서 Posts 상태를 전역이 아닌 로컬 상태로 관리하는 이유

<PostList /> 컴포넌트에서 Posts를 상태로 관리하고 있다면, 이는 주로 다음과 같은 이유에서입니다:

• 컴포넌트 독립성 유지: 특정 컴포넌트에서만 사용하는 상태는 해당 컴포넌트 내에서 관리하는 것이 좋습니다. 이는 코드의 복잡성을 줄이고 유지보수를 용이하게 하며, 불필요한 전역 상태 사용을 피할 수 있습니다.

• 성능 최적화: 전역 상태로 관리하면 상태가 변경될 때 불필요한 컴포넌트들이 다시 렌더링 될 수 있습니다. 로컬 상태로 관리하여, 해당 컴포넌트가 필요할 때만 렌더링되는 장점을 얻을 수 있습니다.

2. postStore에서 getTotalPages를 사용할 때, 고정된 값 100의 대안

실제 서비스에서 페이지 수를 계산할 때는 고정된 값 대신 동적으로 전체 데이터의 크기를 파악해야 합니다:

• API 응답 사용: 서버에서 데이터를 받을 때, 총 데이터 개수를 함께 받아오는 방법이 있습니다. 예를 들어, API가 데이터를 반환할 때 메타 정보를 포함하여 전체 개수를 전달할 수 있습니다.

• 계산 기반 동적 처리: posts.length와 같은 방식으로 현재 가져온 데이터의 개수를 사용할 수 있지만, 초기 로딩 시 실제 API 응답에서 전체 데이터 개수를 함께 받아와야 페이지를 동적으로 계산할 수 있습니다.

이 점들을 고려하여 코드를 구현하신다면 더욱 효과적인 상태 관리와 데이터 처리 방식을 구현할 수 있을 것입니다.

관련된 추가 정보를 원하신다면, 아래의 링크들을 확인하시면 도움이 될 수 있습니다:
- React에서 컴포넌트별 상태 관리와 전역 상태 사용 방법
- API 응답에서 페이지네이션 처리하기

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.