목록반복내용 재활용처리 (1)
능히 해낼 수 있다
230126 SCSS: @mixin, @include '재활용'편
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). css의 전처리 도구인 scss. sass라고도하고 scss 라고도 하지만 문법이 살짝 다르기 때문에 구분해서 이야기해주는게 좋다 오늘은 scss문법중에 하나인 @mixin, @include 사용법에 대해 기록해 놓으려 한다. 예시 1 왼쪽은 scss 오른쪽은 css 코드인데 같은 내용을 각 문법으로 작성한 것이다. css적인 요소들을 작성할 글이기 때문에 html관련 코드는 가져오지 않았다. 각 요소들에게 center처리를 해주려면, 오른쪽 css 같은 경우는 같은 내용을 반복해야하는 번거로움이 있는 반면, 왼쪽의 scss같은경우는 위쪽에 @mixin이라는 키워드를 사용 해 center 적용 속성들을 작..
개발🌐/HTML, CSS, SCSS
2023. 1. 26. 13:32