강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

이창환님의 프로필 이미지
이창환

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

[실습] 질문, 구직 리스트 스타일링

영상에서는 오류가 안나는데 제가 하니 오류가 나서 문의드립니다.

작성

·

191

1

영상에서는 컴퓨티드 속성에 

d이런식으로 해도 빨간줄이 안뜨는데 제가 헬퍼함수를 이용해서 그런지 빨간줄이 뜨면서 오류가 생깁니다 실제적으로 실행은 잘됩니다. es-lint에서만 오류를 잡아주는것같은데 이유가 뭔지 알수있을까요? 이거는 computed는 데이터를 가공해그컴포넌트에 해당 컴포넌트의 데이터를 가공하지않아서 이런 오류가 생기는건가요?

제가 말한 코드입니다.

오류 내용입니다.

그리고 methods 에 같은 로직을 넣어주면 오류가 안나는데 이렇게 했을때의 문제점이나 단점이있나요? computed를 이용하는 이유를 알고싶습니다이렇게 메서드로 할시 빨간줄도 안뜨고 실행이 잘됩니다.

답변 1

0

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 창환님, 위 코드에서 ESLint 에러가 뜨는 이유는 `computed` 속성에 분기 처리와 관계 없이 기본 반환 값이 설정되어 있지 않아서 그렇습니다 :) 마지막 else if 대신에 else를 쓰시거나 맨 마지막에 else 를 추가해서 반환 값을 하나 설정해주시면 해결 될거에요..! :)

이창환님의 프로필 이미지
이창환

작성한 질문수

질문하기