[React] SCSS 설치하기

nemo·2022년 1월 4일
1

React

목록 보기
2/28
post-thumbnail

SCSS 사용 이유

CSS는 프로젝트의 규모가 커질수록 코드의 가독성이 떨어지며 유지보수에 어려움이 있을 수 있다.

SCSS를 사용하면 코드의 재활용성과 가독성이 높아진다. 따라서 SCSS는 기존 CSS의 단점을 보완하고 작업의 효율 향상에 도움이 된다.



SCSS 설치하기

1) 리액트 작업 폴더 경로에 npm을 이용해 아래와 같이 입력하여 설치한다.

npm install node-sass --save


2) .css로 된 파일명을 .scss로 바꿔서 사용하면 된다.


0개의 댓글