카카오톡 채널 개발 코드리뷰

useEffect(() => {
  if (window.Kakao.Auth == null) {
    window.Kakao.init(process.env.KAKAO_APP_KEY);
  }

  //카카오 브라우저인지 확인한다.
  if (/KAKAOTALK/i.test(navigator.userAgent)) {
    window.Kakao.Auth.autoLogin({
      success: function (res) {
        getUserInfo()
          .then((userData) => createUser(userData))
          .then(() =>  Router.push("/info"););
        // .catch(err => alert(JSON.stringify(err)));
      },
      fail: function (err) {
        // 실패한 경우  즉, 카카오톡으로 로그인햇는데 가입은 안한경우
        if (
          err.error == "NOT_CONNECTED_USER" &&
          err.error_description == "NOT_CONNECTED_USER"
        ) {

          //인앱 브라우저가 아닌 경우 처리
          handleLogin();
        }
      },
    });
  }
});

export const createUser = (userData) => {
  return new Promise((res, rej) => {
    axios
      .post(`${process.env.BASE_URL}/auth/signup`, userData)
      .then((response) => {
        if (response.data.result.code === 1) {
          //여기 access token은 우리 API 서버에서 주는 것으로 카카오 엑세스토큰과 별개임
          const { accessToken } = response.data.data[0];
          Cookies.set("OAB_AT", accessToken, { expires: 10000 });
          res(accessToken);
        } else {
          rej(console.log("signup error"));
        }
      });
  });
};

export const getUserInfo = () => {
  return new Promise((resolve, rej) => {
    Kakao.API.request({
      url: "/v2/user/me",
      success: function (res) {
        const { id } = res;
        const { age_range, phone_number, gender } = res.kakao_account;

        let phoneNumber = phone_number ? phone_number.replace("+82 ", "0") : "";
        phoneNumber = phoneNumber.replace(/-/gi, "");

        let userData = {
          kakaoId: id,
          ageGroup: age_range || "",
          phone: phoneNumber,
          gender: gender || "",
        };
        resolve(userData);
      },
      fail: function (error) {
        alert("유저 정보보기 error" + JSON.stringify(error));
      },
    });
  });
};