* P.C (파스칼 케이스)
첫 단어를 대문자로 표기합니다.
MainContent
* C.C (카멜 케이스)
낙타 등이 들쑥날쑥한 것처럼 각 단어의 첫 글자들만 대문자로 표기하는 방법입니다. 가장 첫 문자는 소문자로 표기합니다.
mainContent
* K.C (케밥 케이스)
하이픈으로 단어를 연결하는 방식입니다.
main-content
* S.C (스네이크 케이스)
여러 단어로 이루어진 경우 단어 사이를 언더바로 나누는 방식입니다.
main_content
* CSS 방법론
※ 참고
https://wit.nts-corp.com/2015/04/16/3538
https://medium.com/@jinminkim_50502/css-bem-smacss-oocss-9e4d6beb0a38
- SMACSS
범주화로 패턴화 하고자 하는 방법론입니다. 유지보수와 확장시키기에도 쉬우며, class명을 통해 어떤 기능을 하는지 추측이 가능합니다.
- OOCSS
중복을 최소화하고 캡슐화를 원칙으로 하는 방법론입니다. 중복을 최소화합니다.
- BEM
ID는 사용할 수 없고, 오직 class명만 사용할 수 있습니다. 어떤 목적으로 이름이 지어졌는지 알 수 있습니다. 즉, 코드를 직관적으로 파악할 수 있다는 장점이 있지만, 길고 복잡해질 수 있다는 단점이 있습니다.
'CSS' 카테고리의 다른 글
| CSS 우선순위 (0) | 2020.07.14 |
|---|---|
| CSS 선언 방법 (0) | 2020.07.14 |
| CSS3 Design (0) | 2020.07.14 |
| Css Grid 속성 (0) | 2020.06.25 |
| Css Flex 속성 (0) | 2020.06.23 |