https://thebook.io/080203/0297/
<리액트 다루는 기술 9장>
$ yarn add open-color include-media를 실행하고 물결표시로 라이브러리를 불러왔다.
그리고 scss파일을 수정했는데 다음과 같은 에러를 만났다.
이와 관련된 stackoverflow(참고:https://stackoverflow.com/questions/67195466/sasserror-invalid-css-expected-expression-e-g-1px-bold)를 보니 node-sass에서 에러가 발생하니까
sass를 설치하라고 했다.
그래서 기존에 설치된 node-sass를 npm uninstall node-sass를 하고, npm install sass를 하니 잘 실행되었다.
❗node-sass와 sass의 차이가 궁금해졌다.
node sass
node환경에서 sass는 css로 변환해주는 스타일 전처리 언어
c/c++로 되어있어 빌드속도가 빠르다.
그러다 스택오버플로우(참고:
https://stackoverflow.com/questions/67389705/what-is-the-d%C4%B1fference-between-npm-node-sass-and-npm-sass)를 보았다.
- 인기도 차이 2.성능차이가 있다. 그리고 node-sass는 더이상 지원되지 않는다?고 되어있다.
node-sass와 sass에서 제공하는 기능이 다르기때문에 기능에 따라 선택해서 사용해야 될 것이다.
