[Style] 용어 및 개념 정리

tailwindcss : 가독성 떨어짐, 간단함, 자료가 많음

styled-components : 가독성이 좋으나, 자료가 부족, css와 비슷

 

반응형

 

dimmed처리: 새로운 창이 떴을 때 이전 화면 어둡게, 

스켈레톤 코딩

아이템이 로드되기 전 나타나는 애니메이션 만드는 방식

https://seons-dev.tistory.com/entry/Skeleton-Loading-JS

 

연산자(Operators)

/* CSS */
.container {
  display: flex;
}

article[role="main"] {
  width: 62.5%;
}

aside[role="complementary"] {
  width: 31.25%;
  margin-left: auto;
}

/* SCSS */
@use "sass:math";

.container {
  display: flex;
}

article[role="main"] {
  width: math.div(600px, 960px) * 100%;
}

aside[role="complementary"] {
  width: math.div(300px, 960px) * 100%;
  margin-left: auto;
}