하이픈으로 구분 된 케이스의 이름은 무엇입니까?

이것은 PascalCase입니다. SomeSymbol

이것은 낙타입니다. someSymbol

이것은 snake_case입니다. some_symbol

그래서 내 질문은 이것에 대해 널리 인정되는 이름이 있는지 여부입니다 some-symbol. URL에서 일반적으로 사용됩니다.

이 사건에 대한 표준 명칭은 실제로 없으며, 그 명칭에 대해 의견이 일치하지 않습니다.

그러나 2019 년 현재 케밥 케이스 가 이길 수있는 강력한 사례가 있습니다 .

https://trends.google.com/trends/explore?date=all&q=kebab-case,spinal-case,lisp-case,dash-case,caterpillar-case

척추 는 먼 초이며 다른 용어는 전혀 견인력이 없습니다.

또한 케밥 케이스 는 다음과 같은 여러 자바 스크립트 코드 라이브러리의 어휘에 들어갔습니다.

• https://lodash.com/docs/#kebabCase
• https://www.npmjs.com/package/kebab-case
• https://vuejs.org/v2/guide/components-props.html#Prop-Casing-camelCase-vs-kebab-case

그러나 사람들이 사용하는 다른 용어가 여전히 있습니다. Lisp는 이 Wikipedia 항목에 설명 된대로이 컨벤션을 수십 년 동안 사용해 왔 으므로 일부 사람들은이를 lisp-case 라고 설명했습니다 . 내가 본 다른 양식에는 caterpillar-case , dash-case 및 hyphen-case 가 포함되지만 그중 어느 것도 표준이 아닙니다.

따라서 귀하의 질문에 대한 대답은 : 아니요,이 사건에 대해 널리 받아 들여지는 snake_case 또는 camelCase 와 유사한 단일 이름이 없습니다 .

kebab-case 라고합니다 . lodash 문서를 참조하십시오 .

때로는 애벌레 케이스라고도합니다.

여기에 올바른 링크 추가 케밥 케이스

단어를 구분하는 모든 소문자입니다.

문자로 (-)은 "하이픈"또는 "대시"이라고,이 "이름을 더 자연스러운 것 같다 대시 경우 "또는 " 하이픈의 경우를 (자주 사용)"을.

Wikipedia 에서 언급했듯이 " 케밥 케이스 "도 사용됩니다. 분명히 ( 답변 참조 ) 이것은 캐릭터가 꼬치 처럼 보일 것이기 때문입니다 ...하지만 약간의 상상력이 필요합니다. 예를 들어 lodash lib
에서 사용됩니다 .

최근 " 대쉬 케이스 "는

• 각도 ( https://angular.io/guide/glossary#case-types )
• NPM 모듈
  • https://www.npmjs.com/package/case-dash
  • https://www.npmjs.com/package/dasherize

나는 항상 그것을 부르고 '대시'라고 불렀습니다.

일부 연구 후 전체 목록 :

• 케밥 케이스
• 캐터필라 케이스
• 대시 케이스
• 하이픈 케이스
• 리스프 케이스
• 척추 사건
• CSS 사례

표준화 된 이름이 없습니다.

jquery 및 lodash 와 같은 라이브러리는 이를로 참조합니다 kebab-case. 그렇게 Vuejs 자바 스크립트 프레임 워크를. 그러나 그것이 kebab-case자바 스크립트 세계에서 언급되었다고 선언하는 것이 안전한지 확실하지 않습니다 .

나는 단순히 하이픈 으로 연결되어 있다고 말하고 싶습니다 .

폐지 할만한 가치 :

https://github.com/tpope/vim-abolish/blob/master/doc/abolish.txt#L152

대시 케이스 또는 케밥 케이스

Salesforce에서는 kebab-case . 아래 참조

https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.js_props_names

더 최근의 분해가 있습니다. 앵귤러 JS 및 Pluralsight 코스 및 앵귤러에 관한 책의 모든 곳에서 문서는 케밥 케이스를 뱀 케이스로 지칭하며 두 가지를 구별하지 않습니다.

snake_case와 caterpillar-case는 쉽게 기억되고 실제로 그들이 표현하는 것처럼 보이기 때문에 너무 나쁜 애벌레 케이스는 붙어 있지 않습니다 (좋은 상상력이있는 경우).

에 대한 ECMAScript 제안입니다 String.prototype.toKebabCase.

String.prototype.toKebabCase = function () {
  return this.valueOf().replace(/-/g, ' ').split('')
    .reduce((str, char) => char.toUpperCase() === char ?
      `${str} ${char}` :
      `${str}${char}`, ''
    ).replace(/ * /g, ' ').trim().replace(/ /g, '-').toLowerCase();
}