Multi-word component names Error

1. 문제 정의

이름을 축약하지 않는 선에서 간단히 지으면 가독성에 좋다고 생각하여 한 단어로 표현할 수 있으면 한 단어로 표현하려고 하였습니다. 하지만 홈 화면과 같이 Home.vue 로 이름을 지으니 에러가 발생하였습니다.

2. 문제 분석

📖 Rule Details

This rule require component names to be always multi-word, except for root App components, and built-in components provided by Vue, such as <transition> or <component>. This prevents conflicts with existing and future HTML elements, since all HTML elements are single words.

• 출처 : https://eslint.vuejs.org/rules/multi-word-component-names.html

Vue를 사용할땐, 네이밍을 여러 개의 단어를 조합해서 사용해야 한다는 것을 알 수 있었습니다.

그 이유로는 HTML 태그들이 하나의 단어로 되어있기 때문에, Vue 와 HTML 태그의 충돌을 막기 위함입니다.

기술을 사용할땐, 그냥 사용하는것이 아닌, 왜 이 기술을 이렇게 쓰는지에 대해 다시한번 생각할 수 있게 되었습니다.