so woon!

명명법 본문

HTML/개념정리

명명법

xowoony 2022. 9. 16. 16:02

학습일 : 2022. 09. 16


명명법
명명법(Naming Convention)은 어떠한 대상의 이름을 짓는데 있어 개발자들간에 정해져있는 약속이다. 틀리면 큰일남.



카멜 케이스(Camel Case)
공백, 대쉬(-), 언더스코어(_) 등 특수문자를 사용하지 않고, 
첫자 소문자, 단어간 구분을 대문자로 하는 명명법. 가령, 'namingConvention', 'camelCase', 'someName' 등과 같이 작성.
자바나 자바스크립트의 변수, 읽기 전용 값, 메서드, 삼수 등의 이름에 사용한다.


 

파스칼 케이스(Pascal Case)
공백, 대쉬(-), 언더스코어(_) 등 특수문자를 사용하지 않고, 첫자 대문자, 단어간 구분을 대문자로 하는 명명법. 가령, 'Namingconvention', 'PascalCase', 'SomeName' 등과 같이 작성한다. 자바의 클래스, 열거형 등의 이름에 사용한다.


 

(로워) 스네이크 케이스(Lower Snake Case)
언더스코어(_)와 영 소문자만 이용하고 단어간 구분을 언더스코어로 한다.
가령, 'naming_convention', 'lower_snake_case', 'some_name'등과 같이 작성한다. 일부 SQL(MySQL, MariaDB 등)의 구성요소 이름  PHP(우리랑 관계 없음) 등에서 사용한다.


 

어퍼 스네이크 케이스(Upper Snake Case)

언더스코어(_)와 영 대문자만 이용하고 단어간 구분을 언더스코어로 한다.

가령, 'NAMING_CONVENTION', 'UPPER_SNAKE_CASE', 'SOME_NAME' 등과 같이 작성한다.

자바의 정적 읽기 전용 값(Static Final) 혹은 열거형의 인자(Enumeration)의 이름이나 PHP(우리랑 관계 없음) 등에서 사용한다.


 

케밥 케이스(Kebab Cases)

대쉬(-)와 영 소문자만 이용하고, 단어간 구분을 대쉬로 한다.
가령, 'naming-convention', 'kebab-case', 'some-name' 등과 같이 작성한다.
(CSS의 클래스 이름 등에 사용한다.  ex  item-container)


 

스크리밍 케밥 케이스(Screaming Kebab Case)

대쉬(-) 와 영 대문자만 이용하고, 단어간 구분을 대쉬로 한다.

가령, 'NAMING-CONVENTION', 'KEBAB-CASE', 'SOME-NAME'등과 같이 작성한다.  (어디서 쓰는지 모름)

 

 

 

 


변수 선언시

let my_variable;   -> 안됨
let myVariable;   -> 이렇게 선언


클래스는 크게 상관 없음

item-container

item_container

itemContainer

'HTML > 개념정리' 카테고리의 다른 글

tag (script)  (0) 2022.09.19
[공통] 리소스 디렉터리 구조  (0) 2022.09.17
html 소스 코드 자동 정렬 단축키  (0) 2022.09.11
[속성] Class 및 ID 속성  (0) 2022.09.07
[속성] style 속성  (0) 2022.09.07
Comments