반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 국비코딩
- 이안의평일코딩
- Oracle
- 정보처리기사실기
- 자스코테
- php
- 정보처리기사정리
- react
- Java의정석
- ReactNative
- VUE
- 자바스크립트 코딩테스트
- 스프링
- 자바의정석
- 정보처리기사실기정리
- 리액트네이티브
- spring
- 리액트
- javascript
- 타입스크립트
- 정보처리기사실기요약
- 평일코딩
- 자바스크립트
- 정보처리기사요약
- 정보처리기사
- typescript
- CSS
- 코딩테스트
- 국비IT
- 오라클
Archives
- Today
- Total
목록SCSS (2)
이안의 평일코딩

sass/scss 파일을 install한 뒤 실행시켰더니 위와 같은 오류가 발생하였다. 해결방법 5.0.0파일을 언인스톨하고 다시 4.x.x버젼으로 인스톨해주면 된다. npm uninstall node-sass npm install node-sass@4.14.1
Error
2021. 1. 25. 09:49

SASS란? CSS를 프로그래밍 언어스럽게 작성가능한 Preprocessor로 CSS에서 변수, 연산자, 함수, extend, import 등을 사용가능하게끔 해준다. 브라우저는 SASS문법을 모르기 때문에 SASS로 작성한 파일을 다시 CSS로 컴파일해야하는데 node-sass를 설치하면 알아서 해준다. node-sass 설치 설치는 npm install node-sass 또는 yarn이 있을 때 yarn add node-sass을 터미널에 치면된다. 그리고 SASS문법을 쓰고싶다면 .CSS 파일이 아닌 .SCSS로 만들면 된다. 그리고 import './파일명.scss'으로 불러온다. SASS 문법 1. 변수에 데이터를 저장 $변수명 : 변수에 넣을 값 Detail.scss $메인칼라 : #ff000..
Front-end/CSS & SASS
2021. 1. 1. 20:51