scss는 ruby라는 언어를 기반으로 동작한답니다.
그래서 일단 ruby 설치가 필요해요.
다만, mac을 사용하신다면 기본으로 깔려있으니
윈도우 사용자분들만 추가로 설치해주세요.
1. 설치 파일 다운
RubyInstaller for Windows
Is RubyInstaller for you? RubyInstaller is the easiest and most widely-used Ruby environment on Windows. And Ruby is a great language for beginners as well as professionals. It’s suitable for small scripts as well as large applications. RubyInstaller com
rubyinstaller.org
① 인스톨 다운
- 일단 설치 파일을 받아볼까요? 위의 주소로 접속해주세요.
- 메인화면에서 보이는 빨간색 강렬한 [Download] 버튼을 클릭해주세요.
② 버전 체크
- 버전이 최신 것인지 확인해주세요.
- 자신의 컴퓨터와 사양이 맞는 것으로 골라주시면 됩니다.
- 기본적으로 앞에 화살표로 체크가 되는 것 같아요. 알려주는 대로 설치해봅시다.
2. 설치 파일 실행
실행
동의하고 Next
체크가 되어있는지 확인해주시고
Install을 눌러주세요.
체크가 되어있어야 어떤 경로에서도 scss를 실행할 수 있습니다.
Next
기다려줍니다.
Finish!!
이런 cmd창이 뜬다면
성공적으로 설치가 된 것입니다.
축하드립니다.
contact
:: www.instagram.com/draw_wool/
:: www.pinterest.co.kr/draw_wool/_created/
:: grafolio.naver.com/draw_wool
[같이 보면 좋은 글]
[coding/html + css] - [sass/scss] 반복 스타일 한 번에 쓰기
[sass/scss] 반복 스타일 한 번에 쓰기
css에서 스타일이 반복될 경우 한 번에 처리하는 법을 알려드릴게요. scss의 장점 중 하나죠! 1. @mixin @mixin 그룹이름{ 속성: 속성 값; } ① mixin - mixin은 반복적으로 쓰이는 스타일을 그룹화해서 사용
ssimplay.tistory.com
[coding/html + css] - [sass/scss] 변수 사용법
[sass/scss] 변수 사용법
scss의 가장 큰 장점은 css와는 달리 변수 선언이 가능하다는 점이 아닐까 싶어요. 변수만 가능해도 유지보수가 한결 수월해지죠. 1. 변수 선언 ① 변수 - 변수 선언 방법은 [$변수 명: 변수 값] 형태
ssimplay.tistory.com
그럼 이만.
총총.
'coding > html + css' 카테고리의 다른 글
| css와 scss에서 마우스 클릭 가상 클래스 선택자를 알아보자 (2) | 2021.09.28 |
|---|---|
| scss를 위해 컴파일러를 설치해보자 (0) | 2021.09.24 |
| css에서 transition을 이용해서 부드러운 전환 효과를 넣어보자! (0) | 2021.09.08 |
| [sass/scss] 반복 스타일 한 번에 쓰기 (0) | 2021.09.07 |
| [sass/scss] 변수 사용법 (2) | 2021.09.02 |
