<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">@MIXIN과 @EXTEND의 유령클래스와 차이가 별로 없는거 같은데 만약 차이가 있다면 어떤것이 있을까요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">@EXTEND를 쓰면 CONTENT를 안써도 되서 더 편할것 같은데 아닌가요?</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>

<p>저도 찾아보니까 큰 차이점이</p>
<p>@mixin은 변수 넣는게 가능하고</p>
<p>@mixin 이름 (<span style="color: #e03e2d;"><strong>변수</strong></span>){</p>
<p>}</p>
<p>@extend는 변수 넣는게 안되서 재사용율이 떨어진다고 하더라구요.</p>
<p>&nbsp;</p>
<p>우선 답변 감사합니다.</p>

<p>안녕하세요~&nbsp;</p>
<p>Sass를 처음 사용해 보았을 당시의 저도 학습자님과 같은 궁금증을 가졌었습니다.</p>
<p>실제로 둘은 별로 차이가 없습니다. 다만 @mixin은 각 스타일 선언에 똑같은 스타일 규칙을 반영하고, @extend는 다수의 콤마로 연결된 선택자를 형성하여 하나의 스타일 규칙을 반영한다는 차이가 있을 뿐입니다.&nbsp;</p>
<p>어떤 자료를 보니, @extend를 사용하는 경우 컴파일 완료된 CSS 문서의 가독성이 떨어져 관리하기 불편해질 수 있으니 @extend를 너무 많이 사용하지 않을 것을 권장하는 경우가 있더라고요. 그 정도만 참고하시면 될 것 같습니다.&nbsp;</p>
<p>감사합니다 ^_^</p>

인프런 커뮤니티 질문&답변

질문이 있습니다.