| 일 | 월 | 화 | 수 | 목 | 금 | 토 | 
|---|---|---|---|---|---|---|
| 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 | 
                            Tags
                            
                        
                          
                          - 참조자료형
 - redux
 - React Native
 - TypeScript
 - 코린이
 - http
 - 코딩기초
 - 타입스크립트
 - html기초
 - useEffect
 - 리덕스
 - SasS
 - 리액트
 - 리액트 네이티브
 - async
 - 프론트엔드
 - 자바스크립트
 - Vue3
 - react
 - git
 - 코딩독학
 - scss
 - JavaScript
 - 깃
 - 코딩공부
 - 코딩초보
 - 비동기
 - react-router
 - 사용하는 이유
 - CSS
 
                            Archives
                            
                        
                          
                          - Today
 
- Total
 
목록CSS 방법론 (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