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 | 29 | 30 |
| 31 |
Tags
- typescript react
- createGlobalStyle
- There isn’t anything to compare
- API token
- fetch
- npm styled-reset
- github io
- bootstrap
- SCSS
- github
- nextjs 설치
- next.js css
- 컨디셔널 렌더링
- icon
- styled components
- rewrites
- CSS
- react env
- nextjs .env
- git lab
- getModifierState
- Git
- API 토큰
- react typescript
- dart 변수
- ngrok실행
- ngrok설치
- input type=file
- react
- nextjs
Archives
- Today
- Total
꾸준히 성장하는 개발자
scss 본문
css 전처리 도구라고 할 수 있다

css를 사용시 이렇게 선택자의 겹치는 부분이 많은데 sass의 중첩기능을 사용하면 손쉽게 작성이 가능하다
특정 색의 기호들을 변수로 이용하게 되면
변수 하나로 통일하여 편하게 작성하고
쉽게 사용할 수 있다.


<- Sass로 작성 되어 있는것
여기에서 { , }, ; 이 추가된게 SCSS
문법이 있는데 sass는 기존 css와 호환이 잘 안되는 경우가 있어
보완해서 만들어진 scss를 나와서 편하게 사용이 가능하다
SassMeister | The Sass Playground!
SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading...
www.sassmeister.com

scss 문법을 css로 변환해서 바로 볼 수 있게 해주는 페이지
연습할때 사용하면 좋을듯
'CSS > SCSS' 카테고리의 다른 글
| SCSS 반복문 (0) | 2022.03.29 |
|---|---|
| SCSS - 재활용(Mixins) (0) | 2022.03.25 |
| SCSS 산술 연산 (0) | 2022.03.25 |
| SCSS 변수 활용 (0) | 2022.03.25 |
| SCSS 문법 (0) | 2022.01.09 |