inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

초보자를 위한 Sass 기초 강의 & 자몽톡 클론코딩

@extend

질문이 있습니다.

295

김현준

작성한 질문수 5

0

@MIXIN과 @EXTEND의 유령클래스와 차이가 별로 없는거 같은데 만약 차이가 있다면 어떤것이 있을까요?
 
@EXTEND를 쓰면 CONTENT를 안써도 되서 더 편할것 같은데 아닌가요?
 

클론코딩 sass HTML/CSS

답변 2

0

김현준

저도 찾아보니까 큰 차이점이

@mixin은 변수 넣는게 가능하고

@mixin 이름 (변수){

}

@extend는 변수 넣는게 안되서 재사용율이 떨어진다고 하더라구요.

 

우선 답변 감사합니다.

0

유노코딩

안녕하세요~ 

Sass를 처음 사용해 보았을 당시의 저도 학습자님과 같은 궁금증을 가졌었습니다.

실제로 둘은 별로 차이가 없습니다. 다만 @mixin은 각 스타일 선언에 똑같은 스타일 규칙을 반영하고, @extend는 다수의 콤마로 연결된 선택자를 형성하여 하나의 스타일 규칙을 반영한다는 차이가 있을 뿐입니다. 

어떤 자료를 보니, @extend를 사용하는 경우 컴파일 완료된 CSS 문서의 가독성이 떨어져 관리하기 불편해질 수 있으니 @extend를 너무 많이 사용하지 않을 것을 권장하는 경우가 있더라고요. 그 정도만 참고하시면 될 것 같습니다. 

감사합니다 ^_^

part3. spy 쪽 / part3,part4 강의자료

0

26

2

최종 코드

0

34

2

Open AI 결제

0

34

2

figma 파일을 받을 수가 없어요

0

43

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

33

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

41

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

46

1

구글 서치콘솔 도메인 소유권 확인 실패

0

32

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

55

1

다음 강의 얼른 올려주세요

0

40

2

일반 강의와 차이점?

1

37

1

중요하진 않지만 설명하신부분에서 안된부분..

0

30

0

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

63

2

stopPropagation()에 대해서 질문 있습니다.

0

48

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

노션에 20.Contact가 없어요

0

47

2

검색엔진 차단 noindex

0

50

2

파트9 강의는 언제 오픈하시나요

0

51

2

수업자료 다운로드 문의

0

87

1

브라우저별 호환성 접두어

0

287

1

scss 파일 컴파일 후 에밋이 동작하지 않아요

0

385

1

강의자료 공유

0

221

0

live compiler vs 명령행 인터페이스

0

213

1

import파일명

1

275

1