inflearn logo
강의

講義

知識共有

初心者のためのサス基礎講義&グレープフルーツクローンコーディング

@extend

질문이 있습니다.

320

hg2241421017

投稿した質問数 5

0

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

클론코딩 sass HTML/CSS

回答 2

0

hg2241421017

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

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

@mixin 이름 (변수){

}

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

 

우선 답변 감사합니다.

0

uknow

안녕하세요~ 

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

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

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

감사합니다 ^_^

연애인 사주는 그냥 넣어도 상관없나요?

0

36

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

38

1

인프당 무당 캐릭터 뽑는 프롬프트

0

45

2

10월 15일 삭제예정 강의 문의

0

42

1

강의가 중복됐어요

0

55

1

결제가 이루어지는 방식에 대한 문의

0

64

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

44

1

Composition단계에서 `Layer`는 누가 만드는지

0

46

1

Strict Mode 예시 질문!

0

65

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

66

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

94

4

설명이 잘못된거같습니다.

1

79

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

67

1

bitnami 설치

0

40

0

강의 소스 코드는 어디서 볼수 있나여?

1

71

1

수업자료 다운로드 문의

0

111

1

브라우저별 호환성 접두어

0

310

1

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

0

417

1

강의자료 공유

0

241

0

live compiler vs 명령행 인터페이스

0

239

1

import파일명

1

306

1