From c0bbd74a3445776df20f5a8ef22416a763f4297a Mon Sep 17 00:00:00 2001 From: monoid Date: Wed, 5 Feb 2025 00:03:38 +0900 Subject: [PATCH] content --- pnpm-lock.yaml | 199 +++++++++++--- src/App.tsx | 21 +- src/Gallery.tsx | 533 +++++++++++++++++++++++++++++++++++++ src/GalleryTitleHeader.tsx | 183 +++++++++++++ src/Separator.tsx | 11 + vite.config.ts | 5 +- 6 files changed, 915 insertions(+), 37 deletions(-) create mode 100644 src/Gallery.tsx create mode 100644 src/GalleryTitleHeader.tsx create mode 100644 src/Separator.tsx diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 33fa460..a3c2355 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -29,16 +29,16 @@ importers: version: 18.3.5(@types/react@18.3.18) '@vitejs/plugin-react-swc': specifier: ^3.5.0 - version: 3.7.2(vite@6.0.9) + version: 3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1)) eslint: specifier: ^9.17.0 - version: 9.18.0 + version: 9.18.0(jiti@2.4.2) eslint-plugin-react-hooks: specifier: ^5.0.0 - version: 5.1.0(eslint@9.18.0) + version: 5.1.0(eslint@9.18.0(jiti@2.4.2)) eslint-plugin-react-refresh: specifier: ^0.4.16 - version: 0.4.18(eslint@9.18.0) + version: 0.4.18(eslint@9.18.0(jiti@2.4.2)) globals: specifier: ^15.14.0 version: 15.14.0 @@ -47,10 +47,10 @@ importers: version: 5.6.3 typescript-eslint: specifier: ^8.18.2 - version: 8.20.0(eslint@9.18.0)(typescript@5.6.3) + version: 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) vite: specifier: ^6.0.5 - version: 6.0.9 + version: 6.0.9(jiti@2.4.2)(lightningcss@1.29.1) packages: @@ -582,6 +582,11 @@ packages: deep-is@0.1.4: resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==} + detect-libc@1.0.3: + resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==} + engines: {node: '>=0.10'} + hasBin: true + esbuild@0.24.2: resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==} engines: {node: '>=18'} @@ -734,6 +739,10 @@ packages: isexe@2.0.0: resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} + jiti@2.4.2: + resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==} + hasBin: true + js-tokens@4.0.0: resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} @@ -757,6 +766,70 @@ packages: resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==} engines: {node: '>= 0.8.0'} + lightningcss-darwin-arm64@1.29.1: + resolution: {integrity: sha512-HtR5XJ5A0lvCqYAoSv2QdZZyoHNttBpa5EP9aNuzBQeKGfbyH5+UipLWvVzpP4Uml5ej4BYs5I9Lco9u1fECqw==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [darwin] + + lightningcss-darwin-x64@1.29.1: + resolution: {integrity: sha512-k33G9IzKUpHy/J/3+9MCO4e+PzaFblsgBjSGlpAaFikeBFm8B/CkO3cKU9oI4g+fjS2KlkLM/Bza9K/aw8wsNA==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [darwin] + + lightningcss-freebsd-x64@1.29.1: + resolution: {integrity: sha512-0SUW22fv/8kln2LnIdOCmSuXnxgxVC276W5KLTwoehiO0hxkacBxjHOL5EtHD8BAXg2BvuhsJPmVMasvby3LiQ==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [freebsd] + + lightningcss-linux-arm-gnueabihf@1.29.1: + resolution: {integrity: sha512-sD32pFvlR0kDlqsOZmYqH/68SqUMPNj+0pucGxToXZi4XZgZmqeX/NkxNKCPsswAXU3UeYgDSpGhu05eAufjDg==} + engines: {node: '>= 12.0.0'} + cpu: [arm] + os: [linux] + + lightningcss-linux-arm64-gnu@1.29.1: + resolution: {integrity: sha512-0+vClRIZ6mmJl/dxGuRsE197o1HDEeeRk6nzycSy2GofC2JsY4ifCRnvUWf/CUBQmlrvMzt6SMQNMSEu22csWQ==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-arm64-musl@1.29.1: + resolution: {integrity: sha512-UKMFrG4rL/uHNgelBsDwJcBqVpzNJbzsKkbI3Ja5fg00sgQnHw/VrzUTEc4jhZ+AN2BvQYz/tkHu4vt1kLuJyw==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [linux] + + lightningcss-linux-x64-gnu@1.29.1: + resolution: {integrity: sha512-u1S+xdODy/eEtjADqirA774y3jLcm8RPtYztwReEXoZKdzgsHYPl0s5V52Tst+GKzqjebkULT86XMSxejzfISw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-linux-x64-musl@1.29.1: + resolution: {integrity: sha512-L0Tx0DtaNUTzXv0lbGCLB/c/qEADanHbu4QdcNOXLIe1i8i22rZRpbT3gpWYsCh9aSL9zFujY/WmEXIatWvXbw==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [linux] + + lightningcss-win32-arm64-msvc@1.29.1: + resolution: {integrity: sha512-QoOVnkIEFfbW4xPi+dpdft/zAKmgLgsRHfJalEPYuJDOWf7cLQzYg0DEh8/sn737FaeMJxHZRc1oBreiwZCjog==} + engines: {node: '>= 12.0.0'} + cpu: [arm64] + os: [win32] + + lightningcss-win32-x64-msvc@1.29.1: + resolution: {integrity: sha512-NygcbThNBe4JElP+olyTI/doBNGJvLs3bFCRPdvuCcxZCcCZ71B858IHpdm7L1btZex0FvCmM17FK98Y9MRy1Q==} + engines: {node: '>= 12.0.0'} + cpu: [x64] + os: [win32] + + lightningcss@1.29.1: + resolution: {integrity: sha512-FmGoeD4S05ewj+AkhTY+D+myDvXI6eL27FjHIjoyUkO/uw7WZD1fBVs0QxeYWa7E17CUHJaYX/RUGISCtcrG4Q==} + engines: {node: '>= 12.0.0'} + locate-path@6.0.0: resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==} engines: {node: '>=10'} @@ -1052,9 +1125,9 @@ snapshots: '@esbuild/win32-x64@0.24.2': optional: true - '@eslint-community/eslint-utils@4.4.1(eslint@9.18.0)': + '@eslint-community/eslint-utils@4.4.1(eslint@9.18.0(jiti@2.4.2))': dependencies: - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) eslint-visitor-keys: 3.4.3 '@eslint-community/regexpp@4.12.1': {} @@ -1243,15 +1316,15 @@ snapshots: '@types/prop-types': 15.7.14 csstype: 3.1.3 - '@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3))(eslint@9.18.0)(typescript@5.6.3)': + '@typescript-eslint/eslint-plugin@8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3))(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3)': dependencies: '@eslint-community/regexpp': 4.12.1 - '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/parser': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) '@typescript-eslint/scope-manager': 8.20.0 - '@typescript-eslint/type-utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) - '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/type-utils': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) '@typescript-eslint/visitor-keys': 8.20.0 - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) graphemer: 1.4.0 ignore: 5.3.2 natural-compare: 1.4.0 @@ -1260,14 +1333,14 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + '@typescript-eslint/parser@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3)': dependencies: '@typescript-eslint/scope-manager': 8.20.0 '@typescript-eslint/types': 8.20.0 '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) '@typescript-eslint/visitor-keys': 8.20.0 debug: 4.4.0 - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) typescript: 5.6.3 transitivePeerDependencies: - supports-color @@ -1277,12 +1350,12 @@ snapshots: '@typescript-eslint/types': 8.20.0 '@typescript-eslint/visitor-keys': 8.20.0 - '@typescript-eslint/type-utils@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + '@typescript-eslint/type-utils@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3)': dependencies: '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) - '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) debug: 4.4.0 - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) ts-api-utils: 2.0.0(typescript@5.6.3) typescript: 5.6.3 transitivePeerDependencies: @@ -1304,13 +1377,13 @@ snapshots: transitivePeerDependencies: - supports-color - '@typescript-eslint/utils@8.20.0(eslint@9.18.0)(typescript@5.6.3)': + '@typescript-eslint/utils@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3)': dependencies: - '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0) + '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0(jiti@2.4.2)) '@typescript-eslint/scope-manager': 8.20.0 '@typescript-eslint/types': 8.20.0 '@typescript-eslint/typescript-estree': 8.20.0(typescript@5.6.3) - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) typescript: 5.6.3 transitivePeerDependencies: - supports-color @@ -1320,10 +1393,10 @@ snapshots: '@typescript-eslint/types': 8.20.0 eslint-visitor-keys: 4.2.0 - '@vitejs/plugin-react-swc@3.7.2(vite@6.0.9)': + '@vitejs/plugin-react-swc@3.7.2(vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1))': dependencies: '@swc/core': 1.10.8 - vite: 6.0.9 + vite: 6.0.9(jiti@2.4.2)(lightningcss@1.29.1) transitivePeerDependencies: - '@swc/helpers' @@ -1392,6 +1465,9 @@ snapshots: deep-is@0.1.4: {} + detect-libc@1.0.3: + optional: true + esbuild@0.24.2: optionalDependencies: '@esbuild/aix-ppc64': 0.24.2 @@ -1422,13 +1498,13 @@ snapshots: escape-string-regexp@4.0.0: {} - eslint-plugin-react-hooks@5.1.0(eslint@9.18.0): + eslint-plugin-react-hooks@5.1.0(eslint@9.18.0(jiti@2.4.2)): dependencies: - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) - eslint-plugin-react-refresh@0.4.18(eslint@9.18.0): + eslint-plugin-react-refresh@0.4.18(eslint@9.18.0(jiti@2.4.2)): dependencies: - eslint: 9.18.0 + eslint: 9.18.0(jiti@2.4.2) eslint-scope@8.2.0: dependencies: @@ -1439,9 +1515,9 @@ snapshots: eslint-visitor-keys@4.2.0: {} - eslint@9.18.0: + eslint@9.18.0(jiti@2.4.2): dependencies: - '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0) + '@eslint-community/eslint-utils': 4.4.1(eslint@9.18.0(jiti@2.4.2)) '@eslint-community/regexpp': 4.12.1 '@eslint/config-array': 0.19.1 '@eslint/core': 0.10.0 @@ -1475,6 +1551,8 @@ snapshots: minimatch: 3.1.2 natural-compare: 1.4.0 optionator: 0.9.4 + optionalDependencies: + jiti: 2.4.2 transitivePeerDependencies: - supports-color @@ -1572,6 +1650,9 @@ snapshots: isexe@2.0.0: {} + jiti@2.4.2: + optional: true + js-tokens@4.0.0: {} js-yaml@4.1.0: @@ -1593,6 +1674,52 @@ snapshots: prelude-ls: 1.2.1 type-check: 0.4.0 + lightningcss-darwin-arm64@1.29.1: + optional: true + + lightningcss-darwin-x64@1.29.1: + optional: true + + lightningcss-freebsd-x64@1.29.1: + optional: true + + lightningcss-linux-arm-gnueabihf@1.29.1: + optional: true + + lightningcss-linux-arm64-gnu@1.29.1: + optional: true + + lightningcss-linux-arm64-musl@1.29.1: + optional: true + + lightningcss-linux-x64-gnu@1.29.1: + optional: true + + lightningcss-linux-x64-musl@1.29.1: + optional: true + + lightningcss-win32-arm64-msvc@1.29.1: + optional: true + + lightningcss-win32-x64-msvc@1.29.1: + optional: true + + lightningcss@1.29.1: + dependencies: + detect-libc: 1.0.3 + optionalDependencies: + lightningcss-darwin-arm64: 1.29.1 + lightningcss-darwin-x64: 1.29.1 + lightningcss-freebsd-x64: 1.29.1 + lightningcss-linux-arm-gnueabihf: 1.29.1 + lightningcss-linux-arm64-gnu: 1.29.1 + lightningcss-linux-arm64-musl: 1.29.1 + lightningcss-linux-x64-gnu: 1.29.1 + lightningcss-linux-x64-musl: 1.29.1 + lightningcss-win32-arm64-msvc: 1.29.1 + lightningcss-win32-x64-msvc: 1.29.1 + optional: true + locate-path@6.0.0: dependencies: p-locate: 5.0.0 @@ -1740,12 +1867,12 @@ snapshots: dependencies: prelude-ls: 1.2.1 - typescript-eslint@8.20.0(eslint@9.18.0)(typescript@5.6.3): + typescript-eslint@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3): dependencies: - '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0)(typescript@5.6.3))(eslint@9.18.0)(typescript@5.6.3) - '@typescript-eslint/parser': 8.20.0(eslint@9.18.0)(typescript@5.6.3) - '@typescript-eslint/utils': 8.20.0(eslint@9.18.0)(typescript@5.6.3) - eslint: 9.18.0 + '@typescript-eslint/eslint-plugin': 8.20.0(@typescript-eslint/parser@8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3))(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) + '@typescript-eslint/parser': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) + '@typescript-eslint/utils': 8.20.0(eslint@9.18.0(jiti@2.4.2))(typescript@5.6.3) + eslint: 9.18.0(jiti@2.4.2) typescript: 5.6.3 transitivePeerDependencies: - supports-color @@ -1756,13 +1883,15 @@ snapshots: dependencies: punycode: 2.3.1 - vite@6.0.9: + vite@6.0.9(jiti@2.4.2)(lightningcss@1.29.1): dependencies: esbuild: 0.24.2 postcss: 8.5.1 rollup: 4.31.0 optionalDependencies: fsevents: 2.3.3 + jiti: 2.4.2 + lightningcss: 1.29.1 which@2.0.2: dependencies: diff --git a/src/App.tsx b/src/App.tsx index 958688c..3b37bde 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -3,6 +3,8 @@ import './minor.css' import './content.css' import './App.css' import { format } from 'date-fns'; +import { GalleryContent } from './Gallery'; +import { GalleryTitleHeader } from './GalleryTitleHeader'; function getTimeFromNow(date: Date) { @@ -238,7 +240,24 @@ function GalleryTable() { function App() { return ( - + <> +
+ +
+ +
+ + ) } diff --git a/src/Gallery.tsx b/src/Gallery.tsx new file mode 100644 index 0000000..86676f6 --- /dev/null +++ b/src/Gallery.tsx @@ -0,0 +1,533 @@ +import { Separator } from "./Separator" + +function GalleryContentHeader() { + return
+
+ +

+ + [일반] + + 아 e글 유파들이 고도 왜 안올리는지 알았다 + + +

+
+
+ + 썬갤러 + + + (110.15) + + + + 2025.02.04 21:32:47 + +
+
+ + + 조회 65 + + + + 추천 0 + + + + + 댓글 13 + + +
+
+
+
+
+} + +function GalleryRecommendation() { + return
+
+ +
+ +
+

0

+

+ + + + + + 0 + +

+
+ +
+
+ + +
+

0

+
+
+
+
+ + + +
+
+
+} + +function GalleryNFTPublishButton() { + return
+ + + +
+} + +export function GalleryContent() { + return
+ +
+
+
+
+ + + +
+ 
+                    

+                        

+
+                            s텀 라주르같은걸로 트리밀고 탑젯 처음타니까 고도 올려야한단건
+                            모르는거임 이거말곤 ㄹㅇ 뭐가 없을듯
+                        

+                        

+                            그냥 진짜 몰라서 안올리는게 아닐까 싶음
+                        

+                    

+
+
+
+ + +
+
+
+
+
+
+} \ No newline at end of file diff --git a/src/GalleryTitleHeader.tsx b/src/GalleryTitleHeader.tsx new file mode 100644 index 0000000..fa15c84 --- /dev/null +++ b/src/GalleryTitleHeader.tsx @@ -0,0 +1,183 @@ +import { Separator } from "./Separator"; + +export function GalleryTitleHeader() { + return
+
+ +
+
+ + + + + +
+ + + + + + + + +
+
+
+} \ No newline at end of file diff --git a/src/Separator.tsx b/src/Separator.tsx new file mode 100644 index 0000000..5ecf52a --- /dev/null +++ b/src/Separator.tsx @@ -0,0 +1,11 @@ +export function Separator() { + return
; +} diff --git a/vite.config.ts b/vite.config.ts index 2328e17..b2ef06a 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,7 +1,10 @@ import { defineConfig } from 'vite' import react from '@vitejs/plugin-react-swc' +// import tailwindcss from '@tailwindcss/vite' // https://vite.dev/config/ export default defineConfig({ - plugins: [react()], + plugins: [ + react(), + ], })