inflearn logo
강의

講義

知識共有

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

@extend

질문이 있습니다.

308

hg2241421017

投稿した質問数 5

0

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

클론코딩 sass HTML/CSS

回答 2

0

hg2241421017

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

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

@mixin 이름 (변수){

}

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

 

우선 답변 감사합니다.

0

uknow

안녕하세요~ 

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

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

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

감사합니다 ^_^

17강 강의에 목데이터 첨부파일이 없습니다.

0

6

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

10

1

11차시 Antigravity IDE 설치 후

0

14

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

9

1

5,6,7,8 내용이 없어요

0

12

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

23

1

장치 의존성과 CSR

0

30

1

순수 함수 / 순수 컴포넌트

0

21

1

css box-sizing 관련 질문

0

32

2

여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?

0

25

1

node.js 설치 (LTS버전)

0

27

1

Cursor & Antigravity 소개 및 설치

0

31

2

뉴스페이퍼 테마 관련

0

35

1

지우지 말아야할걸 지운상태로 저장해버렸어요....

0

33

1

24번 수업에 나온 창은 무슨 프로그램인가요

0

34

1

Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지

0

31

1

리덕스 툴킷 맵다

0

33

1

span 태그에 여백이 들어간 것 같은데 왜 그런건가요?

1

55

5

수업자료 다운로드 문의

0

102

1

브라우저별 호환성 접두어

0

300

1

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

0

403

1

강의자료 공유

0

233

0

live compiler vs 명령행 인터페이스

0

226

1

import파일명

1

290

1