css 이모저모

position: absolut와 fixed의 차이로 인한 버그 현상

화면 크기에 맞게 글자 크기 조절

body {
  font-size: 10vw;
}

이렇게 하면 글자 크기를 화면 가로 길이의 10%로 설정

<div className="text-[1.6vw]">

테일윈드에선 이렇게 하면 됨
참고자료

<input type="date"> 부드러운 애니메이션 효과

<input type="date"> 요소는 브라우저가 기본적으로 제공하는 스타일을 가지기 때문에, CSS만으로는 달력 표시의 애니메이션을 조정하기 어렵다.

이런 경우 커스텀 달력 컴포넌트를 만들어 부드러운 애니메이션을 구현하는 것이 더 효과적이다.
리액트의 경우 react-datepicker 라이브러리를 사용하면 원하는 애니메이션 효과를 추가하기 더 쉽다.