2022/1월 1주차

할 일

 

마이페이지 완성하기

글 삭제 추가 완성하기

---

수정1 

기존 불러오는 데이터에 id 추가 -> memberController에도 추가

수정2
member Controller 의 getUserInfo HashMap 제거하고 그냥 Member 리턴

수정3
1. Vue에서 수정할 정보를 MemberController에서 전달받아 해당정보 수정
2. Controller -> MemberRepository
JPA업데이트 쿼리 작성 (Modifying & Transactional 어노테이션을 붙이지 않으면 에러발생)
3. 업데이트 성공시 메시지 출력 & Vue-userStore에 이전에 저장된 닉네임을 수정된 닉네임으로 변경

 

 

수정4
$router.push 로 이동시 mounted가 실행되지 않음.
인터셉터를 통해 토큰을 실어준 후 새로고침 this.$router.go(0)을 실행하게 수정
-> 네비게이션 가드 beforeRouteUpdate 를 사용하여 수정
url이 변경될때, 동일한 컴포넌트 인스턴스가 재사용된다고 한다.
이는 컴포넌트의 라이프 사이클 훅(mounted)이 호출되지 않음을 의미한다
watch속성이나 router의 beforRouteUpdate 방법을 사용 할 수 있다
https://k39335.tistory.com/67

-> 0107 수정완료
mounted는 잘 실행되고 있었고 문제는 데이터를 변경할때 
        putUserInfo: function (state, data){
            state.firstName = data.firstName
            state.lastName = data.lastName
            state.nickName = data.nickName
            state.id = data.id
            console.log(state)
        },
모든 상태를 저장하는 곳에 nickname값만 할당해서 나머지는 null값으로 들어가서 일어난 일..