주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

[CSS 방법론] BEM 방식 BEM (Block Element Modifier) Block 독립적인 컴포넌트 단위 header, search 등이 될 수 있다. Element 블럭을 구성하는 단위 search의 input 등이 될 수 있다. Modifier 블럭, 엘리먼트의 속성 search의 focused나 button의 disabled 등이 될 수 있다. __와 --로 구분한다. 이름연결시에는 하이픈(-)하나로 연결한다. block-name Block Element Modifier class만을 사용한다. 어떤 목적인가를 중점으로 네이밍한다. Block header, logo, search 등이 될 수 있다. header > logo 일 경우 분리될 수 있는 컴포넌트 단위인 경우 block으로 처리..

#네이밍 케이스 1.케밥-케이스 kebab-case, spinal-case, Train-Case, Lisp-case -하이픈으로 단어를 연결하는 표기법 -HTML 태그의 id, class 속성으로 흔히 사용됨. 2.파스칼 표기법 PascalCase, BackgroundColor, TypeName, PowerPoint -첫 단어를 대문자로 시작하는 표기법 3.스네이크 케이스(뱀 표기법) snake_case, background_color, type_name -단어를 밑줄 문자로 구분하는 표기법 -perl, php, python, ruby, rust.... 4.헝가리언 표기법 strName, bBusy, szName -접두어를 사용하는 표기법 -str -> string, b -> boolean, sz -> ..