[SASS - SCSS] 2-2. 주석 내용정리

2. 주석

SASS 주석은 두 종류가 있습니다. 블록 주석과 인라인 주석이 있는데 아래와 같이 정리해봤습니다.

 

1. 블록 주석

/* comment */ 

-> 기존 CSS와 동일, 컴파일 되었을 때, CSS파일에 표기

1번 블럭 주석의 경우는 CSS로 컴파일을 하게 되면 출력이 됩니다. 단 압축 Compressed의 경우에는 /*! comment */ 이런식으로 ! 느낌표를 앞에 추가를 해줘야 주석이 정상적으로 표기가 됩니다. 중첩nested, 확장expanded, 축약compact의 경우 ! 느낌표없이도 주석이 모두 출력이 됩니다.

 

2. 인라인 주석

// comment

-> 컴파일 되었을 때 표기 안됨, SASS에서만 주석 표기

 

하지만 2번 인라인 주석의 경우에는 CSS로 출력을 해도 나오지 않기 때문에 SASS 파일로 유지보수를 할 경우에는 해당 속성이 무슨 내용인지 바로 파악되기 때문에 용이합니다.