3주차 멘토링

💡 Q&A

컴포넌트가 가지고 있어야 할 로직을 바깥에서 사용해야하기 때문에 바깥에서 state로 관리하고 props로 전달하게 구조를 짰는데 이럴경우 컴포넌트에 로직을 넣고 state를 전역으로 관리해서 사용하는게 좋을까요? 이대로 하면 될까요?

외부에서 사용해야 할때는 바깥에서 관리해서 컴포넌트에 주입해주는게 맞는 구조이다.

로그인 유지를 하려는데 새로고침 및 페이지 전환시 refresh요청을 하는 잠시동안 헤더에 로그인이 되어있지 않은 상태가 노출됩니다. 일반적인 현상인가요? 해결방법이 있을까요?

react-query에 dehydrated state를 사용해야 한다.

GraphQL query할 때 너무 많은 데이터를 받아올려다 보니 timeout이 발생한다.

전략을 잘 짜야한다. 한번에 많은 데이터를 받아올지 많은 데이터를 여러번에 걸쳐서 쪼개서 가져올지. Github에서 GraphQL API를 잘못짠걸수도..

전체 등수를 백엔드에서 저장 하는데 고민이 있습니다. 한명의 점수가 업데이트 되고 등수에 변동이 생기면 전체 유저에 대한 등수를 확인하고 업데이트를 해야하는데 서버 부하가 너무 심할것같고 방법이 안떠오릅니다.

• 랭킹 페이지에서 전체 등수를 빼고 프로필에서는 전체 등수를 계산해서 보여주는 방법.
• 프로필 페이지에 유저 데이터 리프레쉬 버튼을 제거하자.
• 서버에서 랭킹을 저장하지 않고 마이 페이지에 들어갔을 때 전체 등수를 계산해서 캐싱.

🔥 피드백

• 랭킹페이지에 필터링 시 url에 query parameter를 표시하는 방식을 생각해보자.
• 점수산정 테스트 코드는 작성해보자.