Fix : details api 500 bad request error 수정 -> hooks/useFetchDetails, …

…Chore : root layout.tsx metadata수정, Refactor : assets 폴더 삭제, public 폴더로 대체 + import경로 절대 경로로 수정

netflix-assignment/src/app/(route)/content_details/[type]/[id]/page.tsx

@@ -3,7 +3,7 @@
 import { useFetchDetails } from "@/hooks/useFetchDetails";
 import { useEffect, useState } from "react";
 import { usePathname } from "next/navigation";
-import RightArrow from '@/assets/svg/RightArrow.svg';
+import RightArrow from '@/public/svg/RightArrow.svg';
 
 
 export default function DetailPage() {

netflix-assignment/src/app/(route)/home/_components/Header.tsx

@@ -1,9 +1,9 @@
 "use client"
 
 import { useEffect, useState } from "react";
-import { Movie } from "@/types/movie";
-import Top10 from "../../../../assets/svg/Top10.svg";
 import { useFetchAllMovies } from "@/hooks/useFetchContents";
+import { Movie } from "@/types/movie";
+import Top10 from "@/public/svg/Top10.svg";
 import Link from "next/link";
 
 export default function Header() {

netflix-assignment/src/app/(route)/home/_components/MovieCategory.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import {  movieCategories } from '../../../../data/categories';
+import {  movieCategories } from '@/data/categories';
 import ContentRow from './ContentRow';
 import { useFetchAllMovies } from '@/hooks/useFetchContents';
 

netflix-assignment/src/app/(route)/home/_components/NavBar.tsx

@@ -1,4 +1,4 @@
-import Logo from '../../../../assets/svg/home-logo.svg';
+import Logo from '@/public/svg/home-logo.svg';
 
 export default function NavBar() {
   return (

netflix-assignment/src/app/(route)/home/_components/Preview.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { Movie } from '../../../../types/movie';
+import { Movie } from '@/types/movie';
 import { TvShow } from '@/types/tvshows';
 import { useFetchAllMovies, useFetchAllTvShows } from '@/hooks/useFetchContents';
 import Link from 'next/link';

netflix-assignment/src/app/(route)/home/_components/Span.tsx

@@ -1,6 +1,6 @@
-import Plus from '../../../../assets/svg/Plus.svg';
-import Info from '../../../../assets/svg/Info.svg';
-import RightArrow from '../../../../assets/svg/RightArrow.svg';
+import Plus from '@/public/svg/Plus.svg';
+import Info from '@/public//svg/Info.svg';
+import RightArrow from '@/public//svg/RightArrow.svg';
 
 export default function Span() {
     return (

netflix-assignment/src/app/(route)/home/_components/TvCategory.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { tvCategories } from '../../../../data/categories';
+import { tvCategories } from '@/data/categories';
 import ContentRow from './ContentRow';
 import { useFetchAllTvShows } from '@/hooks/useFetchContents';
 

netflix-assignment/src/app/layout.tsx

@@ -4,8 +4,11 @@ import "./globals.css";
 
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Netflix Assignment",
+  description: "Netflix Assignment",
+  icons: {
+    icon: '/favicon.ico',
+  }
 };
 
 export default function RootLayout({

netflix-assignment/src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import "./style.css";
-import LogoSVG from '../assets/svg/logos_netflix.svg';
+import LogoSVG from '@/public/svg/logos_netflix.svg';
 import { useRouter } from 'next/navigation';
 import { useEffect } from "react";
 

netflix-assignment/src/components/Footer.tsx

@@ -2,11 +2,11 @@
 
 import { useEffect, useState } from 'react';
 import { usePathname, useRouter } from 'next/navigation';
-import Home from '../assets/svg/Home.svg';
-import Search from '../assets/svg/Search.svg';
-import ComingSoon from '../assets/svg/ComingSoon.svg';
-import Downloads from '../assets/svg/Downloads.svg';
-import More from '../assets/svg/More.svg';
+import Home from '@/public/svg/Home.svg';
+import Search from '@/public/svg/Search.svg';
+import ComingSoon from '@/public/svg/ComingSoon.svg';
+import Downloads from '@/public/svg/Downloads.svg';
+import More from '@/public/svg/More.svg';
 
 type NavItem = {
     id: number;

netflix-assignment/src/hooks/useFetchDetails.ts

@@ -11,5 +11,6 @@ export const useFetchDetails = (type: 'movie' | 'tv' | null, id: string | null)
         queryKey: ['details', type, id],
         queryFn: () => fetchDetails(type, id),
         staleTime: 1000 * 60 * 60,
+        enabled: !!type && !!id, // type과 id가 존재할 때만 실행
     });
 };