본문 바로가기

전체 글

 (204)
CSS BEM방식으로 Class명 만들기, BEM class naming 오늘은 현재 프로젝트에서 사용하고 있는 BEM으로 class명을 만드는 방법을 포스팅해보려고 합니다. 현재 제가 하고 있는 프로젝트에서 이 방식을 이용하고 있기 때문에 한번 공부해두면 도움이 될 것 같아서, 그리고 미래의 저를 위해서라도 정리해 두면 좋을 것 같아서 정리를 해두려고 합니다. BEM 방식이란? Block Eelement Modifier의 약자입니다. 그리고 list--star list--dot list__item 이런 식으로 '--', '__', '_'를 사용하는 것이 특징입니다. 그럼 어떤 상황에서 '--', '__' 및 '_' 를 사용하는지를 포함해서 BEM의 가이드라인에 따른 class이름 짓기를 알아보겠습니다. Block 여기서 Block이란 '재사용'을 목적으로 '독립적'으로 사용..

티스토리툴바