BEM css아키텍처 + scss
본문 바로가기

Frontend/css

BEM css아키텍처 + scss

BEM 예시

Block__Element--Modifier

 

https://youtu.be/er1JEDuPbZQ

 

참고 SCSS 연동

1. create-react-app일때

npm i node-sass

css파일을 scss로 변경해준다.

 

2. parcel 일때

이전 포스팅참고

https://dubaiyu.tistory.com/216

 

Parcel 사용방법(+babel, autoprefixer, degit)

번들러란? 더보기 쉽게말해서 리액트,scss등으로 작업한 결과물을 html, css, js로 변환해주는것 번들러중에는 Parcel이라는 번들러가 있고 웹팩 번들러에 비해 정해져있는편이라 소형프로젝트를 할

dubaiyu.tistory.com

 

반응형

'Frontend > css' 카테고리의 다른 글

fadein animation, keyframe  (0) 2022.04.28
normalize.css를 react scss 적용  (0) 2022.03.09
css 명세 읽는법 value  (0) 2022.03.06
table colspan rowspan 예시  (0) 2021.09.08
width 100%를 하려면 flex grow를 사용해보자  (0) 2021.08.31