vue에서 케밥케이스를 사용하는 이유를 전혀 모르겠습니다.

Question

import SideNav from '../SideNav.vue' components: {SideNav} ... // 선택지1 // 선택지2 import는 파스칼 케이스로 해놓고,DOM요소에는 케밥케이스로 변경한 프로젝트들을 상당히 많이 봤습니다.(실제 프로젝트, 남들이 만들어놓은 토이 프로젝트 등)물론 선택지1,2 둘 다 정상 작동합니다.vue2든, 3든 말이죠.그런데 아무리 생각해도,케밥케이스로 얻는 이득이 전혀 없습니다.오히려 컴포넌트 찾을 때 더블클릭으로 텍스트 전체가 선택이 안되니 불편해지고,SideNavComponentWithUserSessionOff.vue 같은, 예를 들어 이런 컴포넌트가 있다고 가정하면(물론 이렇게 길게 적는 경우는 드물겠지만)와...케밥케이스로 언제 바꿔서 찾지? 라는 생각부터 들죠.그냥 관례인가요? (예를 들면 db에서는 USER_NAME같이 짓듯이...)

에스디 · Accepted Answer

vue의 역사를 이해하시면 조금 더 이해가 쉽습니다.일단 vue를 만든 evan you는 google에서 angular 개발 하던 개발자였습니다.그런데 더 가벼운걸 만들자 해서 만든 개인 프로젝트가 vue였지요.지금은 다른 프레임워크나 라이브러리의 개념들을 많이 들고 와서 희석되었지만초기에는 angular의 사상을 많이 가져왔습니다.이 angular가 컴포넌트 스타일이 kebab-case를 사용합니다.react와 vue가 양분하고 있는 국내 개발자들 입장에서는 vue의 kebab-case가 어떻게 보면레거시처럼 보일 수 있습니다.일단 역사니 주변 개발환경이니 차치하고나서라도일단 기능적으로 왜 케밥케이스를 쓰냐고 한다면vue가 지금은 개발할 때 전부 로컬 빌드 환경에서 사용하지만과거에는 html에서 라이브러리 부르는 형태로 개발했습니다.아래 링크 보시면 이해가 쉬우실껍니다.https://joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/문제는 html에서 라이브러리 형식으로 불러서 사용하게 되면html은 언어 특성상 대문자를 인지하지 못합니다.이로인해 kebab-case를 사용하게 되지요.이렇기 떄문에 vue에서는 html에서 호출하는 형태의 개발 환경에서는무조건 케밥케이스를 강요당하기 때문에 사용했습니다. ㅎ

laggardstudy · Answer

https://ko.vuejs.org/style-guide/rules-strongly-recommended.html#single-file-component-filename-casinghtml관례상 케밥케이스로 하는 경우도있고, 위에 공식사이트 내에 “대소문자를 구분하지 않는 파일 시스템에서는 대소문자가 혼합된 파일 이름으로 인해 문제가 발생할 수 있으므로 케밥 케이스도 완벽하게 사용할 수 있습니다.” 라고 되어있네요.

RWB · Answer

모든 코드는 코드 컨벤션이라고 해서, 이러이러한 건 통상 저렇게 한다 라는 식의 관례가 있습니다.지키지 않아도 문제될 건 없지만, 모두의 편의를 위해 그렇게 하자는 거죠.복도에서는 우측통행합시다! 이런거랑 비슷한 개념입니다.vue는 써본적이 없어서 잘은 모르지만, 자바의 경우 클래스는 파스칼 케이스, 메서드는 카멜 케이스로 작성한다와 같은 컨벤션이 있습니다.이러한 규약은 코드 사용 시나 협업 간의 이점을 얻을 수 있습니다.

memorobot · Answer

저는 vue 프로젝트에서 파스칼케이스 강제합니다. 아무 문제 없습니다

vue에서 케밥케이스를 사용하는 이유를 전혀 모르겠습니다.

4개의 답변

Q&A 목록