css만으로 작업을 하며 불편함과 한계에 대해 느끼게 되었다. 그동안 scss를 주로 사용하였기 때문에, react에 scss를 적용해보려고 한다.
적용하기에 앞서
scss와 css의 차이점을 이야기해보자면, scss는 css를 좀 더 편리하게 이용할 수 있도록 도와주는 확장판의 개념으로 이해하면 쉬울것 같다.SCSS 적용하기
npm install node-sass 또는 yarn add node-sass
명령어를 사용하여 node-sass를 프로젝트에 설치하고, css 파일을 import하듯이 scss파일을 js 페이지에 import 해주면 scss를 사용할 수 있다.
To Infinity, And Beyond 🚀