Contents

React Scss_setting

React_Style 관리

전 css보다 scss가 더 좋습니다. Sassy CSS - 문법적으로 짱 멋진(Sassy) CSS이기 때문입니다.

react에 scss 적용하기

간단히 라이브러리 하나만 설치해주고 파일명만 바꿔주면 됩니다.

*CRA 공식 문서에 나와있는 방법을 따릅니다.

  1. package.json이 있는 위치에서

    1
    
    npm install sass
    

  2. .css로 된 파일명을 .scss로 바꾸면 끝.

👀 많은 레퍼런스가…

1
npm install node-sass

해당 명령어로 sass를 적용하는데, 동료가 깃헙에서 npm i를 하는데 계속 오류가 났고 저도 간헐적으로 에러가 발생해 설명한 방식으로 변경하였습니다.