inflearn logo
강의

講義

知識共有

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

@extend

질문이 있습니다.

288

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

3

1

Token 등록 방법 문의

0

5

0

6-6 실습 문의

0

21

2

섹션5 노션링크 는 따로 없나요?

0

25

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

32

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

26

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

23

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

48

2

claude plugin 방법 자세히 부탁드려요

0

40

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

40

2

최근 코테, 과제 테스트 트렌드

0

67

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

38

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

39

2

Gemini로 진행가능 여부 궁금합니다.

0

58

2

뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청

0

26

2

프롬프트 11 진행 완료

0

44

2

파트3 수급 부분

0

41

2

claude cowork에서 작업하는거와 차이는?

0

39

2

수업자료 다운로드 문의

0

83

1

브라우저별 호환성 접두어

0

281

1

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

0

382

1

강의자료 공유

0

218

0

live compiler vs 명령행 인터페이스

0

212

1

import파일명

1

272

1