inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

3-1. 팔로우/팔로잉 더미 데이터

인덱스 비교로 삭제해도 될까요?

384

h승현

작성한 질문수 10

0

<v-list>
    <v-list-item v-for="(item, index) in list" :key="index">
      <span>{{ item.nickname }}</span>
      <v-icon @click="delFollower(index, name, item)">mdi-minus-circle-outline</v-icon>
    </v-list-item>
  </v-list>
 
props:{
    // eslint-disable-next-line vue/require-default-prop
    list:{
      type:Array,
    },
    // eslint-disable-next-line vue/require-default-prop
    name: {
      type: String
    }
  },
  methods:{
    delFollower(index,name,item){
      if(window.confirm(`정말 ${name}목록에서 ${item.nickname}님을 삭제 하시겠습니까?`)) {
        this.$store.dispatch('users/remove', {
          index,  
          name    
        });
        alert('삭제되었습니다.')
      }
    },
}  

 

removeFollowerList(state, payload) {
      if(payload.name === "팔로워"){
        const index = state.followerList.findIndex((v,i) => i === payload.index);
        state.followerList.splice(payload.index, 1);
      }
      else if(payload.name === "팔로잉"){
        const index = state.followingList.findIndex((v,i) => i === payload.index);
        state.followingList.splice(payload.index, 1);
      }
  },

 

안녕하세요 선생님 간단한거 질문하나 드리겠습니당

이런식으로 그냥 인덱스로 비교했었는데 이런식으로하면 혹시 나중에 데이터 추가되고 하면 문제가된다라던지 실무에선 고유값인 id값으로 해야한다던지 문제가 될수있을까요?

 

 

 

 

 

 

 

 

 

 

 

mysql vuex vuejs nodejs aws ssr

답변 1

0

제로초(조현영)

데이터가 전부 state로 관리된다는 전제 하에 인덱스로 하셔도 됩니다.

npm run dev 할 때 에러가 발생합니다.

0

146

1

해당 강의는 리뉴얼 예정은 따로 없나요?

0

332

1

강의는 언제까지 업데이트 된 내용인가요?

0

330

2

실습 환경 문의(Node 버전)

0

369

1

로그인 새로고침시 풀림

0

296

1

안녕하세요! 로그인 유지 질문 드립니다!

0

407

1

웹 서버 관련해서 질문드립니다.

0

447

1

버전때매 질문 드립니다!!

0

316

1

이 강의는 vue3는 아닌가요??

0

374

1

vsCode에 관한 질문입니다

0

493

1

v.trim()이 타입에러가 뜹니다...

0

343

1

express.static('uploads')

0

345

2

STRING이 인식이 안되는데 이유알수있을까요?

0

447

2

<v-lsit-item-title> 에러

0

410

2

vue cli 를 실무에서도 사용하지 않으시나요?

0

321

1

선생님 처음 환경 셋팅 관련 문의드립니다.

0

385

1

nuxtServerInit 무한 로딩

0

981

3

Nginx Cookie 설정

0

726

2

상태가 204번인경우에는 어떻게 처리를 해야하나요?

0

293

1

선생님 nuxt 관련질문드립니다.

0

353

1

질문 드립니다!

0

334

2

안녕하세요

0

231

1

궁금한점이있습니다

0

237

1

새로고침시 오류

0

491

1