# mixin

17개의 포스트

[React] mixin

#React #Scss #mixin

3일 전
·
0개의 댓글

[TIL.02 wetube] 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개의 댓글