diff --git a/package-lock.json b/package-lock.json index fc9f177..320e43d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -24,6 +24,7 @@ "@types/react-dom": "^19.1.7", "@types/swiper": "^5.4.3", "@vitejs/plugin-react": "^5.0.0", + "baseline-browser-mapping": "^2.9.3", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", @@ -2128,9 +2129,9 @@ "license": "MIT" }, "node_modules/baseline-browser-mapping": { - "version": "2.8.5", - "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.5.tgz", - "integrity": "sha512-TiU4qUT9jdCuh4aVOG7H1QozyeI2sZRqoRPdqBIaslfNt4WUSanRBueAwl2x5jt4rXBMim3lIN2x6yT8PDi24Q==", + "version": "2.9.3", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.3.tgz", + "integrity": "sha512-8QdH6czo+G7uBsNo0GiUfouPN1lRzKdJTGnKXwe12gkFbnnOUaUKGN55dMkfy+mnxmvjwl9zcI4VncczcVXDhA==", "dev": true, "license": "Apache-2.0", "bin": { @@ -2977,9 +2978,9 @@ "license": "MIT" }, "node_modules/js-yaml": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", - "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz", + "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==", "dev": true, "license": "MIT", "dependencies": { diff --git a/package.json b/package.json index f3717e7..660753a 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "@types/react-dom": "^19.1.7", "@types/swiper": "^5.4.3", "@vitejs/plugin-react": "^5.0.0", + "baseline-browser-mapping": "^2.9.3", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", diff --git a/public/ISLAND_Record_Release_Contract.pdf b/public/ISLAND_Record_Release_Contract.pdf new file mode 100644 index 0000000..008f7d9 Binary files /dev/null and b/public/ISLAND_Record_Release_Contract.pdf differ diff --git a/public/_redirects b/public/_redirects index 9f66d7e..d2975dd 100644 --- a/public/_redirects +++ b/public/_redirects @@ -1,4 +1,6 @@ /about /index.html 200 /submit-id /index.html 200 +/demo /index.html 200 /* /index.html 200 /song/* /index.html 200 +/contract /index.html 200 \ No newline at end of file diff --git a/src/main.tsx b/src/main.tsx index db616db..07b1d10 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,11 +1,17 @@ import React from 'react'; import ReactDOM from 'react-dom/client'; import { createBrowserRouter, RouterProvider } from 'react-router-dom'; -import App from './App'; // 최상위 레이아웃 컴포넌트, 공통 레이아웃 + +// 최상위 레이아웃 컴포넌트, 공통 레이아웃 +import App from './App'; + +// 페이지 컴포넌트 import HomePage from './pages/Home'; import SubmitPage from './pages/id_submit'; +import DemoPage from './pages/Demo_submit'; import About from './pages/about'; import SongPage from './pages/song'; +import Contract from './pages/contract'; const router = createBrowserRouter([ { @@ -14,7 +20,9 @@ const router = createBrowserRouter([ children: [ { index: true, element: }, { path: 'submission', element: }, + { path: 'demo', element: }, { path: 'about', element: }, + { path: 'contract', element: }, { path: 'song/:id', element: }, ], }, diff --git a/src/pages/Demo_submit.tsx b/src/pages/Demo_submit.tsx new file mode 100644 index 0000000..d4dc4f9 --- /dev/null +++ b/src/pages/Demo_submit.tsx @@ -0,0 +1,37 @@ +import { useEffect, useRef, useState } from 'react'; +import { useTranslation } from 'react-i18next'; +import MetaTag from "../components/metaTag"; + +function DemoPage() { + const containerRef = useRef(null); + const [height, setHeight] = useState(1700); + const { t } = useTranslation(); + + useEffect(() => { + const iframe = containerRef.current; + const width = iframe?.clientWidth; + + if (iframe && width != undefined){ + if (width < 600) { + setHeight(1700 + (600 - width)); + } + } + }, []); + + return ( +
+ + +
+ ); +} + +export default DemoPage; diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 0952de6..b167866 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -13,6 +13,7 @@ import "./pages.scss"; function HomePage(){ //API를 써서 리스트 가져오기? const { t } = useTranslation(); + const length = releases.length return (
@@ -42,10 +43,9 @@ function HomePage(){ > {releases.map( (song, idx) => ( - console.log("song"), ( - + ) ) diff --git a/src/pages/about.tsx b/src/pages/about.tsx index 1a42ea5..d0bb3c0 100644 --- a/src/pages/about.tsx +++ b/src/pages/about.tsx @@ -41,7 +41,7 @@ function About() {
diff --git a/src/pages/contract.tsx b/src/pages/contract.tsx new file mode 100644 index 0000000..7db8e43 --- /dev/null +++ b/src/pages/contract.tsx @@ -0,0 +1,17 @@ +import Text_Card from "../components/text_card"; + +function Contract() { + return ( +
+ + + +
+ ) +} + +export default Contract \ No newline at end of file diff --git a/src/pages/id_submit.tsx b/src/pages/id_submit.tsx index e5f77e3..dc508ea 100644 --- a/src/pages/id_submit.tsx +++ b/src/pages/id_submit.tsx @@ -19,7 +19,7 @@ function SubmitPage() { }, []); return ( -
+