흔히 layout css을 잡을 때 요새는 flex와 grid를 자주 사용한다. 그렇다면 이거를 SCSS 활용하여 간단하게 만들 수 있지 않을 까? 라는 생각에 만든 layout.scss다.flex-layout을 쉽게 잡는 방법을 알려주기 전에 알아야 할 두 가지 요소
보통 margin CSS 같은 경우 간격을 띄울 때 사용을 합니다.하지만 부모요소의 margin-left : -100%;를 주게 될 경우 생각지도 못한 반응이 일어나는 걸 알고 계신 가요?예를 들면 이러한 요소에 부모요소에 margin-left: -100%; 를 주게
Scss mixins는 스타일 시트에서 보통 재사용할 걸 모아놓은 그룹이라 생각하면 된다.즉 component 요소를 사용하기 적합한 방법이다.흠 개인적으로 이러한 Mixin은 필요한 상황 때 마다 만드는 법인데 인터넷 서치로도 많이 나와 있으니 다들 검색해서 알아보는