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

카카오로그인 모두 활성화되어있고 redirect uri 설정하셨나요? 안드로이드/ios 둘다 안되나요?? 시뮬/실기기 어떤환경으로 진행중이신가요? 일반 로그인은 잘 되시는거죠?

지금은 ios 시뮬레이터인 iPhone15 ios 17.5버전으로만 진행하고 있습니다. 일반로그인은 잘되고있습니다!

우선 말씀하신 /uploads 에러는 무시하셔도 되고 그것과 상관없이 로그인이 되어야합니다.

const kakaoLogin = async (token: string): Promise<ResponseToken> => {
  const {data} = await axiosInstance.post('/auth/oauth/kakao', {token});
  console.log('data', data);

  return data;
};

카카오로그인 토큰은 잘 담긴다고 하셨는데, 그럼 콘솔을 찍어보면 서버에서 토큰이 오지않나요?

const requestToken = async (code: string) => {
    const response = await axios({
      method: 'post',
      url: 'https://kauth.kakao.com/oauth/token',
      params: {
        grant_type: 'authorization_code',
        client_id: KAKAO_REST_API_KEY,
        redirect_uri: REDIRECT_URI,
        code,
      },
    });
    console.log('response', response.data.access_token);

    kakaoLoginMutation.mutate(response.data.access_token);
  };

여기에서는 response에 토큰이 찍히는데

const kakaoLogin = async (token: string): Promise<ResponseToken> => {
  const {data} = await axiosInstance.post('/auth/oauth/kakao', {token});
  console.log('kakao', data);

  return data;
};

여기에서는 콘솔에 안찍히네여...

제가 코드를 다시 봤는데, 카카오로그인 요청자체를 안하고 있으셨습니다!

아래코드를 보시면, useLogin 훅에서 loginAPI를 받아 사용하는데, 장산님은 postLogin을 사용하고있습니다.

kakaoLogin 함수를 넘기더라도 postLogin이 동작하겠네요!

function useLogin<T>(
  loginAPI: MutationFunction<ResponseToken, T>,
  mutationOptions?: UseMutationCustomOptions,
) {
  return useMutation({
    mutationFn: postLogin, // 이부분에 오타가 있습니다.
    // ...(생략)
  
  });
}

아 보니까 깃헙 8-2 코드에서는 postLogin로 되어있고 8-3코드에서부터 loginApi로 바껴있네여 ㅠㅠ 강의에서는 loginApi로 진행하고 있네여..하하
loginApi로 바꾸니까 잘됩니다! 앞으로는 강의를 더 잘볼게여 ㅠㅠ감사합니다!