반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- Wecode
- Vue.js
- input
- CSS
- v-html
- HOC
- 리액트
- express
- JavaScript
- App.vue
- jsx
- MySQL
- Vue
- 자료구조
- State
- scss
- nodejs
- react
- 자바스크립트
- storybook
- 쉬운설명
- 댓글달기
- mapGetters
- Vue transition
- ES6
- event
- webpack
- vuex
- TypeScript
- sass
Archives
- Today
- Total
익명의 개발노트
[Wecode 55일차] 카카오 로그인, state 본문
반응형
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문제 확인해보자.
반응형
'코딩일기 > TIL' 카테고리의 다른 글
[Wecode 62일차] fullscreen 이슈 (0) | 2019.08.01 |
---|---|
[Wecode 61일차] css 우선순위, line style function call, react-range (0) | 2019.07.31 |
[Wecode 54일차] mac<-> ubuntu 파일 대문자 인식못하는 현상 (0) | 2019.07.25 |
[Wecode 53일차]Jest와 Enzyme, 선택자 선택 (0) | 2019.07.24 |
[Wecode 51일차] componentDidUpdate 등 실수사항 (0) | 2019.07.22 |
Comments