Still growing

mixins와 @extend의 compile 결과 차이 mixins 각 속성 설정을 @include한 선택자 내에 추가한다. 단점 - 같은 설정이 @include 할 때마다 중복되어 결과물의 크기가 커진다. @extend(inheritance) @extend한 선택자들을 모아서 그룹화하고, 속성 설정을 적용한다. 단점 - 관련 없는 선택자들이 그룹화된다. https://medium.com/stories-from-the-keen/when-to-use-extends-vs-mixins-in-sass-b09d55abd53 When to use — extends vs mixins in SASS SASS provides two main ways to reuse styles — @extend and mixins — ..

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. PostCSS vs Scss ? 결론부터 PostCSS는 CSS 후처리기, Scss는 CSS 전처리기입니다. 실행되는 시점이나 방법이 다르기 때문에 한 프로젝트에 둘 다 적용할 수 있습니다. 즉, 둘 중 하나만 선택할 필요는 없으며, 필요한 경우 각 장단점에 맞게 기능을 취사선택하여 사용하면 됩니다. 동시에 사용하는 경우, Scss로 작성된 파일이 컴파일을 통해 CSS로 변환되고, 변환된 CSS는 다시 PostCSS 플러그인에 의해 최종 변환됩니다. PostCSS란? [공식 사이트] CSS Postprocessor(후처리기). JS 플러그인을 사용하여 CSS를 변환하는 도구입..