+
{[1, 2, 3].map((value) => (
))}
diff --git a/src/containers/home/HomeCarouselContainer.tsx b/src/containers/home/HomeCarouselContainer.tsx
index dc276661..daedac93 100644
--- a/src/containers/home/HomeCarouselContainer.tsx
+++ b/src/containers/home/HomeCarouselContainer.tsx
@@ -1,19 +1,15 @@
"use client";
import HomeCarousel from "@/components/home/HomeCarousel";
-import { Banner } from "@/types/BannerDto";
import { useEffect, useState } from "react";
-interface IHomeCarouselContainer {
- initBannerList: Banner[] | [];
-}
-const HomeCarouselContainer = (props: IHomeCarouselContainer) => {
+
+const HomeCarouselContainer = () => {
const [currentIndex, setCurrentIndex] = useState(0);
const [bannerList, _] = useState([
{ id: 0, name: "", url: "/home/background1.png" },
{ id: 0, name: "", url: "/home/background2.png" },
{ id: 0, name: "", url: "/home/background3.png" },
{ id: 0, name: "", url: "/home/background4.png" },
- ...props.initBannerList,
]);
const onClick = (index: number) => {
diff --git a/src/styles/globals.css b/src/styles/globals.css
index b18fc1d4..2dd1becf 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -10,7 +10,7 @@
}
@font-face {
- font-family: "pretendrad";
+ font-family: "pretendard";
src: url("/fonts/PretendardVariable.ttf") format("truetype");
font-weight: normal;
font-style: normal;
@@ -18,7 +18,6 @@
:root {
--foreground-rgb: 0, 0, 0;
- /*--background-start-rgb: 214, 219, 220;*/
--background-start-rgb: 255, 255, 255;
--background-end-rgb: 255, 255, 255;
}
@@ -30,7 +29,7 @@
}
body {
- font-family: "pretendrad";
+ font-family: "pretendard";
color: rgb(var(--foreground-rgb));
background: linear-gradient(
to bottom,
@@ -76,84 +75,6 @@ body {
background: linear-gradient(to bottom, #dad0e9, #bae5ee);
}
-.truncate-vertical-information-title {
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-word;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
-}
-
-.truncate-vertical {
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-word;
- display: -webkit-box;
- -webkit-line-clamp: 7;
- -webkit-box-orient: vertical;
-}
-
-@media (max-width: 1024px) {
- .truncate-vertical {
- -webkit-line-clamp: 6;
- }
-}
-
-@media (max-width: 1000px) {
- .truncate-vertical {
- -webkit-line-clamp: 5;
- }
-}
-
-@media (max-width: 972px) {
- .truncate-vertical {
- -webkit-line-clamp: 7;
- }
-}
-
-@media (max-width: 950px) {
- .truncate-vertical {
- -webkit-line-clamp: 6;
- }
-}
-
-@media (max-width: 910px) {
- .truncate-vertical {
- -webkit-line-clamp: 5;
- }
-}
-
-@media (max-width: 875px) {
- .truncate-vertical {
- -webkit-line-clamp: 4;
- }
-}
-
-@media (max-width: 845px) {
- .truncate-vertical {
- -webkit-line-clamp: 5;
- }
-}
-
-@media (max-width: 820px) {
- .truncate-vertical {
- -webkit-line-clamp: 4;
- }
-}
-
-@media (max-width: 780px) {
- .truncate-vertical {
- -webkit-line-clamp: 3;
- }
-}
-
-@media (max-width: 744px) {
- .truncate-vertical {
- -webkit-line-clamp: 5;
- }
-}
-
::-webkit-calendar-picker-indicator {
color: rgba(0, 0, 0, 0);
opacity: 1;
diff --git a/src/utils/fetchWithAuth.ts b/src/utils/fetchWithAuth.ts
index 28fdcf8b..fbc67de9 100644
--- a/src/utils/fetchWithAuth.ts
+++ b/src/utils/fetchWithAuth.ts
@@ -13,7 +13,7 @@ export async function fetchWithAuth(url: string, options = {}, retries = 1) {
message: "실패",
});
}
- // TODO: 추가적인 에러처리 필요
+
return await fetchWithAuth(url, options, 0); // 요청 재시도
}
return response;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9c2c56a9..72230988 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -98,8 +98,16 @@ const config: Config = {
},
},
plugins: [
- function ({ addUtilities }: PluginAPI) {
- addUtilities({
+ ({ addComponents }: PluginAPI) => {
+ addComponents({
+ ".truncate-vertical-information-title": {
+ "text-overflow": "ellipsis",
+ overflow: "hidden",
+ "word-break": "break-word",
+ display: "-webkit-box",
+ "-webkit-line-clamp": "2",
+ "-webkit-box-orient": "vertical",
+ },
".scrollbar-hide": {
"-ms-overflow-style": "none" /* IE and Edge */,
"scrollbar-width": "none" /* Firefox */,
@@ -107,6 +115,64 @@ const config: Config = {
display: "none" /* Chrome, Safari, and Opera */,
},
},
+ ".truncate-vertical-diary-content": {
+ "text-overflow": "ellipsis",
+ overflow: "hidden",
+ "work-break": "break-word",
+ display: "-webkit-box",
+ "-webkit-line-clamp": "7",
+ "-webkit-box-orient": "vertical",
+ },
+ "@media (max-width: 1024px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "6",
+ },
+ },
+ "@media (max-width: 1000px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "5",
+ },
+ },
+ "@media (max-width: 972px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "7",
+ },
+ },
+ "@media (max-width: 950px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "6",
+ },
+ },
+ "@media (max-width: 910px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "5",
+ },
+ },
+ "@media (max-width: 875px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "4",
+ },
+ },
+ "@media (max-width: 845px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "5",
+ },
+ },
+ "@media (max-width: 820px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "4",
+ },
+ },
+ "@media (max-width: 780px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "3",
+ },
+ },
+ "@media (max-width: 744px)": {
+ ".truncate-vertical-diary-content": {
+ "-webkit-line-clamp": "5",
+ },
+ },
});
},
],