일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JavaScript
- 가상화
- 타입스크립트
- 자바스크립트
- 솔리디티
- 클라우드
- 백준
- es6
- 프론트엔드
- AWS
- TypeScript
- VUE
- CSS
- 이슈
- 블록체인
- 파이썬
- kubernetes
- react
- 알고리즘
- 리액트
- 백엔드
- docker
- next.js
- 쿠버네티스
- 웹
- HTML
- BFS
- 컴퓨터공학
- k8s
- 이더리움
Archives
- Today
- Total
목록📖 BEM (1)
즐겁게, 코드
[HTML & CSS] : BEM 컨벤션으로 클래스명에 일관성 부여하기
변수명을 잘 짓는 것이 좋은 코드와 나쁜 코드를 판가름하는 중요한 요소라는 점에는 이견이 없을 것입니다! const a = "chanmin"; // BAD const userName = "chanmin"; // GOOD 그런데 CSS를 적용하기 위해 클래스명을 지을 때도 좋은 이름을 붙이고 계신가요? 저는 최근까지 그러지 못하고 있었다고 느껴서, 이번 기회에 CSS 클래스명 컨벤션을 정리해보고자 합니다. 😄 🙆🏻♂️ BEM (Block - Element - Modifier) 회사와 팀에 따라 컨벤션이 다를 수 있겠지만 가장 범용적으로 사용되는 규칙 중 하나가 바로 BEM으로, BEM의 Block, Element, Modifier는 각각 다음과 같은 의미를 가집니다. Block : 재사용 가능한 컴포넌트..
🎨 프론트엔드/HTML & CSS
2021. 4. 4. 13:26
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆