# mixin

19개의 포스트

Nuxt에서 SASS/SCSS 사용 하기

Nuxt에서 SASS/SCSS 사용 하기 Sass는 신텍스 어섬 스타일 시트의 약자로 CSS작성시 여러가지 개발 편의성을 제공 한다.(변수 이용, 계산식 사용 가능 등) 만약 nuxt프로젝트에 이를 도입 하고 싶다면 어떻게 하면 되는지 알아보자.

2021년 9월 4일
·
0개의 댓글

Rails Mixin: ActiveRecord::Concern

어떤 모듈을 include 하거나 extend하는 것을 믹스인 이라고 했다. 믹스인은 다른 클래스에 추가하는 코드의 세트 이고, 모듈은 메서드와 상수의 모음이다.dry한 코드를 만들때 보통 공통 로직을 모듈로 빼고, 필요한 클래스에서 그 모듈을 포함시켜 사용한다. 모듈

2021년 7월 24일
·
0개의 댓글

Mixin iN RUBY

Mixin이란? 간단히 말하자면 특정 코드를 다른 클래스에 포함 시킬 수 있도록 하는 개념이다. 믹스인은 상속과는 달리 엄격한 단일 상속관계를 만들지 않고, 원하는 기능만 하위로 전달할 수 있다. (개념상)하위 클래스는 믹스인한 부모 모듈의 모든 기능을 사용할 수있지

2021년 6월 26일
·
0개의 댓글

[wetube.02] 4.0 to 5.10

app.use -> "/users" 로 시작하는 url 에 접근하면 userRouter에 있는 컨트롤러를 찾게한다. -> userRouter에는 "/edit" 루트 한 가지 밖에 없다. -> handleEditUser 함수 실행 코드를 깔끔하게 작성하기 위해 Route

2021년 5월 28일
·
0개의 댓글

styled component에 mixin 사용하기

Sass에서 가장 유용한 기능 중에 하나는 @mixin 과 @import을 통해 변수화된 스타일링 속성을 재사용임styled-component 공식 문서에는 의외로 이에 대한 구체적인 설명이 없었음themeProvider로 전역 변수로 사용되는 theme 내부에 자주

2021년 5월 6일
·
0개의 댓글
post-thumbnail

SCSS 재활용

SCSS에서는 @mixin를 활용하여 특정한 이름에 내용을 저장하고 @include 키워드로 해당 내용을 재활용할 수 있습니다.

2021년 4월 15일
·
0개의 댓글

다중 상속이 가능한 클래스 코드 조각 Mixin(믹스인)

@ 제가 핵심이라고 생각하는 부분만을 다시 정리했습니다.@ 자세한 내용은 moggy.log에 정리가 굉장히 잘되어있습니다. 👍기존에 하나의 클래스는 하나의 부모 클래스만존재하는 불편함에서부터 Mixin은 시작되었습니다.예를 들어 코끼리와 참새가 있습니다.코끼리와 참새

2021년 2월 21일
·
0개의 댓글

믹스인 Mixin

자바스크립트는 단일상속만 허용하는 언어객체엔 단 하나의 \[Prototype]만 있을 수 있고, 클래스는 클래스 하나만 상속받을 수 있음믹스인은 다른 클래스를 상속받을 필요없이 이들 클래스에 구현되어있는 메서드를 담고 있는 클래스믹스인은 다른 클래스에 행동을 더해주는

2021년 1월 30일
·
0개의 댓글
post-thumbnail

Team Project_Market kurly_(code)

기억하고 싶은 코드!!추후 수정예정 입니다 ><

2020년 12월 27일
·
1개의 댓글
post-thumbnail

Mixin으로 장고 개발 속도 높이기

장고를 개발하다보면 여러 모델들의 필드가 반복해서 사용되는 경우가 잦다. 이것들을 추상화할 수 있을까? 좀 더 나아가서, 사실 이것들이 모델의 본질이 아닐까? 이 과정을 통해 좀 더 빠르게 코드를 작성하고 유지보수를 용이하게 하자.

2020년 12월 16일
·
0개의 댓글

2020.12.01 TIL ( Sass )

다음 것들은 공식 문서에서 읽은 sass 의 기능들을 정리해둔 것입니다. 하지만 오늘 보고 몇 가지 기능만을 정리 해둔 것이기에, 내용이 부실하니 지금 보고 계시다면 참고만 해주세요! 아직 풀리지 않은 궁금증들은 맨 아래에 적어뒀습니다.Preprocessing ?Var

2020년 12월 1일
·
0개의 댓글
post-thumbnail

[React] Styled-Components 이해하기

이번 시간에는 styled-components에 대해서 파헤쳐보자!styled-components을 해석해보면...꾸며진(스타일이 입혀진) 컴포넌트 라는 뜻이다.프론트단에서 스타일이란 무엇인가? 바로 CSS 이다.그렇다... 리액트 스크립트 파일 안에서 CSS로 컴포넌

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

TIL 37 day sass mixin 변수 활용

이번에 sass에 대한 feedback이 많았는데 그 중에 처음 사용하는데 애먹었떤 것 중 하나가 변수를 활용한 mixin이다. 다음에 써먹기 위해 잠깐 정리를 해보려고 한다. 처음 mixin을 배웠던 방식이다. mixin에 변수 활용을 하지 않았기 때문에 다른 속성값

2020년 10월 25일
·
0개의 댓글
post-thumbnail

[SCSS] @mixin @include

SCSS 에서 변수를 만들고 사용해보자 .꿀팁

2020년 8월 8일
·
0개의 댓글

#TIL wecode Bootcamp Day 22(프로젝트 전 개념 정리🤗 )

#TIL wecode Bootcamp Day 22(프로젝트 전 개념 정리🤗 )

2020년 6월 20일
·
0개의 댓글
post-thumbnail

TSL : 2020-04-29

오늘은 scss를 이용해 반응형 웹을 만들기 위해 mixin을 배웠다.

2020년 4월 29일
·
0개의 댓글
post-thumbnail

Vue.js Mixin: 기능 캡슐화하기

Vue.js의 Mixin을 이용해서 좀 더 멋진 코드를 만드는 방법을 알아 봅시다!

2020년 4월 23일
·
6개의 댓글

Scss - mixin basics

@mixin으로 선언하고 @include로 불러온다. 일반적으로 @extend 대신 mixin을 사용하는 것을 권장한다(https://sass-guidelin.es/ko/#extend) examples (from https://poiemaweb.com/sass-css-extention)

2020년 2월 8일
·
0개의 댓글

Prototype과 Mixin 함수를 통한 코드 재사용

코드에 정답은 없다고 하지만 중복되는 코드만큼은 효율성, 메모리 ..등 여러가지 면에서 피하는 게 좋다. 중복을 줄이고 해당 코드를 재사용하는 대표적인 방안으로 생성자 프로토타입(prototype)상속과 믹스 인 (Mix in) 함수가 있다. 1. 프로토타입 상속 — 선천적 능력 1_gi3yByZgD4tBEx6RpwI5vg.png 용어가 뒤섞여 사용될 ...

2019년 11월 28일
·
0개의 댓글