[ 오류 해결 ] vue/no-use-v-if-with-v-for : v-for과 v-if 같은 태그에서 사용하면 생기는 오류

🚩 문제의 원인 {{ item.name }}Vue에서 같은 엘리먼트에 v-if 와  v-for 를 함께 사용하기 때문에 생기는 오류입니다.이 방식은 Vue에서 권장하지 않습니다. 왜냐하면 v-for 로 반복 후, 그 내부에서 v-if로 조건을 체크하면 성능이 저하되고 예상치 못한 버그를 유발할 수 있기 때문입니다.  ✅ 해결 방법방법 1. computed 사용 (권장) {{ item.name }} computed 를 활용하여 필터링합니다. 방법 2. 로 감싸기 {{ item.name }} 반드시 함께 써야 한다면 아래와 같은 방법으로 가능합니다. 태그는 반드시 최상위에 사용해야 합니다. 방법 3. Eslint 설정에서 예외 처리하기// .eslintrc.jsmodule.expo..

2025.04.10