각 게시물 좋아요 / 싫어요 기능 구현

[김호균]

안녕하세요, 각 게시물 좋아요 / 싫어요 기능 구현 관련 질문이 있어 문의 드립니다.

Container.vue 에서 반복문으로 사용한 post의 key값을 store.js에 활용할수 있을까요?

제공해주셨던 데이터의 postData 안의 likes이던, store에서 initialize state의 likes이던 각 index로 접근해야  value값에 access 할수 있음을 확인했습니다.

그렇다면, store.js 의 clickLikes mutations 안의 if 문에서 사용자가 클릭한 순번째의 post의 key 값을 이용하여 조건문에 추가해서 사용자

가 클릭한 해당 포스트에만 좋아요 / 싫어요 를 구현할수 있을까 싶어서 문의 드립니다. 

혹시 기능 구현의 다른 방법이 있다면 방향성 제시를 부탁 드릴수 있는지도 여쭤봅니다. 

감사합니다.

 

 

[codingapple]

실제서비스라면 매번 첫째 게시물이 달라질텐데

그래서 저 게시물은 항상 key가 0인걸 보장할 수 없습니다

 

그래서 실제 인스타그램 json 데이터에 영구적으로 id : 0 이런걸 기입해놓고

id : 0인 게시물을 좋아요 누르면

id : 0인 항목을 state에서 찾아서 likes를 +1 해주는게 가장 좋은 방법입니다 

 

쉽게 보이는것만 대충하려면

게시물이 3개면 like : [0,0,0] 이런걸 state로 만들어두고 

0번째 게시물 좋아요 누르면 like : [1,0,0] 이렇게 바꾸든가 하면 되겠군요 

 

[글쓴이]

글