웹 (프론트엔드 취준 당시 공부했던 글)/CSS

웹 (프론트엔드 취준 당시 공부했던 글)/CSS

[CSS] - BEM방법론에 대해서 알아봅시다

BEM (Block Element Modifier) BEM (Block Element Modifier) 구조에 대한 소개 html 문서를 작성해야 하는데 클래스명을 작명할 때, 클래스 이름이 겹치면 곤란하고 또 안 겹치게 하자니 정리가 안되는 상황을 겪어보신 적이 있으신가요? 이럴 땐 BEM 방법론을 적당히 사용하면 유용합니다. BEM방법론 이라는 것은 위와 같은 상황의 어려움을 해결하고자 만들어진 css 방법론입니다. 물론 css 전처리기라는 것을 이용하면서 BEM방법론을 채택하면 더 효율적으로 css 파일을 관리할 수 있습니다. 그렇다면 BEM방법론의 구조는 어떻게 되어 있을까요? Block__Element--Modifier 형태로 되어져 있는 BEM방법론은 Block을 제일 앞에 두고 Element..

웹 (프론트엔드 취준 당시 공부했던 글)/CSS

[CSS] - css에서의 <link> vs @import 어느 것을 사용해야 하나요?

🔶 vs @import 🔸 edge 브라우저에서 css @import가 안되나요? - 이젠 왠만해선 잘 됩니다 블로그 글들을 찾아보면 edge에서 @import를 하면 edge 브라우저는 @import를 인식하지 못하여 css가 깨진다고 설명이된 글들이 몇 개 있습니다. 이러한 오해는 오래된 edge 브라우저 버전에서 @import를 지원하지 않았기 때문에 발생한 문제입니다. mdn 사이트를 근거로 말씀을 드리겠습니다. MDN에서 정리한 브라우저 호환성 표에 따르면 MS Edge 브라우저에서는 12버전, 2015에 @import 기능 지원이 안정화 되었다는 것을 알 수 있습니다. 오래된 브라우저를 사용하는 유저들에게 까지 지원할 것이 아니라면 CSS에서 별도로 필요한 경우 @import기능을 사용하시면 ..

m0j4
'웹 (프론트엔드 취준 당시 공부했던 글)/CSS' 카테고리의 글 목록