inflearn logo
강의

Course

Instructor

Sass Basics for Beginners & Grapefruit Talk Clone Coding

@extend

질문이 있습니다.

302

hg2241421017

5 asked

0

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

클론코딩 sass HTML/CSS

Answer 2

0

hg2241421017

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

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

@mixin 이름 (변수){

}

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

 

우선 답변 감사합니다.

0

uknow

안녕하세요~ 

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

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

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

감사합니다 ^_^

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

74

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

60

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

65

3

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

변수 설정 시에 질문입니다.

0

38

2

설치 및 설정 가이드 노션 자료는 없나요 ?

0

43

2

counter01.html은 어디있을까요?

1

29

1

수업자료 문의

0

38

2

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

0

57

2

최종 코드

0

60

2

Open AI 결제

0

74

2

figma 파일을 받을 수가 없어요

0

64

1

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

0

65

1

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

0

61

2

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

0

118

1

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

0

69

2

수업자료 다운로드 문의

0

97

1

브라우저별 호환성 접두어

0

293

1

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

0

399

1

강의자료 공유

0

230

0

live compiler vs 명령행 인터페이스

0

219

1

import파일명

1

286

1