[SCSS] npm scss 적용하기

안녕하세요.

디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는 npm으로 scss를 설치하여 사용하는 방법에 대해 다뤄보겠습니다.

 

  npm scss 설치하는 방법

$ npm install -g node-sass

$ node-sass --watch scss/manager_index.scss css/manager_index.css

• --watch를 넣어야 scss파일 작성시 css파일에 반영이 됩니다.
• scss파일과 css파일을 미리 만들어주고 터미널에 입력해 주세요.

 

 

간략하세 npm으로 scss를 설치하는 방법을 적어놨는데요.

조금 더 scss 사용에 대해 개념을 잡고 싶거나, 상세한 설명을 원하신다면 아래 링크에 들어가서 확인해 주세요.

html에 적용된 모습을 보시면 리액트나 뷰에서도 어떻게 사용하면 될지 감이 오실 거예요.

그리고 링크에 들어가보시면 scss 적용된 모습과, 사용된 명령어 풀이에 대해 확인하실 수 있습니다 :)

[SCSS] HTML에 SCSS 적용하는 법 / how to apply css to html