CSS방법론 검색 결과
2 개의 검색 결과가 있습니다.
웹개발/css

CSS BEM의 10가지 일반적 문제와 해결 방법 1

BEM이 유용하다는 것은 알겠지만 막상 적용하려 하니 어려운 게 한두 가지가 아니다. 그래서 검색을 좀 해봤는데 좋은 글이 영어로 있어 번역을 해두려 한다. 번역기 돌려서 조금 다듬는 정도지만 원문: Battling BEM CSS: 10 Common Problems And How To Avoid Them 1. 자손 선택자의 경우 어떻게 해야 하나요? 두 수준으로 중첩된 요소를 참조해야 할 때 자손 선택자를 사용할 것입니다. 이 녀석들은 내 인생의 골칫거리이고, 나는 자손선택자의 오용이 사람들로 하여금 BEM에 즉시 혐오감을 갖게 하는 이유 중 하나라고 확신합니다. 예를 들어보죠. Title text here Lorem ipsum dolor sit amet, consectetur Adipiscing eli..

2021. 7. 16. 07:40
웹개발/css

CSS 방법론 BEM

예전에 코딩에 대해 아무것도 모르던 시절, 지금도 모른다는 게 함정 카멜표기법과 파스칼표기법에 대해 듣고서 '우와' 했었다. 그리고 이후부터는 카멜표기법을 사용했었다. BEM이 필요한 이유 그런데 여러 페이지를 코딩해보면서 자꾸 중복되는 듯 서로 다른 클래스로 인해 '클래스명 짓기 너무 힘들다'라는 생각이 들 때 쯤, 검색을 통해 CSS 방법론과 그중 하나인 BEM에 대해 알게 되었다. 진짜 얼마나 모르고 맨땅에 헤딩을 하고 있었는지... BEM이란? Block(블록)-Element(요소)-Modifier(변경자)의 줄임말. 이 세 가지를 이용해 클래스명을 짓는다. 블록(Block): 재사용할 수 있는 독립적인 가장 바깥쪽 덩어리. 예를 들면 검색창 블록. 요소(Element): 블록을 구성하는 하위 성..

2021. 7. 14. 11:38