⛓ Related Issues

• close 카카오톡 소셜 로그인 구현하기 #1

📋 작업 내용

1. loginTest 페이지를 만들었고 페이지 내의 로그인 버튼을 누르면 카카오 서버에 인증 코드 요청을 합니다

window.location.href = `https://kauth.kakao.com/oauth/authorize?client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code`

2. redirect uri인 auth/kakao/callback 페이지를 만들었고 useEffect에서 로그인 get 요청을 합니다

useEffect(() => {
    const authenticationCode = new URL(window.location.href).searchParams.get('code') ?? '';
    (async () => {
      await axios
        .get(`${BASE_URL}/auth/kakao/callback?code=${authenticationCode}`)
        .catch((error: AxiosError) => console.log('무슨 에러 나는거얏!', error));
    })();
  }, []);

3. 아래와 같은 에러가 납니다(CORS+404)

📌 PR Point

CORS 에러가 나는데 어진이랑 이래저래 다 해봐도 해결이 안돼서 혹시 클라 코드에 문제가 있는건가 싶어서 한번 봐주시면 좋겠습니다ㅜ

지금 서버가 아직 DB 구축 중이라 완벽하게 가입이 이루어지진 않지만 인증 자체는 되도록 구현된 상태라 클라에서 테스트 해볼 수 있습니다
만약 정상적으로 작동한다면 아래와 같은 에러 형태에 user code 뒤에 숫자가 있을 것이라고 하네요

그런데 위에서 보셨다시피 지금 404 에러가 나긴 나는데 CORS 에러 때문에 잡히지가 않아서 내용을 뜯어볼 수가 없고,, CORS 에러 왜 날까요ㅠ