diff --git a/package.json b/package.json index 6575e3c..9922711 100644 --- a/package.json +++ b/package.json @@ -39,6 +39,7 @@ "react-dom": "^18", "react-notion-x": "^6.16.0", "react-responsive-masonry": "^2.1.7", + "simplebar-react": "^3.2.4", "zustand": "^4.4.7" }, "devDependencies": { diff --git a/pages/_document.tsx b/pages/_document.tsx index b35f711..9be3695 100644 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -1,4 +1,5 @@ import { Head, Html, Main, NextScript } from 'next/document'; +import SimpleBar from 'simplebar-react'; import { PORTAL_ID } from '@constants/portal'; import { pretendard } from '@styles/font'; @@ -8,7 +9,9 @@ const Document = () => { -
+ +
+ {Object.values(PORTAL_ID).map((value) => (
))} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d65b6de..93bd803 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -74,6 +74,9 @@ dependencies: react-responsive-masonry: specifier: ^2.1.7 version: 2.1.7 + simplebar-react: + specifier: ^3.2.4 + version: 3.2.4(react@18.2.0) zustand: specifier: ^4.4.7 version: 4.4.7(@types/react@18.2.43)(react@18.2.0) @@ -4472,9 +4475,14 @@ packages: '@types/node': 20.10.4 dev: true + /@types/lodash-es@4.17.12: + resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==} + dependencies: + '@types/lodash': 4.14.202 + dev: false + /@types/lodash@4.14.202: resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==} - dev: true /@types/mdx@2.0.10: resolution: {integrity: sha512-Rllzc5KHk0Al5/WANwgSPl1/CwjqCy+AZrGd78zuK+jO9aDM6ffblZ+zIjgPNAaEBmlO0RYDvLNh7wD0zKVgEg==} @@ -5880,6 +5888,10 @@ packages: engines: {node: '>=10'} dev: false + /can-use-dom@0.1.0: + resolution: {integrity: sha512-ceOhN1DL7Y4O6M0j9ICgmTYziV89WMd96SvSl0REd8PMgrY0B/WBOPoed5S1KUmJqXgUXh8gzSe6E3ae27upsQ==} + dev: false + /caniuse-lite@1.0.30001566: resolution: {integrity: sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==} @@ -9584,6 +9596,10 @@ packages: p-locate: 6.0.0 dev: true + /lodash-es@4.17.21: + resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==} + dev: false + /lodash.camelcase@4.3.0: resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==} dev: true @@ -9633,7 +9649,6 @@ packages: /lodash@4.17.21: resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==} - dev: true /log-symbols@4.1.0: resolution: {integrity: sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==} @@ -12198,6 +12213,24 @@ packages: semver: 7.5.4 dev: true + /simplebar-core@1.2.4: + resolution: {integrity: sha512-P+Sqshef4fq3++gQ82TgNYcgl3qZFSCP5jS2/8NMmw18oagXOijMzs1G+vm6RUY3oMvpwH3wGoqh9u6SyDjHfQ==} + dependencies: + '@types/lodash-es': 4.17.12 + can-use-dom: 0.1.0 + lodash: 4.17.21 + lodash-es: 4.17.21 + dev: false + + /simplebar-react@3.2.4(react@18.2.0): + resolution: {integrity: sha512-ogLN79e7JUm82wJChD7NSUB+4EHCFvDkjXpiu8hT1Alk7DnCekUWds61NXcsP9jC97KOgF5To/AVjYFbX0olgg==} + peerDependencies: + react: '>=16.8.0' + dependencies: + react: 18.2.0 + simplebar-core: 1.2.4 + dev: false + /sisteransi@1.0.5: resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} dev: true