일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
Tags
- useEffect
- http
- 자바스크립트
- 참조자료형
- git
- 리덕스
- TypeScript
- react-router
- Vue3
- 코린이
- 깃
- JavaScript
- React Native
- 사용하는 이유
- 비동기
- 코딩기초
- 코딩초보
- scss
- 리액트 네이티브
- redux
- 프론트엔드
- html기초
- CSS
- 리액트
- react
- SasS
- async
- 코딩독학
- 타입스크립트
- 코딩공부
Archives
- Today
- Total
목록live sass complier (1)
맨 땅에 프론트엔드 개발자 되기
코딩독학) 간단한 SASS(SCSS) 사용 방법 - Live Sass Complier
간단한 SASS(SCSS) 사용 방법 - Live Sass Complier SASS(SCSS)는 CSS 전처리기(Pre-processor)로 CSS의 사용을 더 편리하게 도와주는 도구다. 웹 브라우저는 자체적으로 SASS를 해석하지 못 하기 때문에 컴파일을 통해 SASS 파일에 작성된 SASS 문법을 CSS 문법으로 작성된 CSS 파일로 변환시켜주는 작업이 필요하다. node.js 환경에서 작동되는 컴파일러를 실행할 수도 있지만 실제 사용환경이나 최신 기술을 고려하지 않고 단순히 만든 SASS 작업의 결과를 가시적으로 확인하고 싶을 땐 VS Code의 Extension 기능인 Live Sass Complier 를 사용할 수 있다. Live Sass Complier 를 설치하고 나면 우측 하단에 Watch..
코딩 공부 일지/CSS3 & SASS(SCSS)
2022. 2. 2. 15:36