일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 코딩초보
- 리액트 네이티브
- Vue3
- CSS
- 리액트
- scss
- 코딩기초
- git
- 자바스크립트
- 코린이
- SasS
- react-router
- React Native
- http
- 깃
- 코딩공부
- 리덕스
- 타입스크립트
- 프론트엔드
- 사용하는 이유
- async
- useEffect
- 코딩독학
- 참조자료형
- JavaScript
- redux
- TypeScript
- 비동기
- react
- html기초
Archives
- Today
- Total
목록include (1)
맨 땅에 프론트엔드 개발자 되기
코딩독학) SASS(SCSS) Mixin 과 Include
SASS(SCSS) Mixin 과 Include SASS(SCSS)의 편리한 기능 중 하나인 Mixin 기능은 코드의 재사용을 가능하게 해준다. 한 번 작성된 코드로 여러 곳에 같은 코드를 적용시킬 수 있다. 예를 들어, 아래와 같이 코드를 작성해둔다면 어디에서나 이 코드를 불러와 사용할 수 있다. @mixin flex { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap; } 사용할 때는 아래와 같이 사용한다. .container{ @include flex; } 미리 정해둔 속성에서 불러올 때마다 값만 다르게 하고 싶다면 함수의 매개변수처럼 아래와 같이 mixin 을 만들 수..
코딩 공부 일지/CSS3 & SASS(SCSS)
2022. 2. 2. 16:25