juni

한 컴포넌트 내에서 같은 테이블을 참조하지만 불러오는 데이터의 양이 다르면서 불일치 발생 const { data: reservationsData, error, isPending } = useQuery & { users: { id: string }; posts: { id: string; user_id: string | null; title: string; image: string | null; price: number | null; startDate: string | null; endDate: string | null; }; })[] >({ queryKey: [..

flex-shrink-0: 이 속성은 flex 요소가 축소되지 않도록 방지하여, 부모 요소의 크기에 따라 이미지가 축소되는 문제를 방지합니다.object-cover: 이미지를 크기에 맞게 채우도록 합니다. 이 속성을 통해 이미지의 비율을 유지하면서 지정된 크기 안에 맞출 수 있습니다.