scss
-
[TIL] Today I Learned : React sass - @mixin프론트엔드 개발자가 될거야./react 2022. 7. 5. 17:44
css.. 웹이 발전하면서 css 또한 유지보수하기 힘들어졌다. javascript를 위해 React가 나온 것 처럼 css를 위해서는 Sass가 나왔다고 생각하면 쉽다. 실제로는 React의 라이브러리 중에 하나다. sass로 작성하면 알아서 css로 변환되어 나타난다. sass에는 Nesting, mixin, 변수 활용, & 연산자 등 여러 유용한 기능이 있지만 그 중 가장 헷갈렸던 mixin에 대해 포스팅 해보려고 한다. @mixin 자주 사용하는 요소들은 @mixin으로 묶어줄 수 있다. 예를 들어 display: flex; align-items: center; justify-content: center; 이 세 개는 가운데 정렬을 해주기 위해 자주 쓰니 묶어서 @mixin으로 불러오면 코드가 한..