CSS

css 속성 순위는 퍼포먼스 향상에 영향을 주지 않는다displaylist-stylepositionfloatclearwidth/height - 순서대로padding/marginborder/backgroundcolor/fonttext-decorationtext-align

Emotion 은 css in js 로 scss 문법을 사용하는데@emotion/styled 를 받으면 styled component 랑 똑같이 사용할 수 있다대체로 styled component 보다 속도가 아주 근소하게 빠르고 emotion 은 css props 로

next/image 에 fill 만 사용하면기존 이미지 비율을 무시하고 부모 요소에 가득 채우게 된다아래와 같이 object-contain 과 함께 사용 시 기존 이미지의 비율을 유지할 수 있다

반응형을 이렇게 구현하는게 맞나 싶지만 정해진 비율을 유지할 수 있으니 좋다

다음과 같은 경우 새로운 쌓임 맥락(stacking context)이 생성되어 fixed 요소의 기준점이 변경된다transform, perspective, filter, contain 속성이 있거나position: relative/absolute/fixed와 z-in

https://blog.toss.im/article/workflow-revolutionhttps://normallinchpin.tistory.com/8AnimatePresence는 Framer Motion에서 컴포넌트가 DOM에서 추가되거나 제거될 때