2. 주석

SCSS 주석을 표현할 때는 // 또는 /* */로 표현할 수 있다. 두 가지 방법이 있지만 차이점이 있다.

1. //

/* SCSS */
.container {
  h1 {
    //color: red;
  }
}

/* CSS */
.container {
  h1 {
    
  }
}

• // 주석을 사용할 경우 SCSS에서는 정상적으로 주석처리가 되어 나타나지만 SCSS를 CSS로 변환하면 주석 부분이 사라지게된다.

2. /* */

/* SCSS */
.container {
  h1 {
    /*color: red;*/
  }
}

/* CSS */
.container {
  h1 {
    /*color: red;*/
  }
}

• /* */ 주석을 사용하면 // 주석과 달리 CSS로 변환되어도 주석 부분이 사라지지 않는다.