SCSS

node-sass를 이용한 리액트에서의 SCSS작성방법

이제, 간편하게 SCSS사용하세요.

웹 개발자들이 CSS코딩을 할 때에 가장 힘든 이유는, HTMl의 depth가 깊어지면서 여러가지 클래스들을 많이 다루는데, 이 클래스가 하나의 스코프 안에 자바스크립트 객체처럼 CSS를 작성할 수가 없다는 것 이였습니다. 또한 여러가지 프로그래밍 문법을 사용할 수도 없었죠. 그것을 해결해 준 것이 바로 SCSS입니다. 새로운 CSS의 등장으로 개발자들이 한층 편하게 CSS코드를 작성할 수 있게 되었습니다. CRA프로젝트를 이용하고 있는 우리는 단 하나의 모듈 설치로 좋은 SCSS를 사용할 수 있습니다.

프로젝트 폴더 내에yarn add node-sass 를 입력 하시거나, npm i node-sass 를 입력합니다.

이제, SCSS를 사용하세요.

하나의 모듈 설치로 개발이 편해졌습니다.