[SP2] 최근 출시된 프로젝트 추가

src/lib/constants/project.ts

@@ -1,4 +1,11 @@
-import { ProjectCategoryType, ProjectPlatformType } from '@src/lib/types/project';
+import { default as ImgProjectLogo1 } from '@src/assets/images/recent-release-project/img_project_logo1.avif';
+import { default as ImgProjectLogo2 } from '@src/assets/images/recent-release-project/img_project_logo2.avif';
+import {
+  LinkType,
+  ProjectCategoryType,
+  ProjectPlatformType,
+  StaticProjectType,
+} from '@src/lib/types/project';
 import { PageType } from '@src/lib/types/universal';
 
 export const activeProjectCategoryList: ProjectCategoryType[] = [
@@ -41,3 +48,35 @@ export const pageBreakPoint: Record<PageType, string> = {
   [PageType.BLOG]: '767px',
   [PageType.PROJECT]: '899px',
 };
+
+export const StaticReleaseProjectList: StaticProjectType[] = [
+  {
+    name: '엄빠도 어렸다',
+    summary: '긍정적인 소비 습관을 만드는 절약 SNS',
+    generation: 32,
+    link: [
+      {
+        title: LinkType['앱 스토어'],
+        url: 'https://apps.apple.com/kr/app/%EC%9C%84%EB%8B%88-%EC%89%BD%EA%B3%A0-%EC%9E%AC%EB%B0%8C%EB%8A%94-%EA%B8%8D%EC%A0%95%EC%A0%81-%EC%86%8C%EB%B9%84%EC%8A%B5%EA%B4%80-%ED%98%95%EC%84%B1/id6463294662',
+      },
+      {
+        title: LinkType['구글 플레이스토어'],
+        url: 'https://play.google.com/store/apps/details?id=org.go.sopt.winey&hl=ko',
+      },
+
+    ],
+    logoImage: ImgProjectLogo1.src,
+  },
+  {
+    name: '위니',
+    summary: '긍정적인 소비 습관을 만드는 절약 SNS',
+    generation: 32,
+    link: [
+      {
+        title: LinkType['앱 스토어'],
+        url: 'https://apps.apple.com/kr/app/%EC%9C%84%EB%8B%88-%EC%89%BD%EA%B3%A0-%EC%9E%AC%EB%B0%8C%EB%8A%94-%EA%B8%8D%EC%A0%95%EC%A0%81-%EC%86%8C%EB%B9%84%EC%8A%B5%EA%B4%80-%ED%98%95%EC%84%B1/id6463294662',
+      },
+    ],
+    logoImage: ImgProjectLogo2.src,
+  },
+];

src/lib/types/project.ts

@@ -52,6 +52,14 @@ export interface ProjectType {
   uploadedAt: string;
 }
 
+export interface StaticProjectType {
+  generation: number;
+  link: ProjectLinkType[];
+  logoImage: string;
+  name: string;
+  summary: string;
+}
+
 export interface GetProjectDetailResponse {
   project: ProjectType;
 }

src/views/ProjectPage/components/RecentProjectList/Carousel/index.tsx

@@ -1,12 +1,13 @@
 import Carousel from '@src/components/common/Carousel';
 import { useDeviceType, useIsDesktop, useIsMobile } from '@src/hooks/useDevice';
+import { StaticReleaseProjectList } from '@src/lib/constants/project';
 import { ProjectCategoryType, ProjectPlatformType, ProjectType } from '@src/lib/types/project';
 import RecentProjectListItem from '@src/views/ProjectPage/components/RecentProjectList/Item';
 import { useGetProjectList } from '@src/views/ProjectPage/hooks/queries';
 
 export default function RecentProjectListCarousel() {
   const { data } = useGetProjectList(ProjectCategoryType.ALL, ProjectPlatformType.ALL);
-  const recentProjectList = data as ProjectType[];
+  const recentProjectList = [...StaticReleaseProjectList, ...(data as ProjectType[]).slice(0, 4)];
 
   const isDesktopSize = useIsDesktop('1280px');
   const isMobileSize = useIsMobile('899px');
@@ -21,8 +22,8 @@ export default function RecentProjectListCarousel() {
       gapWidth={isMobileSize ? 14 : 24}
       isDesktop={isDesktop}
     >
-      {recentProjectList.slice(0, 6).map((project) => (
-        <RecentProjectListItem key={project.id} {...project} />
+      {recentProjectList.map((project, index) => (
+        <RecentProjectListItem key={index} {...project} />
       ))}
     </Carousel>
   );

src/views/ProjectPage/components/RecentProjectList/Item/index.tsx

@@ -1,8 +1,8 @@
 import { useDeviceType } from '@src/hooks/useDevice';
-import { LinkType, ProjectLinkType, ProjectType } from '@src/lib/types/project';
+import { LinkType, ProjectLinkType, ProjectType, StaticProjectType } from '@src/lib/types/project';
 import { S } from './style';
 
-type RecentProjectListItemProps = ProjectType;
+type RecentProjectListItemProps = ProjectType | StaticProjectType;
 
 const linkToRecord = (links: ProjectLinkType[]): Record<LinkType, string | undefined> => {
   const record: Record<LinkType, string | undefined> = {
@@ -26,14 +26,18 @@ const getTryLink = (
   link: ProjectLinkType[],
   deviceType?: 'desktop' | 'iOS' | 'Android',
 ): string | undefined => {
+  if (link.length === 0) return;
+  if (link.length === 1) return link[0].url;
+
   const linkRecord = linkToRecord(link);
   if (deviceType === 'iOS' && linkRecord['appStore']) {
     return linkRecord['appStore'];
-  }
-  if (deviceType === 'Android' && linkRecord['googlePlay']) {
+  } else if (deviceType === 'Android' && linkRecord['googlePlay']) {
     return linkRecord['googlePlay'];
+  } else if (deviceType === 'desktop' && linkRecord['website']) {
+    return linkRecord['website'];
   }
-  return linkRecord['website'];
+  return linkRecord.appStore || link[0].url;
 };
 
 export default function RecentProjectListItem(props: RecentProjectListItemProps) {

src/views/ProjectPage/hooks/queries/index.ts

@@ -10,7 +10,12 @@ export const useGetProjectList = (
 ) => {
   const queryKey = ['getProjectList', category, platform];
   return useQuery(queryKey, () => api.projectAPI.getProjectList(category, platform), {
-    select: (data) => (sortType ? sortBy<ProjectType>(data, 'updatedAt') : data),
+    select: (data) => {
+      const filteredData = data.filter(({ link }) =>
+        link.some(({ title }) => ['website', 'appStore', 'googlePlay'].includes(title)),
+      );
+      return sortType ? sortBy<ProjectType>(filteredData, 'updatedAt') : filteredData;
+    },
     staleTime: 30000,
     suspense: true,
   });