JAY⌨️CODE

1️⃣ @mixin 🌟 Sass에서 @mixin을 사용하면 스타일시트 전체에서 재사용할 수 있는 스타일 그룹을 정의할 수 있다. @mixin지시문을 통해 mixin을 생성하고 필요한 경우 @include기능을 통해 불러와서 값을 넣어 재사용하는 방식. @mixin을 더 유연하게 사용하기 위해서 Arguments 값을 전달할 수도 있다. ( $key : value ) 형태로 작성하면 arguments가 공란일 때 기본값도 설정할 수 있다. (기본 값은 생략 가능) 자동화 되어있는 _mixin.scss 그대로 가져와서 사용해 보는 것을 추천. 실제 현업에서도 _mixin은 새로 작성해서 사용하지 않고 고정되어 있는 경우가 많다. ⚠️ 반복하는 모든 코드를 하나의 @mixin에 몰아넣어서 사용하는 건 권장하..

1️⃣ Sass 란? Sass는 CSS로 컴파일되는 스타일 시트 확장 언어이며 CSS 전처리기 브라우저가 Sass파일을 직접 읽지 못하기 때문에 Sass를 기반으로 개발한 후, 일반 CSS로 컴파일! 컴파일 하는 방법으로는 터미널을 이용하는 방법과, VS Code의 익스텐션을 사용하는 방법이 있다. Sass와 Scss가 있는데 일반적으로 CSS와 동일하게 중괄호를 사용하는 Scss를 사용. 본 포스팅은 Scss문법을 기준으로 작성되어 있습니다. :) //SCSS 형식 {} css와 동일하게 중괄호를 사용하기 때문에 권장됩니다. $font-stack: Helvetica, sans-serif; $primary-color : #333; body { font: 100% $font-stack color: $pri..