[SASS] 설치하기

원래 웹 하나를 혼자 만들겠다는 목표를 가지고 풀스택을 공부하다가.

요즘 프론트앤드에 조금 더 흥미가 가기 시작했다.

물론 저 목표는 유효하나 프론트 앤드쪽을 깊게 파보고 싶은 마음에 알아보다가

SASS는 필수라기에 공부를 시작해본다 :)

 

인터넷에 충분히 잘 설명되어있지만 이상하게도 나는... 인터넷 강의든 글이든..(물론 개발할땐 참고하지만)

공부가 불가능하니 또 책을 주문했다😂

 

우선 SASS는 컴파일러 없이 사용할 수 없기때문에 컴파일 과정을 거쳐야한다.

SASS의 설치는 간단하다.

SASS를 PC에 설치 하는 방법은 '어플리케이션 방식'과 커맨드라인'방식이 있다.

 

커맨드 라인방식은 직접해보진 않았지만 메모는 해놓겠다.

@커맨드 라인 방식

1. 맥과 리눅스를 루비라는 프로그래밍 언어가 설치가 되어 있으나 윈도우는 없으니 별도로 설치 하여야한다.

2. 명령 프롬프트(cmd)에 gem install sass 입력

3. 컴파일을 원할 경우 해당 파일 위치에서 우측 마우스 클릭 > 여기서 명령창 열기 후

   sass --watch scss/파일명.scss:css/파일명.css

...끝...

 

 

@어플리케이션 방식

내가 사용한 프로그램은 Koala라는 어플리케션이다.

http://koala-app.com/ 해당 링크에서 다운 설치하면 끝.

 

 

+) SASS 파일 컴파일시 에러가 나는 경우

1. 주석에 한글이 있는 경우 ( 일어, 중국어 동일 )

2. 잘못된 변수 설정

3. 잘못된 Output 경로

 

이 세가지라고 한다 :) 

이제 본격적으로 SASS ( SCSS )를 시작해보자!!