코공기(코딩 공부 기록) 코공기(코딩 공부 기록)

해당 게시글은 2022.02.10에 깃허브로 작성되었습니다. 개인 작업이든 협업이든 페이지의 구조가 복잡하거나 양이 많을수록 class명을 짓는 과정에서 애를 먹게 된다. 이런 때에 필요한 게 바로 BEM이며 BEM은 sass 사용 시에도 아주 유용하니 알아두는 편이 좋다. 1. BEM 방식이란? class명으로 명시 -> 기본적으로 ID 사용X / class만을 사용. '어떤 목적인가'에 따라 작명. 이름을 연결할(단어의 조합) 때에는 하이픈(-) 하나만 사용. ex) search-form 2. Block__Element--Modifier (1) Block - 재사용 가능한, 기능적으로 독립적인 페이지 컴포넌트 ex) Logo는 header, footer 등 다양한 곳에서 사용 가능하다. Block은 ..