Development/SCSS

[SCSS] 주석 처리 방법

Rosie, Lee 2021. 11. 3. 15:46

codepen은 간단한 코딩 하기에 용이합니다.

codepen을 통해 직접 작성해보겠습니다.

https://codepen.io/

 

CodePen

An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.

codepen.io

 

먼저, CSS탭에서 설정 버튼을 클릭한 후 SCSS로 설정해줍니다.

 

SCSS에서는 두 가지의 주석 처리 방법이 있습니다.

1. /**/

2. //

1번과 같은 경우에는 컴파일(변환)해도 css코드로 남아있고, 2번과 같은 경우에는 컴파일(변환)하면 css로 들어가지 않습니다.

변환 후에도 주석이 남아있어야한다면, 1번으로 그 외는 2번으로 작성하시면 됩니다.

 

아래 코드를 참고해주세요.

반응형