+
+ );
+}
diff --git a/Week10/endl24/mission00/src/useMemo/UseMemoPage.tsx b/Week10/endl24/mission00/src/useMemo/UseMemoPage.tsx
new file mode 100644
index 00000000..ee072819
--- /dev/null
+++ b/Week10/endl24/mission00/src/useMemo/UseMemoPage.tsx
@@ -0,0 +1,38 @@
+import { useMemo, useState } from "react";
+import TextInput from "./components/TextInput";
+import { findPrimeNumbers } from "./utils/math";
+
+export default function UseMemoPage() {
+ console.log("rerender");
+
+ const [limit, setLimit] = useState같이 배우는 리액트 useCallback편
+Count : {count}
+Text
+
+ {text}
+
+
+
+ );
+}
diff --git a/Week10/endl24/mission00/src/useMemo/components/TextInput.tsx b/Week10/endl24/mission00/src/useMemo/components/TextInput.tsx
new file mode 100644
index 00000000..616b2589
--- /dev/null
+++ b/Week10/endl24/mission00/src/useMemo/components/TextInput.tsx
@@ -0,0 +1,15 @@
+interface ItextInput {
+ onChange: (text: string) => void;
+}
+
+const TextInput = ({ onChange }: ItextInput) => {
+ return (
+ onChange(e.target.value)}
+ />
+ );
+};
+
+export default TextInput;
diff --git a/Week10/endl24/mission00/src/useMemo/utils/math.ts b/Week10/endl24/mission00/src/useMemo/utils/math.ts
new file mode 100644
index 00000000..d28928e3
--- /dev/null
+++ b/Week10/endl24/mission00/src/useMemo/utils/math.ts
@@ -0,0 +1,18 @@
+export const isPrime = (num: number) => {
+ if (num < 2) return false;
+ for (let i = 2; i < num; i++) {
+ if (num % i === 0) return false;
+ }
+
+ return true;
+};
+
+export const findPrimeNumbers = (max: number): number[] => {
+ const primNumbers = [];
+
+ for (let i = 2; i <= max; i++) {
+ if (isPrime(i)) primNumbers.push(i);
+ }
+
+ return primNumbers;
+};
diff --git a/Week10/endl24/mission00/tsconfig.app.json b/Week10/endl24/mission00/tsconfig.app.json
new file mode 100644
index 00000000..7f42e5f7
--- /dev/null
+++ b/Week10/endl24/mission00/tsconfig.app.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023", "DOM"],
+ "module": "esnext",
+ "types": ["vite/client"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src"]
+}
diff --git a/Week10/endl24/mission00/tsconfig.json b/Week10/endl24/mission00/tsconfig.json
new file mode 100644
index 00000000..1ffef600
--- /dev/null
+++ b/Week10/endl24/mission00/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "files": [],
+ "references": [
+ { "path": "./tsconfig.app.json" },
+ { "path": "./tsconfig.node.json" }
+ ]
+}
diff --git a/Week10/endl24/mission00/tsconfig.node.json b/Week10/endl24/mission00/tsconfig.node.json
new file mode 100644
index 00000000..d3c52ea6
--- /dev/null
+++ b/Week10/endl24/mission00/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023"],
+ "module": "esnext",
+ "types": ["node"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/Week10/endl24/mission00/vite.config.ts b/Week10/endl24/mission00/vite.config.ts
new file mode 100644
index 00000000..93f41d50
--- /dev/null
+++ b/Week10/endl24/mission00/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+ plugins: [react(), tailwindcss()],
+});
diff --git a/Week10/endl24/mission0102/.gitignore b/Week10/endl24/mission0102/.gitignore
new file mode 100644
index 00000000..fc5ae9f0
--- /dev/null
+++ b/Week10/endl24/mission0102/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.vercel
diff --git a/Week10/endl24/mission0102/README.md b/Week10/endl24/mission0102/README.md
new file mode 100644
index 00000000..7dbf7ebf
--- /dev/null
+++ b/Week10/endl24/mission0102/README.md
@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+
+ // Remove tseslint.configs.recommended and replace with this
+ tseslint.configs.recommendedTypeChecked,
+ // Alternatively, use this for stricter rules
+ tseslint.configs.strictTypeChecked,
+ // Optionally, add this for stylistic rules
+ tseslint.configs.stylisticTypeChecked,
+
+ // Other configs...
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ // Other configs...
+ // Enable lint rules for React
+ reactX.configs['recommended-typescript'],
+ // Enable lint rules for React DOM
+ reactDom.configs.recommended,
+ ],
+ languageOptions: {
+ parserOptions: {
+ project: ['./tsconfig.node.json', './tsconfig.app.json'],
+ tsconfigRootDir: import.meta.dirname,
+ },
+ // other options...
+ },
+ },
+])
+```
diff --git a/Week10/endl24/mission0102/eslint.config.js b/Week10/endl24/mission0102/eslint.config.js
new file mode 100644
index 00000000..ef614d25
--- /dev/null
+++ b/Week10/endl24/mission0102/eslint.config.js
@@ -0,0 +1,22 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+ globalIgnores(['dist']),
+ {
+ files: ['**/*.{ts,tsx}'],
+ extends: [
+ js.configs.recommended,
+ tseslint.configs.recommended,
+ reactHooks.configs.flat.recommended,
+ reactRefresh.configs.vite,
+ ],
+ languageOptions: {
+ globals: globals.browser,
+ },
+ },
+])
diff --git a/Week10/endl24/mission0102/index.html b/Week10/endl24/mission0102/index.html
new file mode 100644
index 00000000..2738e9f0
--- /dev/null
+++ b/Week10/endl24/mission0102/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+ 같이 배우는 리액트: useMemo편
+ +소수 리스트:
+
+ {primes.map((prime) => (
+
+
+ {prime}
+ ))}
+
+
+ );
+});
+
+Modal.displayName = "Modal";
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/components/MovieCard.tsx b/Week10/endl24/mission0102/src/components/MovieCard.tsx
new file mode 100644
index 00000000..f772ce73
--- /dev/null
+++ b/Week10/endl24/mission0102/src/components/MovieCard.tsx
@@ -0,0 +1,52 @@
+import { memo } from "react";
+import type { Movie } from "../types/movie";
+
+interface MovieCardProps {
+ movie: Movie;
+ onClick: () => void;
+}
+
+const MovieCard = memo(({ movie, onClick }: MovieCardProps) => {
+ const imageBaseUrl = "https://image.tmdb.org/t/p/w500";
+ const fallbackImageImage = "https://otithee.com/img/fallback/fallback-2.png";
+
+ return (
+ e.stopPropagation()}
+ >
+ {children}
+
+
+
+ );
+});
+
+MovieCard.displayName = "MovieCard";
+
+export default MovieCard;
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/components/MovieFilter.tsx b/Week10/endl24/mission0102/src/components/MovieFilter.tsx
new file mode 100644
index 00000000..144dd0a0
--- /dev/null
+++ b/Week10/endl24/mission0102/src/components/MovieFilter.tsx
@@ -0,0 +1,75 @@
+import { useState } from "react";
+import type { MovieFilters } from "../types/movie";
+import { Input } from "./input";
+import { SelectBox } from "./SelectBox";
+import LanguageSelector from "./LanguageSelector";
+import { LANGUAGE_OPTIONS } from "../constants/movie";
+
+interface MovieFilterProps {
+ onChange: (filter: MovieFilters) => void;
+}
+
+const MovieFilter = ({ onChange }: MovieFilterProps) => {
+ const [query, setQuery] = useState
+ 
+
+
+
+ ⭐ {movie.vote_average.toFixed(1)}
+
+
+
+ + {movie.title} +
+
+ {movie.release_date || "미정"}
+
+ {movie.original_language?.toUpperCase() || ""}
+
+ + {movie.overview || "등록된 줄거리가 없습니다."} +
+
+
+ );
+};
+
+export default MovieFilter;
diff --git a/Week10/endl24/mission0102/src/components/MovieList.tsx b/Week10/endl24/mission0102/src/components/MovieList.tsx
new file mode 100644
index 00000000..da8804df
--- /dev/null
+++ b/Week10/endl24/mission0102/src/components/MovieList.tsx
@@ -0,0 +1,35 @@
+import { memo } from "react";
+import type { Movie } from "../types/movie";
+import MovieCard from "./MovieCard";
+
+interface MovieListProps {
+ movies: Movie[];
+ onMovieClick: (movie: Movie) => void;
+}
+
+const MovieList = memo(({ movies, onMovieClick }: MovieListProps) => {
+ if (movies.length === 0) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 📭
+
+ );
+ }
+
+ return (
+ 검색 결과가 없습니다.
+
+ {movies.map((movie) => (
+ onMovieClick(movie)}
+ />
+ ))}
+
+ );
+});
+
+MovieList.displayName = "MovieList";
+
+export default MovieList;
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/components/SelectBox.tsx b/Week10/endl24/mission0102/src/components/SelectBox.tsx
new file mode 100644
index 00000000..d6f6d590
--- /dev/null
+++ b/Week10/endl24/mission0102/src/components/SelectBox.tsx
@@ -0,0 +1,32 @@
+import { memo } from "react";
+
+interface SelectBoxProps {
+ checked: boolean;
+ onChange: (checked: boolean) => void;
+ label: string;
+ id?: string;
+ className?: string;
+}
+
+export const SelectBox = memo(({
+ checked,
+ onChange,
+ label,
+ id = "checkbox",
+ className = "",
+}: SelectBoxProps) => {
+ return (
+
+ onChange(e.target.checked)}
+ className="size-5 cursor-pointer rounded-md border-2 border-zinc-300 bg-white text-violet-600 transition-all duration-300 hover:border-violet-400 focus:ring-4 focus:ring-violet-500/20 focus:ring-offset-0"
+ />
+
+
+ );
+});
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/components/input.tsx b/Week10/endl24/mission0102/src/components/input.tsx
new file mode 100644
index 00000000..b6efe1ec
--- /dev/null
+++ b/Week10/endl24/mission0102/src/components/input.tsx
@@ -0,0 +1,40 @@
+import { memo } from "react";
+
+interface InputProps {
+ value: string;
+ onChange: (value: string) => void;
+ onSubmit?: () => void;
+ placeholder?: string;
+ className?: string;
+}
+
+export const Input = memo(({
+ value,
+ onChange,
+ onSubmit,
+ placeholder = "검색어를 입력하세요.",
+ className = "",
+}: InputProps) => {
+
+ const handleSubmit = (e: { preventDefault: () => void }) => {
+ e.preventDefault();
+ if (onSubmit) {
+ onSubmit();
+ }
+ };
+
+ return (
+
+ );
+});
+
+Input.displayName = "Input";
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/constants/movie.ts b/Week10/endl24/mission0102/src/constants/movie.ts
new file mode 100644
index 00000000..66c341b1
--- /dev/null
+++ b/Week10/endl24/mission0102/src/constants/movie.ts
@@ -0,0 +1,5 @@
+export const LANGUAGE_OPTIONS = [
+ {value: "ko-KR", label:"한국어"},
+ {value: "en-US", label:"English"},
+ {value: "ja-JP", label:"日本語"},
+]
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/hooks/useFetch.ts b/Week10/endl24/mission0102/src/hooks/useFetch.ts
new file mode 100644
index 00000000..94f23957
--- /dev/null
+++ b/Week10/endl24/mission0102/src/hooks/useFetch.ts
@@ -0,0 +1,33 @@
+import type { AxiosRequestConfig } from "axios";
+import { useEffect, useState } from "react";
+import { axiosClient } from "../apis/axiosClient";
+
+const useFetch = {error}
;
+ }
+
+ return (
+
+ setIsModalOpen(false)}>
+ {selectedMovie && (
+
+
+ );
+}
diff --git a/Week10/endl24/mission0102/src/pages/MovieDetailPage.tsx b/Week10/endl24/mission0102/src/pages/MovieDetailPage.tsx
new file mode 100644
index 00000000..5442139b
--- /dev/null
+++ b/Week10/endl24/mission0102/src/pages/MovieDetailPage.tsx
@@ -0,0 +1,14 @@
+import { useParams } from "react-router-dom";
+
+export default function MovieDetailPage() {
+ // URL에서 :movieId 파라미터를 뽑아옵니다.
+ const { movieId } = useParams();
+
+ return (
+
+ {isLoading ? (
+
+
+
+ 영화를 불러오는 중입니다... 🍿
+
+ ) : (
+
+
+ )}
+
+
+
+
+
+
+ + {selectedMovie.title} +
+ +
+ ⭐ 평점: {selectedMovie.vote_average?.toFixed(1)}
+ |
+ 📅 개봉일: {selectedMovie.release_date}
+
+
+ + {selectedMovie.overview || "등록된 줄거리가 없습니다."} +
+ +
+
+ IMDb에서 검색하기
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/src/types/movie.ts b/Week10/endl24/mission0102/src/types/movie.ts
new file mode 100644
index 00000000..d316d85a
--- /dev/null
+++ b/Week10/endl24/mission0102/src/types/movie.ts
@@ -0,0 +1,32 @@
+export type MovieLanguage = "ko-KR" | "en-US" | "ja=JP";
+
+export type MovieFilters = {
+ query: string;
+ include_adult: boolean;
+ language: string;
+};
+
+export type Movie = {
+ adult: boolean;
+ backdrop_path: string | null;
+ genre_ids: number[];
+ id: number;
+ title: string;
+ original_language: string;
+ original_title: string;
+ overview: string;
+ popularity: number;
+ poster_path: string;
+ release_date: string;
+ softcore: boolean;
+ video: boolean;
+ vote_average: number;
+ vote_count: number;
+};
+
+export type MovieResponse = {
+ page: number;
+ results: Movie[];
+ total_pages: number;
+ total_results: number;
+};
diff --git a/Week10/endl24/mission0102/tsconfig.app.json b/Week10/endl24/mission0102/tsconfig.app.json
new file mode 100644
index 00000000..7f42e5f7
--- /dev/null
+++ b/Week10/endl24/mission0102/tsconfig.app.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023", "DOM"],
+ "module": "esnext",
+ "types": ["vite/client"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["src"]
+}
diff --git a/Week10/endl24/mission0102/tsconfig.json b/Week10/endl24/mission0102/tsconfig.json
new file mode 100644
index 00000000..1ffef600
--- /dev/null
+++ b/Week10/endl24/mission0102/tsconfig.json
@@ -0,0 +1,7 @@
+{
+ "files": [],
+ "references": [
+ { "path": "./tsconfig.app.json" },
+ { "path": "./tsconfig.node.json" }
+ ]
+}
diff --git a/Week10/endl24/mission0102/tsconfig.node.json b/Week10/endl24/mission0102/tsconfig.node.json
new file mode 100644
index 00000000..d3c52ea6
--- /dev/null
+++ b/Week10/endl24/mission0102/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "es2023",
+ "lib": ["ES2023"],
+ "module": "esnext",
+ "types": ["node"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+
+ /* Linting */
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/Week10/endl24/mission0102/vercel.json b/Week10/endl24/mission0102/vercel.json
new file mode 100644
index 00000000..29c0269f
--- /dev/null
+++ b/Week10/endl24/mission0102/vercel.json
@@ -0,0 +1,8 @@
+{
+ "rewrites": [
+ {
+ "source": "/(.*)",
+ "destination": "/index.html"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/Week10/endl24/mission0102/vite.config.ts b/Week10/endl24/mission0102/vite.config.ts
new file mode 100644
index 00000000..93f41d50
--- /dev/null
+++ b/Week10/endl24/mission0102/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+ plugins: [react(), tailwindcss()],
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2486946a..b7592797 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,15 +8,15 @@ importers:
.:
dependencies:
+ '@prisma/client':
+ specifier: ^7.6.0
+ version: 7.8.0
'@tailwindcss/vite':
specifier: ^4.2.2
version: 4.2.2(vite@8.0.3(jiti@2.6.1))
axios:
specifier: ^1.14.0
version: 1.14.0
- react-router-dom:
- specifier: ^7.14.0
- version: 7.14.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
tailwindcss:
specifier: ^4.2.2
version: 4.2.2
@@ -61,6 +61,21 @@ packages:
'@oxc-project/types@0.122.0':
resolution: {integrity: sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==}
+ '@prisma/client-runtime-utils@7.8.0':
+ resolution: {integrity: sha512-5NQZztQ0oY/ADFkmd9gPuweH5A1/CCY8YQPorLLO0Mu6a87mY5gsnDkzmFmIHs9NFaLnZojzgddFVN4RpKYrdw==}
+
+ '@prisma/client@7.8.0':
+ resolution: {integrity: sha512-HFp3Dawv/3sU3JtlPha90IB+48lS7zHiH4LKZPjmcE8YH5P9DOXGPvo8dqOtO7MqLDd1p2hOWMcFlRT1DMblHw==}
+ engines: {node: ^20.19 || ^22.12 || >=24.0}
+ peerDependencies:
+ prisma: '*'
+ typescript: '>=5.4.0'
+ peerDependenciesMeta:
+ prisma:
+ optional: true
+ typescript:
+ optional: true
+
'@rolldown/binding-android-arm64@1.0.0-rc.12':
resolution: {integrity: sha512-pv1y2Fv0JybcykuiiD3qBOBdz6RteYojRFY1d+b95WVuzx211CRh+ytI/+9iVyWQ6koTh5dawe4S/yRfOFjgaA==}
engines: {node: ^20.19.0 || >=22.12.0}
@@ -278,10 +293,6 @@ packages:
resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
engines: {node: '>= 0.8'}
- cookie@1.1.1:
- resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
- engines: {node: '>=18'}
-
csstype@3.2.3:
resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
@@ -487,43 +498,11 @@ packages:
resolution: {integrity: sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==}
engines: {node: '>=10'}
- react-dom@19.2.4:
- resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
- peerDependencies:
- react: ^19.2.4
-
- react-router-dom@7.14.0:
- resolution: {integrity: sha512-2G3ajSVSZMEtmTjIklRWlNvo8wICEpLihfD/0YMDxbWK2UyP5EGfnoIn9AIQGnF3G/FX0MRbHXdFcD+rL1ZreQ==}
- engines: {node: '>=20.0.0'}
- peerDependencies:
- react: '>=18'
- react-dom: '>=18'
-
- react-router@7.14.0:
- resolution: {integrity: sha512-m/xR9N4LQLmAS0ZhkY2nkPA1N7gQ5TUVa5n8TgANuDTARbn1gt+zLPXEm7W0XDTbrQ2AJSJKhoa6yx1D8BcpxQ==}
- engines: {node: '>=20.0.0'}
- peerDependencies:
- react: '>=18'
- react-dom: '>=18'
- peerDependenciesMeta:
- react-dom:
- optional: true
-
- react@19.2.4:
- resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
- engines: {node: '>=0.10.0'}
-
rolldown@1.0.0-rc.12:
resolution: {integrity: sha512-yP4USLIMYrwpPHEFB5JGH1uxhcslv6/hL0OyvTuY+3qlOSJvZ7ntYnoWpehBxufkgN0cvXxppuTu5hHa/zPh+A==}
engines: {node: ^20.19.0 || >=22.12.0}
hasBin: true
- scheduler@0.27.0:
- resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
-
- set-cookie-parser@2.7.2:
- resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
-
source-map-js@1.2.1:
resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
engines: {node: '>=0.10.0'}
@@ -631,6 +610,12 @@ snapshots:
'@oxc-project/types@0.122.0': {}
+ '@prisma/client-runtime-utils@7.8.0': {}
+
+ '@prisma/client@7.8.0':
+ dependencies:
+ '@prisma/client-runtime-utils': 7.8.0
+
'@rolldown/binding-android-arm64@1.0.0-rc.12':
optional: true
@@ -780,8 +765,6 @@ snapshots:
dependencies:
delayed-stream: 1.0.0
- cookie@1.1.1: {}
-
csstype@3.2.3: {}
delayed-stream@1.0.0: {}
@@ -942,27 +925,6 @@ snapshots:
proxy-from-env@2.1.0: {}
- react-dom@19.2.4(react@19.2.4):
- dependencies:
- react: 19.2.4
- scheduler: 0.27.0
-
- react-router-dom@7.14.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
- dependencies:
- react: 19.2.4
- react-dom: 19.2.4(react@19.2.4)
- react-router: 7.14.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
-
- react-router@7.14.0(react-dom@19.2.4(react@19.2.4))(react@19.2.4):
- dependencies:
- cookie: 1.1.1
- react: 19.2.4
- set-cookie-parser: 2.7.2
- optionalDependencies:
- react-dom: 19.2.4(react@19.2.4)
-
- react@19.2.4: {}
-
rolldown@1.0.0-rc.12:
dependencies:
'@oxc-project/types': 0.122.0
@@ -984,10 +946,6 @@ snapshots:
'@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.12
'@rolldown/binding-win32-x64-msvc': 1.0.0-rc.12
- scheduler@0.27.0: {}
-
- set-cookie-parser@2.7.2: {}
-
source-map-js@1.2.1: {}
tailwindcss@4.2.2: {}
🎬 영화 상세 페이지
+선택된 영화 ID: {movieId}
+이곳에 향후 영화 상세 정보가 렌더링됩니다.
+