[주유소] 21. Vue 유저 프로필 - 차단 친구 관리

오늘의 목표

1. 차단 친구 목록
2. 차딘 친구 item page 작성

1. 차단 친구 목록 작성

blocked-friend.vue 작성을 했다.
해당 페이지는 차단한 친구를 볼 수 있는 페이지다.
따라서 해당 페이지에
created () { get요청으로 차단 친구 리스트를 불러옴}를 추가해주고
props로
blocked-friend-detail.vue에 친구 정보를 하나하나 넘겨줬다.

여기서 발생한 문제 1. 친구 차단 기능이 제대로 작동하지 않아 차단 친구 목록을 가져올 수 없다.
문제2. 친구를 차단하는 순간 목록에서 사라져야 한다. 어떻게?
blocked-friend.vue에서 get요청을 할 것이 아니라
store에서 state에 blocked-friend 목록을 담아줘야 한다.

2. 차단 친구 item page

blocked-friend.vue에서 props를 통해 넘겨진 데이터를 보여주는 페이지다.
해당 페이지에서는 차단 친구를 해제하는 기능이 있다.
페이지에서 친구 차단 기능 함수를 써도 된다고 생각했지만
그렇게 되면 차단 해제 직후 차단한 친구가 사라지지 않기 때문에
'차단 해제' 기능도 store에서 관리해야 한다.

3. 수정해야 할 사항

  1. 차단 기능 제대로 되는지 확인
  2. 차단 친구 목록 Store에 담기
  3. 차단 친구 목록 state로 가져오기
  4. 차단 해제 기능 Store 담기

오늘은 주말이기 때문에 월욜날 상의하고 수정해야징


느낀점

사용자 관리는 꼭 store에서 해줘야겠다.
한 번만 쓰이니까 페이지에서 함수 호출해야지~~의 문제가 아니었다.
친구 수락, 거절, 차단, 강퇴 등등의 기능을 원활하게 사용하기 위해서는
store에서 모조리 관리해야만 한다.

내일은 타자게임 구현을 끝내야 한다,,,,!!!!!
어떻게든!!!

좋은 웹페이지 즐겨찾기