목록Scss (2)
능히 해낼 수 있다
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). CSS 전처리도구인 SCSS. 지난번 재활용편에 이어 두번째 SCSS관련 글을 기록하고자 한다. 230126 SCSS: @mixin, @include '재활용'편 ✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). css의 전처리 도구인 scss. sass라고도하고 scss 라고도 하지만 문법이 살짝 다르기 때문에 구 ronieo.com css 관련 기능에는 for문을 사용한다고 전혀 생각하지 못했다. for문은 화면을 꾸미는 것엔 사용하지 못한다고 생각했기 때문이다. 이것이... 지식의 범위와 시선이 좁으면 만나는 한계인듯 싶다. for문의 구성 방식은 f..
✍️✍️✍️ 위 글은 작성자의 지식습득에 따라 추후 퇴고 될 수 있음을 알려드립니다(피드백 환영). css의 전처리 도구인 scss. sass라고도하고 scss 라고도 하지만 문법이 살짝 다르기 때문에 구분해서 이야기해주는게 좋다 오늘은 scss문법중에 하나인 @mixin, @include 사용법에 대해 기록해 놓으려 한다. 예시 1 왼쪽은 scss 오른쪽은 css 코드인데 같은 내용을 각 문법으로 작성한 것이다. css적인 요소들을 작성할 글이기 때문에 html관련 코드는 가져오지 않았다. 각 요소들에게 center처리를 해주려면, 오른쪽 css 같은 경우는 같은 내용을 반복해야하는 번거로움이 있는 반면, 왼쪽의 scss같은경우는 위쪽에 @mixin이라는 키워드를 사용 해 center 적용 속성들을 작..