문제해결과정
1.[문제] 1. 로그인 세션 유지 문제를 해결하라
로그인
2.[문제] 2. Heatmap과 술 data 연동하기
0. 현재의 상태
3.[해결완료] 3. Vue 이미지 바인딩 오류
무엇이: 이미지 바인딩어디서: 사용자 프로필 페이지어떻게: this.img 에 값이 담가지 않음왜: Vue의 비동기적 특성 때문에 원인: Vue의 비동기적 특성 때문에 this.img에 아무것도 할당되지가 않았다.가능은! 하지만 grid 때문에 요상한 위치로 갔다 정답
4.[해결완료] 4. vue props를 data에 할당하는 방법
props: { user: Object } 데이터를 data: function () { return userInfo: this.user } 요렇게 할당한다?틀렸지롱 JavaScript의 동기? 비동기?적인 특성 때문에 요 부분은 처리가 되지 않고 넘어감.아하 그렇담ma
5.[해결완료] 5. vue store에서 this.$router 사용하기
요렇게 store파일에서 this.$router를 사용하면 Vue warn: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading '$router')"요러한 에러를 볼 수 있다.열
6.[해결완료] 6. vue 이미지 업로드하기
문제 목적 시도1.
7.[해결완료] 7. vue의 변수를 할당할 때 this.data에서 오류가 발생한다면..?
key값에서 발생한 오류이기 때문에 key값을 array로 바꿔줌
8.[해결완료] 8. vue 새로고침 시 vuex store 초기화 문제 해결
문제 시도1 기존: 프로필 수정 후 저장을 누르는 순간 새로고침을 한다 시도: 새로고침을 하지 않고 props & emit으로 정보를 넘겨줌 문제: 마이페이지 내의 다른 페이지에 들어갔다 나오면 이전의 정보가 보여짐 (새로고침이 아닌 잠시 값만 바꿔줬기 때문)
9.[해결완료] 9. vue 로그인, 회원가입 시 nav-bar router 막기
route.name이 main이 아니거나 login이 아니거나 signup이 아니라면 보여줘,,,,라는 로직을 생각했지만땡!그렇담 computed로 true, false값을 미리 주자!땡! 따란해결 포인트는 Or가 아닌 And였다는 것메인, 로그인, 사인업이 아닐 때!