[TIL] 230911

Tailwind

반응형 디자인

작은 화면에서 보여줄 것을 기본으로 설정하고 sm:hidden 이런식으로 설정하고 큰 화면에서 보여줄 것을 hidden sm:block이렇게 지정하면 모바일과 큰 해상도에서 다른 디자인을 보여줄 수 있다.

TypeScript

타입 선언시 ?

interface PropType {
  options?: EmblaOptionsType;
  slides: ReactNode[];
  slideWidth: string;
  slideHeight: string;
  buttonPosition: string;
  isSlideLength: boolean;
  buttonPositionStyleL?: string;
  buttonPositionStyleR?: string;
}

위의 변수 뒤에 ?를 붙일경우 props를 무조건 내리지 않아도 된다.