# mixin

52개의 포스트

scss

css를 쓰기 쉽게 해주는 도구 (수정, 관리에 용이)scss식 코드를 css화하는 컴파일 작업 필요 \- 앞에 언더바( \_ )가 붙은 scss파일을 'style.scss'(허브역할)에 임포트(@import) 함@mixin 으로 재사용 가능한 소스 저장@includ

2023년 1월 31일
·
0개의 댓글
·
post-thumbnail

scss 사용법, 폴더 및 용어 정리

메타언어로서, 추가 기능과 유용한 도구를 제공하기 위해 CSS의 구문을 개선하는 역할 @mixin / @include : 스타일 청크(묶음)를 쉽게 재사용할 수 있다.@extend : 여러 선택자가 스타일을 상속받도록 할 수 있다.@import / @use : 다른 스

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

믹스인(mix in)

안녕하세요 푸드테크팀 백엔드 개발자 권영호 입니다.믹스인의 정의를 표현한 글을 보면 이해하기가 쉽지 않다글의 정의는 어렵지만 간단하게 결국 멀티 인터페이스 또는 추상 클레스를 계층형으로 구현하여 메소드를 조합하는 것을 말한다.계층 추상 클레스멀티 인터페이스 결국 추상

2023년 1월 12일
·
0개의 댓글
·

Effective Python - Better Way 41

파이썬은 다중 상속을 지원하는 객체 지향 언어이지만 다중상속은 웬만해서 피하는 편이 좋다고 합니다.그러나 다중 상속을 써야하고 그로 인해 발생할 수 있는 문제를 피하고 싶다면 mix-in을 사용할 수 있습니다.mix-in클래스는 자식 클래스가 사용할 메서드 몇개만 정의

2022년 12월 29일
·
0개의 댓글
·
post-thumbnail

클래스에서 로직을 공유하는 방법 - Mixin

#클래스에서 로직을 공유하는 방법 #상속 말고 #mixin

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #027일

HTMLSCSS(변수 입력)변수는 (영문, 영문+숫자, 영문+"-", "\_"소문자)로 만든다.선언한 변수는 color : $gray; 으로 불러온다.SASS/SCSS 에서의 자식선택, 종속선택 ex) ul > li > a 는 ul{    li{    a{    }  

2022년 11월 22일
·
0개의 댓글
·

Vue Mixin vs. HOC 그리고 Composition API

Vue Mixin과 HOC, Composition API를 공부한 간략 후기

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[TIL] SCSS

SCSS 문법

2022년 9월 29일
·
0개의 댓글
·
post-thumbnail

220904 TIL

✔️ CSS LayoutMixin 에서 아직 언급하지 않은 feature 가 있다.그건 바로 @content 이다.그럼 전에 진행했던 프로젝트로 돌아가서...@mixin 을 쓰고 responsive 라고 작성해서 안에 @content 를 넣어주고 styles.scss

2022년 9월 4일
·
0개의 댓글
·
post-thumbnail

[React]Sass 재대로 못쓴거 블로깅으로 위로하기

WiselyWisely 클론 프로젝트를 하면서 Sass의 장점을 활용하지 못했다. 개인적으로는 아쉬움이 많이 남아서 간단한 예제를 통해 extend와 mixin문법을 정리해보려 한다.찍어낼게~사용법@mixin {이름} 으로 공통으로 쓸 속성들을 묶는다.@include

2022년 8월 28일
·
0개의 댓글
·
post-thumbnail

믹스인(MIXIN | TypeScript)

해당 내용은 타입스크립트 공식 사이트 번역본을 참고하여 진행한다.TypeScript 한글 문서전통적인 객체지향 계층과 함께, 재사용 가능한 컴포넌트로 부터 클래스를 빌드하는 또 다른 일반적인 방법으로, 간단한 부분클래스를 결합하여 빌드하는 것이다.Typescript와

2022년 8월 10일
·
0개의 댓글
·

[dart][language] Dart 의 Mixin 정리

오늘도 손가락에 관절염이 오도록 코딩을 짜고 있었습니다. 그러다가 문득 이런 코드를 발견 했습니다.A 클래스에서 1 번 기능을 사용해야합니다.B 클래스에서 1 번 기능을 사용해야합니다.C 클래서에서 1 번 기능을 사용해야합니다… 이 문제를 객체지향에서는 어떻게 해결하

2022년 7월 20일
·
0개의 댓글
·
post-thumbnail

mixIn

자바를 공부하면서 믹스인 인터페이스를 알게 되었다현재 까지 내가 이해한 내용은두개에 다른 동작을 하는 인터페이스가 있으면하나로 합쳐서 (다중 상속) 으로 하나의 새로운 인터페이스를만들어(인터페이스는 다중상속 제한이없어서 구현하기 용이하다)대상 타입의 주된 기능(필요한

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

[vue.js] Minin 사용방법 (event)

Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법입니다. mixin 객체는 모든 구성 요소 옵션을 포함할 수 있습니다. 컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”됩니다.\- vue 공식문서버튼

2022년 6월 2일
·
0개의 댓글
·