DEVLOG

보통 CSS 작업을 할때 px가 제일 친숙하고 다 px로 때려박고싶지만! 굉장히 다양하고 작업을 편리하게 만들 수 있는 다양한 단위들이 있기에 다른 단위들을 활용하는 법을 알아야 한다. ㅠ,ㅠ (em이나 rem말고도 %, vh, vw, vmin, ch, ex등등 다양하지만 IE놈에서 지원되지 않는 것들도 있다고 한다.) IE망할놈.. 더 공부할게 적어서 좋은건가..? 암튼 그렇다면 em과 rem에 대해서 정리해보자! em/rem이 뭔데? :기준이 되는 값을 지정된 배수로 변환해 표현한 크기를 의미 em/rem을 왜 사용해야하는데? px는 절대값으로 사용되는 단위이므로 만약 폰트사이즈 수정이 들어왔을 경우 px라면 일일이 찾아서 수정해야하지만 rem/em을 사용했다면 기준이 되는 폰트만 수정해주면 끝이다!..

SASS? SASS는 CSS Pre-processor로서 CSS의 단점을 보완하여 보다 가독성이 높고 코드의 재사용성에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. SCSS? SASS 세번째 버전에서 추가되었는데 SASS의 모든 기능을 지원하면서 CSS구문과 완전히 호환되도록 만들어졌다. SASS vs SCSS // SASS .wrapper width: 100px height: 200px .content color: white float: left // SCSS .wrapper{ width: 100px; height: 200px; .content{ color: white; float: left; } } 가장 큰 차이는 중괄호{}와, 세미콜론;의 유무차이로, SCSS구문이 훨씬 익..