[FE] 유저 닉네임 수정 레이아웃 구현 및 API 연동

[dongree]

✅ 주요 작업

• 유저 닉네임 수정 레이아웃 구현
• 유저 닉네임 수정 API 연동

💭 고민과 해결과정

유저 닉네임이 수정되었을 때 기존에 가져왔던 query 데이터가 업데이트 되지 않았다.
커스텀 훅으로 묶어서 닉네임 수정이 완료되었을 때 invaludateQueries를 보내 업데이트 해주었다.

export default function useUser() {
  const queryClient = useQueryClient();

  const userQuery = useQuery(['myInfo', 'profile'], () => getMyProfile(), {
    staleTime: 1000,
  });

  const updateNickame = useMutation((nickname: string) => rename(nickname), {
    onSuccess: () => queryClient.invalidateQueries(['myInfo', 'profile']),
  });

  return { userQuery, updateNickame };
}

[dannysir]

🟢 sm 이랑 lg로 설정하는게 적응형 웹 관련 설정인가요?

[dongree]

반응형 웹 설정입니다!
tailwind가 반응형하기 쉽게 되어있더라구요 ㅎㅎ