익명의 개발노트

[Wecode 55일차] 카카오 로그인, state 본문

코딩일기/TIL

[Wecode 55일차] 카카오 로그인, state

캡틴.JS 2019. 7. 26. 17:01
반응형

1. 아이디, 비번없이 로그인 버튼 눌렀을 경우 발생하는 에러.

    기존 state값이 없어서 아무것도 입력안했을 경우 분기할 로직이 없었다.

   인풋값에 대한 내용들은 onChange 함수를 통해서 state에 반영되기때문에 기존 state에 onChange에서 발생한 값을 초기값으로

   넣어주면 간단히 해결.

 

2. 카카오 로그인 구현시 init 값 

    develop init값은 초기에 한번만 쓰기 때문에 분기처리를 안해놓으면 라우터쪽에서 에러가 발생한다.    

  if (!window.Kakao.Link) {
      window.Kakao.init("카카오 키값");
    }

3. 카카오 로그인 버튼 클릭시 history.push()값이 undefined 나는 현상

    전형적인 this 문제임.    

 success: funcion(authObj) {
        let nomalToken = localStorage.getItem(DJKLSAJFF);
        let data = {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            Authorization: JSON.stringify(authObj["access_token"])
          }
        };

es5 함수를  es6로 변환하여 해결

 success: authObj => {
        let nomalToken = localStorage.getItem(DJKLSAJFF);
        let data = {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            Authorization: JSON.stringify(authObj["access_token"])
          }
        };

undefined 문제발생시 this문제 확인해보자.

반응형
Comments