zooooss

css를 사용할 때에 필수로 활용해야 할 SCSS에 대하여 알아보겠습니다! - SCSS란 무엇일까? 왜 사용할까? CSS의 슈퍼셋으로 CSS에서는 불가능한 문법과 기능들을 사용할 수 있습니다! 변수, 함수, mixin, nesting 등을 사용하여 더욱 효율적으로 코드를 작성할 수 있답니다! .scss 확장자로 사용하며, 실제로 사용하기 위해서는 css파일로 컴파일을 해야합니다! 일반적인 CSS 문법과 동일하게 작성할 수 있으며, 추가적인 기능과 문법을 사용하여 더 강력한 스타일시트를 작성할 수 있습니다. - SCSS 사용법 많은 분들이 사용 중인 vscode를 통해 사용방법을 차근차근 알려드리겠습니다! 우선, Live Sass Compiler 확장자를 설치해주세요! 기존에 css파일을 생성해 코드를 작..

상대단위 rem과 em의 개념, 그리고 레이아웃 grid와 flex의 차이에 대하여 알아보겠습니다! - em과 rem em과 rem은 상대단위를 의미하는데요! 이와 반대의 개념으로는 자주 쓰이는 절대단위 픽셀값인 px가 있습니다! 상대단위 em과 rem은 기준에 따라 크기가 변화합니다! rem : 루트 엘리먼트의 font-size가 기준 em : 자신과 부모의 font-size가 기준 쉽게 설명하자면, em은 전체 html의 font-size에 상대적으로 계산되는 단위입니다! 어느 곳에서 사용되던 제일 상위로 설정된 font-size의 n배인 것입니다! 2em이면 2 * font-size를 의미하죠! 반면에, rem은 현재 rem이 쓰인 요소 안의 font-size나 부모 요소의 font-size를 따라..