프로필 페이지

useQuery({queryKey: ["my-profile"]},
queryFn: () => {},

• AXIOS 는 받는 데이터에 타입을 제네릭으로 지정해줄 수 있어

const response = await authClient.get<>()

• data 라고만 쓰면 헷갈리니까 data:myProfile 로 작성.

useQuery undefined 처리

• isLoading 을 추가해서 예외처리 해주자.

const {data: myProfile, isLoading} = useQuery({...})

if(isLoading) return <div> 로딩중... </div>

Update Profile

const response = await.authClient.put<Profile>("/user/profile");

//MyProfileForm

<div> 
  {!isEditMode}  로 disable 이 아닐때 예외처리.
</div>

• myPage의 프로필은 처음에 빈값. 따라서=> useEffect(()=> {setName() },[myProfile]) 로 myProfile 있을때만 관리하기.

• isEditMode 로 관리.