BEM (Block Element Modifier) BEM (Block Element Modifier) 구조에 대한 소개 html 문서를 작성해야 하는데 클래스명을 작명할 때, 클래스 이름이 겹치면 곤란하고 또 안 겹치게 하자니 정리가 안되는 상황을 겪어보신 적이 있으신가요? 이럴 땐 BEM 방법론을 적당히 사용하면 유용합니다. BEM방법론 이라는 것은 위와 같은 상황의 어려움을 해결하고자 만들어진 css 방법론입니다. 물론 css 전처리기라는 것을 이용하면서 BEM방법론을 채택하면 더 효율적으로 css 파일을 관리할 수 있습니다. 그렇다면 BEM방법론의 구조는 어떻게 되어 있을까요? Block__Element--Modifier 형태로 되어져 있는 BEM방법론은 Block을 제일 앞에 두고 Element..
🔶 vs @import 🔸 edge 브라우저에서 css @import가 안되나요? - 이젠 왠만해선 잘 됩니다 블로그 글들을 찾아보면 edge에서 @import를 하면 edge 브라우저는 @import를 인식하지 못하여 css가 깨진다고 설명이된 글들이 몇 개 있습니다. 이러한 오해는 오래된 edge 브라우저 버전에서 @import를 지원하지 않았기 때문에 발생한 문제입니다. mdn 사이트를 근거로 말씀을 드리겠습니다. MDN에서 정리한 브라우저 호환성 표에 따르면 MS Edge 브라우저에서는 12버전, 2015에 @import 기능 지원이 안정화 되었다는 것을 알 수 있습니다. 오래된 브라우저를 사용하는 유저들에게 까지 지원할 것이 아니라면 CSS에서 별도로 필요한 경우 @import기능을 사용하시면 ..