# mixin

50개의 포스트

2주차 학습정리

1주차에 html/css를 배우고 간단한 클론코딩을 해보았다면 이번 2주차는 훨씬 복잡한 클론코딩을 해보았다. 시간도 정말 오래걸렸던것 같다... 이번에 클론코딩을 할때는 scss를 주로 이용하였는데 처음엔 익숙하지도 않고 헷갈렸지만 계속 사용하다보니 나중에는 css보

6일 전
·
0개의 댓글
·

용이한 mixin 소스

position 말줄임 설정 반응형 border-radius

2023년 3월 12일
·
0개의 댓글
·
post-thumbnail

코드 공유를 위한 Mixin

흔히들 상속을 하는 이유중 코드 재사용이라는 이유를 꼽곤 합니다.하지만 상속을 통해서 기능을 재사용하는 경우엔 해결하지 못하는 문제가 생기게 됩니다.오늘은 코드의 재사용을 위해서 상속말고 Mixin이란 기법을 왜 사용해야하는지를 코드로 설명하여 보겠습니다.Java(or

2023년 2월 20일
·
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개의 댓글
·
post-thumbnail

[SCSS] SCSS 문법5 - @mixin & @include

이번 포스트에서는 SCSS(SASS)의 또 다른 강력한 문법인 @Mixin과 @include(보통 둘이 합쳐 Mixins이라고 부르는 사람들도 있습니다.)에 대해서 알아보도록 하겠습니다.Mixins은 스타일시트에서 재사용이 가능한 스타일을 정의할 수 있도록 하는 문법이

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

vue3 composition api mixin

name duplication, implicit dependency

2022년 4월 18일
·
0개의 댓글
·