scss의 준비단계
컴파일러를 설치해봅시다!!
하드가 날아가니
다시 설치해야 하는 게 한두 개가 아니네요.
그래도 그 김에 하나라도 더 소개해드릴 수 있어서 잘됐죠?
1. 명령 프롬프트
① 검색
- 시작 줄에서 [cmd]를 검색해 명령 프롬프트를 열어주세요.
- 단축키 [window + S]를 누르면 검색창이 바로 뜬답니다.
② 명령 프롬프트
- 이 까만 화면이 명령 프롬프트입니다.
- scss를 사용하려면 미리 친해져 봅시다.
2. 컴파일러 설치
① 명령어 입력
- 설치 방법은 명령어만 알면 간단합니다.
- [gem install sass]를 입력해주세요.
- 오타가 업나 살펴보고 [엔터]키를 눌러주세요.
② 성공적인 설치
- 엄청 길게 뭔가가 써지고 설치가 됩니다.
- 설치가 잘 된다면 표시된 것처럼 다시 처음의 경로로 나오게 됩니다. 저는 맨 윗줄과 같이 c드라이브 쪽으로 나왔죠?
- 여기까지 오셨다면 이제 scss를 사용하실 준비가 되셨습니다. 축하드립니다.
3. 오류 발생 시
① 아래 세 줄을 순서대로 입력
- [gem sources -r https://rubygems.org]
- [gem sources -a https://rubygems.org]]
- [gem install sass]
contact
:: www.instagram.com/draw_wool/
:: www.pinterest.co.kr/draw_wool/_created/
:: grafolio.naver.com/draw_wool
[같이 보면 좋은 글]
[coding/html + css] - [sass/scss] 자동 컴파일하기
[coding/html + css] - [sass/scss] 반복 스타일 한 번에 쓰기
그럼 이만.
총총.
'coding > html + css' 카테고리의 다른 글
html에서 jQuery를 불러와보자 (2) | 2021.09.29 |
---|---|
css와 scss에서 마우스 클릭 가상 클래스 선택자를 알아보자 (2) | 2021.09.28 |
Ruby 언어 설치하고 scss 시작하기 (0) | 2021.09.23 |
css에서 transition을 이용해서 부드러운 전환 효과를 넣어보자! (0) | 2021.09.08 |
[sass/scss] 반복 스타일 한 번에 쓰기 (0) | 2021.09.07 |