대화형 셸 Interactive Shell은 SassScript를 아주 쉽게 실험해보고 결과를 확인해 볼 수 있는 작은 실험실입니다. 원문

SassScript 표현식을 스타일시트에서 작성하기 전에 대화형 셸을 이용하여 헷갈리는 데이터 유형이나, 애매하고 복잡한 변수, 함수 연산의 결과를 미리 확인하면 표현식의 결과를 명확히 할 수 있습니다. 또한, Sass 파일을 생성하지 않고 SassScript 표현식을 직접 작성하고 결과를 바로 얻을 수 있으므로 문법을 배우는 단계에서 실습하기에 좋습니다.


대화형 셸 사용법
  1. 맥의 ‘터미널’이나 윈도우의 ‘명령 프롬프트’ 등 운영체제가 제공하는 기본 커맨드라인 인터페이스나, IDE가 내장한 커맨드라인 인터페이스를 엽니다.
  2. sass -i를 입력한 후 enter 혹은 return을 누릅니다.1
  3. >>가 표시되며 대화형 셸이 열렸습니다!!
  4. 실험할 SassScript 표현식을 입력한 후 enter 혹은 return을 누릅니다.
  5. 셸이 결과를 보여줍니다.
  6. 다음 줄에 >>가 표시되며 셸이 또 다른 입력을 기다립니다.
  7. 계속 대화하듯이 SassScript 표현식을 시험해보세요 :)

대화형 셸 사용 예시

1
2
3
4
5
6
7
8
9
10
$ sass -i
>> 'Hello, Sassy World!'
"Hello, Sassy World!"
>> 10px + 5px / 2
12.5px
>> 10, 20 30
(10, (20 30))
>> random(100)
82
>>
  1. 대화형 셸을 사용하기 위해서는 Sass가 컴퓨터에 설치되어 있어야 합니다. 이 글을 읽는 사용자자 대부분이 이미 설치를 마치고 Sass를 사용하고 있을 테지만, 혹시 설치를 안 했다면 Sass 설치하기를 읽고 설치부터 차근히 시작해보세요.