이미지 스켈레톤 이미지 삽입 (#54)

klmhyeonwoo · Nov 7, 2023 · ab40a23 · ab40a23
1 parent 021bca6
commit ab40a23
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/components/common/component/component.tsx b/src/components/common/component/component.tsx
@@ -1560,6 +1560,8 @@ export function Modal() {
                 alt="모달 이미지"
                 width={0}
                 height={0}
+                priority
+                blurDataURL="data:image/gif;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8UA8AAiUBUcc3qzwAAAAASUVORK5CYII="
                 css={css`
                   width: 10rem;
                   height: 10rem;
@@ -1572,6 +1574,8 @@ export function Modal() {
                 alt="모달 이미지"
                 width={0}
                 height={0}
+                priority
+                blurDataURL="data:image/gif;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8UA8AAiUBUcc3qzwAAAAASUVORK5CYII="
                 css={css`
                   width: 10rem;
                   height: 10rem;

diff --git a/src/components/notice/Notice.tsx b/src/components/notice/Notice.tsx
@@ -141,6 +141,7 @@ export default function Notice() {
           src={notice}
           width={0}
           height={0}
+          blurDataURL="data:image/gif;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8UA8AAiUBUcc3qzwAAAAASUVORK5CYII="
           css={css`
             width: 9rem;
             height: 9rem;