일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- Vue3
- 리덕스
- react
- 참조자료형
- redux
- scss
- React Native
- 코린이
- git
- 사용하는 이유
- 깃
- react-router
- async
- CSS
- useEffect
- html기초
- 코딩초보
- http
- 코딩독학
- JavaScript
- TypeScript
- 코딩공부
- 비동기
- 프론트엔드
- 자바스크립트
- 코딩기초
- SasS
- 타입스크립트
- 리액트
- 리액트 네이티브
Archives
- Today
- Total
목록방법론 (1)
맨 땅에 프론트엔드 개발자 되기
CSS 방법론 BEM 알아보기
BEM CSS 는 Cascading Style Sheet 의 약자다. Cascading 의 뜻을 검색해보면 '폭포수처럼 흘러내리는' 이라는 뜻이 나온다. 이것은 CSS가 부모에서부터 자식으로 폭포수처럼 상속되어 적용된다는 뜻을 가지고 있다. 그래서 CSS를 작성할 때는 이 상속관계에 대해서 잘 알고있어야 현재 Element에서 어떤 속성이 적용되고 있는지 알 수 있다. 이러한 CSS 작성 규칙을 예측 가능하게 잘 해보자는 의미에서 나온 방법론이 바로 BEM 이다. BEM은 CSS 작성을 할 때 필요한 Class 명을 어떻게 지을 것인가에 대한 방법론이다. Depth가 별로 깊지 않은 프로젝트에서라면 아무렇게나 클래스 명을 지어도 상관없지만 프로젝트의 규모가 커지고 Depth가 깊어질 수록 클래스 명을 중..
코딩 공부 일지/CSS3 & SASS(SCSS)
2022. 12. 5. 13:39