오늘은 SCSS가 무엇인지와 Sass와 SCSS의 차이점그리고 변수에 대해 알아보고자 한다. 우리는 css 기본 문법만으로는 복잡한 상황에서 효율적으로 처리하기 어렵다. 따라서 전처리 도구인 sass, scss가 필요하다. Sass와 scss는 중괄호의 유무 차이 빼고
@mixin 은 Sass 언어 전체에서 가장 많이 사용되는 기능 중 하나이다. 반복적인 작업을 손쉽게 할 수 있다. mixin을 선언할 때는 @mixin 지시자를 사용하며,적용시 @include 지시자를 사용한다. 위의 코드와 같이 인수 사용이 가능하다. $size의
반응형 웹을 만들기 위해서는 이러한 뷰포트 메타 테그가 필요하다. 뷰포트(viewport)란, 웹 페이지에서 사용자의 보이는 영역을 말한다. 반응형을 위한 기본이자 핵심이다. media 라는 키워드로 사용한다. 타이틀은 40px이지만, 600px보다 작은 화면에서는 2
css 속성을 통해 좀 더 편하고 쉽게 반응형을 만드는 방법을 알아보자.css 작업을 할 때 주로 픽셀(px) 단위를 사용한다. 하지만 고정 단위인 px보다 유동 단위인 %를 사용하면 좀 더 유연한 코드를 만들 수 있다. % 이외에도 유연한 값을 가지는 단위가 몇 개