- {children}
-
-
- );
-};
diff --git a/src/common/feature-layout/index.ts b/src/common/feature-layout/index.ts
deleted file mode 100644
index f7ad54817..000000000
--- a/src/common/feature-layout/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./Layout";
diff --git a/src/common/styles/colors.scss b/src/common/styles/colors.scss
deleted file mode 100644
index 4b6f6e63b..000000000
--- a/src/common/styles/colors.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-$color-primary: #6d6afe;
-$color-red: #ff5b56;
-$color-black: #111322;
-$color-white: #ffffff;
-
-$color-gray100: #373740;
-$color-gray60: #9fa6b2;
-$color-gray20: #ccd5e3;
-$color-gray10: #e7effb;
-$color-gray-light: #f5f5f5;
-
-$color-light-blue: #f0f6ff;
-
-$color-text-gray: #676767;
-$color-text-content-gray: #666666;
-$color-text-content-black: #333333;
diff --git a/src/common/styles/global.scss b/src/common/styles/global.scss
deleted file mode 100644
index 7ea93de24..000000000
--- a/src/common/styles/global.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import "./colors.scss";
-@import "./variables.scss";
-@import "./mixin.scss";
diff --git a/src/common/styles/mixin.scss b/src/common/styles/mixin.scss
deleted file mode 100644
index 721cfd6b9..000000000
--- a/src/common/styles/mixin.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-@mixin desktop {
- @media (min-width: 1200px) {
- @content;
- }
-}
-
-@mixin tablet {
- @media (min-width: 768px) {
- @content;
- }
-}
-
-@mixin ellipsis($line: 1) {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap !important;
-
- @if $line > 1 {
- display: -webkit-box;
- -webkit-line-clamp: $line;
- white-space: initial !important;
- -webkit-box-orient: vertical;
- }
-}
diff --git a/src/common/styles/reset.css b/src/common/styles/reset.css
deleted file mode 100644
index ba5b5b45c..000000000
--- a/src/common/styles/reset.css
+++ /dev/null
@@ -1,40 +0,0 @@
-/* user agent stylesheet 초기화 */
-
-* {
- box-sizing: border-box;
- margin: 0;
- font-family: "Pretendard";
- word-break: keep-all;
-}
-
-html,
-body {
- font-size: 62.5%;
-}
-
-a {
- color: inherit;
- text-decoration: none;
- cursor: pointer;
-}
-
-input {
- border: none;
- padding: none;
-}
-input:focus {
- outline: none;
-}
-input[type="search"]::-webkit-search-decoration,
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-results-button,
-input[type="search"]::-webkit-search-results-decoration {
- display: none;
-}
-
-button {
- border: none;
- padding: unset;
- background-color: unset;
- cursor: pointer;
-}
diff --git a/src/common/styles/variables.scss b/src/common/styles/variables.scss
deleted file mode 100644
index 3308e4784..000000000
--- a/src/common/styles/variables.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-$z-index-popover: 50;
-$z-index-nav: 100;
-$z-index-fab: 100;
-$z-index-modal: 1000;
diff --git a/src/common/types/data-access-types.ts b/src/common/types/data-access-types.ts
deleted file mode 100644
index d8eb46062..000000000
--- a/src/common/types/data-access-types.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-//user
-export type User = {
- id: number;
- created_at: Date;
- name: string;
- image_source: string;
- email: string;
- auth_id: string;
-};
-
-//link
-export type Link = {
- id: number;
- created_at: Date;
- updated_at?: Date;
- url: string;
- title: string;
- description: string;
- image_source: string;
- folder_id?: number;
-};
-
-export type Links = {
- data: Link[];
-};
-
-//folder
-export type Folder = {
- id: number;
- created_at: Date;
- name: string;
- user_id: number;
- favorite: boolean;
- link: {
- count: number;
- };
-};
-
-export type Folders = {
- data: Folder[];
-};
-
-//sample
-export type SampleUser = {
- id: number;
- name: string;
- email: string;
- profileImageSource: string;
-};
-
-export type SampleLink = {
- id: number;
- createdAt: Date;
- url: string;
- title: string;
- description: string;
- imageSource: string;
-};
-
-export interface EditedSampleLink
- extends Omit
- {elapsedTime}
-
- );
-};
diff --git a/src/common/ui-card-content/index.ts b/src/common/ui-card-content/index.ts
deleted file mode 100644
index 7d7c87ea2..000000000
--- a/src/common/ui-card-content/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./CardContent";
diff --git a/src/common/ui-card-image/CardImage.module.scss b/src/common/ui-card-image/CardImage.module.scss
deleted file mode 100644
index d88d2b0af..000000000
--- a/src/common/ui-card-image/CardImage.module.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- width: 100%;
- min-height: 19.2rem;
- height: 19.2rem;
- border-radius: 1.5rem 1.5rem 0 0;
- background-position: center;
- background-size: 100%;
- transition: background-size 0.3s ease-in-out;
-
- @media (min-width: 768px) {
- min-height: 20rem;
- height: 20rem;
- }
-
- &.zoomin {
- background-size: 130%;
- }
-}
diff --git a/src/common/ui-card-image/CardImage.tsx b/src/common/ui-card-image/CardImage.tsx
deleted file mode 100644
index 474aeaa0b..000000000
--- a/src/common/ui-card-image/CardImage.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import styles from "./CardImage.module.scss";
-import classNames from "classnames/bind";
-import { defaultImage } from "./constant";
-
-const cx = classNames.bind(styles);
-
-interface CardImageProps {
- imageSource: string;
- alt: string;
- isZoomedIn: boolean;
-}
-
-export const CardImage: React.FC{description}
- {createdAt} -
- {children}
-
- );
-};
diff --git a/src/common/ui-card/index.ts b/src/common/ui-card/index.ts
deleted file mode 100644
index 24d321246..000000000
--- a/src/common/ui-card/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./Card";
diff --git a/src/common/ui-cta/Cta.module.scss b/src/common/ui-cta/Cta.module.scss
deleted file mode 100644
index abc26c5b8..000000000
--- a/src/common/ui-cta/Cta.module.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- border-radius: 0.8rem;
- background: linear-gradient(91deg, $color-primary 0.12%, #6ae3fe 101.84%);
- color: $color-gray-light;
-}
diff --git a/src/common/ui-cta/Cta.tsx b/src/common/ui-cta/Cta.tsx
deleted file mode 100644
index 401415f2a..000000000
--- a/src/common/ui-cta/Cta.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import styles from "./Cta.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-type CtaProps = React.PropsWithChildren<{}>;
-
-export const Cta: React.FC{children}
;
-};
diff --git a/src/common/ui-cta/index.ts b/src/common/ui-cta/index.ts
deleted file mode 100644
index 196423796..000000000
--- a/src/common/ui-cta/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./Cta";
diff --git a/src/common/ui-delete-modal/DeleteModal.module.scss b/src/common/ui-delete-modal/DeleteModal.module.scss
deleted file mode 100644
index c6d3bf9a2..000000000
--- a/src/common/ui-delete-modal/DeleteModal.module.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
-}
-
-.modal-header {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- row-gap: 0.8rem;
-}
-
-.modal-content {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- row-gap: 1.5rem;
-
- color: black;
- font-size: 3rem;
-}
-
-.button {
- width: 28rem;
- height: 5.1rem;
- font-size: 1.6rem;
- color: $color-gray-light;
-}
diff --git a/src/common/ui-delete-modal/DeleteModal.tsx b/src/common/ui-delete-modal/DeleteModal.tsx
deleted file mode 100644
index c3f39c180..000000000
--- a/src/common/ui-delete-modal/DeleteModal.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import styles from "./DeleteModal.module.scss";
-import classNames from "classnames/bind";
-import { Modal } from "@/common/ui-modal";
-import { ModalContentBox } from "@/common/ui-modal-content-box";
-import { ModalContentButton } from "@/common/ui-modal-content-button";
-import { ModalContentTitle } from "@/common/ui-modal-content-title";
-import { ModalContentDescription } from "@/common/ui-modal-content-description";
-import { KeyboardEvent } from "react";
-import { DeleteModalProps } from "../types/modal-prop-types";
-
-const cx = classNames.bind(styles);
-
-export const DeleteModal: React.FC
-
- {buttonText}
-
-
- }
- onCloseClick={onCloseClick}
- />
-
-
- {buttonText}
-
- }
- onCloseClick={onCloseClick}
- />
-
-
-
- );
-};
diff --git a/src/common/ui-modal-content-box/index.ts b/src/common/ui-modal-content-box/index.ts
deleted file mode 100644
index bb7b974c1..000000000
--- a/src/common/ui-modal-content-box/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./ModalContentBox";
diff --git a/src/common/ui-modal-content-button/ModalContentButton.module.scss b/src/common/ui-modal-content-button/ModalContentButton.module.scss
deleted file mode 100644
index ca09b0333..000000000
--- a/src/common/ui-modal-content-button/ModalContentButton.module.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.button {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 5.1rem;
- background-color: $color-red;
- border-radius: 0.8rem;
- font-size: 1.6rem;
- font-weight: 600;
- color: $color-gray-light;
-
- &.red {
- background-color: $color-red;
- }
-
- &.blue {
- background: linear-gradient(91deg, $color-primary 0.12%, #6ae3fe 101.84%);
- }
-}
diff --git a/src/common/ui-modal-content-button/ModalContentButton.tsx b/src/common/ui-modal-content-button/ModalContentButton.tsx
deleted file mode 100644
index 63041d45e..000000000
--- a/src/common/ui-modal-content-button/ModalContentButton.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { MouseEventHandler, ReactNode } from "react";
-import styles from "./ModalContentButton.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-type ModalContentButtonProps = React.PropsWithChildren<{
- onClick?: () => void; // TODO: 버튼 기능 구현 시 명확히 지정할 것
- themeColor?: string;
-}>;
-
-export const ModalContentButton: React.FC
- {header}
- {content}
-
- {children}
; -}; diff --git a/src/common/ui-modal-content-title/index.ts b/src/common/ui-modal-content-title/index.ts deleted file mode 100644 index 18fe6af95..000000000 --- a/src/common/ui-modal-content-title/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from "./ModalContentTitle"; diff --git a/src/common/ui-modal/Modal.module.scss b/src/common/ui-modal/Modal.module.scss deleted file mode 100644 index 2c1c99dd6..000000000 --- a/src/common/ui-modal/Modal.module.scss +++ /dev/null @@ -1,28 +0,0 @@ -@import "@/common/styles/global.scss"; - -.container { - position: fixed; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - outline: none; - z-index: $z-index-modal; - animation: fadeIn 0.2s; - - &.backdrop { - background-color: rgba(0, 0, 0, 0.4); - } -} - -@keyframes fadeIn { - from { - visibility: hidden; - opacity: 0; - } - to { - visibility: visible; - opacity: 1; - } -} diff --git a/src/common/ui-modal/Modal.tsx b/src/common/ui-modal/Modal.tsx deleted file mode 100644 index e171c2a4e..000000000 --- a/src/common/ui-modal/Modal.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import styles from "./Modal.module.scss"; -import classNames from "classnames/bind"; -import { Portal } from "@/common/ui-portal/Portal"; -import React from "react"; - -const cx = classNames.bind(styles); - -type ModalProps = React.PropsWithChildren<{ - isOpen: boolean; - disableScrollLock?: boolean; - hideBackdrop?: boolean; - onBackdropClick: () => void; - onKeyDown: (e: React.KeyboardEvent
- {children}
-
-
- {children}
-
-
-
- );
-};
diff --git a/src/components-FolderPage/feature-folder-tool-bar/constant.ts b/src/components-FolderPage/feature-folder-tool-bar/constant.ts
deleted file mode 100644
index 52c722a23..000000000
--- a/src/components-FolderPage/feature-folder-tool-bar/constant.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export const modalsId = {
- addFolder: "addFolder",
- share: "share",
- rename: "rename",
- delete: "delete",
-};
-
-export const buttons = [
- {
- iconSource: "images/share.svg",
- text: "공유",
- modalId: modalsId.share,
- },
- {
- iconSource: "images/pen.svg",
- text: "이름 변경",
- modalId: modalsId.rename,
- },
- {
- iconSource: "images/trash.svg",
- text: "삭제",
- modalId: modalsId.delete,
- },
-];
-
-export const allLinksText = "전체";
-
-export const KAKAO_SHARE_DATA = {
- title: "Linkbrary",
- description: "링크를 저장하고 공유하는 가장 쉬운 방법",
- imageUrl: "https://codeit-frontend.codeit.com/static/images/brand/og_tag.png",
-};
diff --git a/src/components-FolderPage/feature-folder-tool-bar/index.ts b/src/components-FolderPage/feature-folder-tool-bar/index.ts
deleted file mode 100644
index 4f6c19526..000000000
--- a/src/components-FolderPage/feature-folder-tool-bar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./FolderToolBar";
diff --git a/src/components-FolderPage/ui-add-folder-button/AddFolderButton.module.scss b/src/components-FolderPage/ui-add-folder-button/AddFolderButton.module.scss
deleted file mode 100644
index 4364f07b9..000000000
--- a/src/components-FolderPage/ui-add-folder-button/AddFolderButton.module.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- align-items: center;
- column-gap: 0.4rem;
- font-size: 1.6rem;
- font-weight: 500;
-
- height: 3.5rem;
- padding: 0 2.4rem;
- border-radius: 2rem;
- border: 0.1rem solid $color-white;
- background-color: $color-primary;
- color: $color-gray10;
-
- @include tablet {
- padding: 0;
- background-color: transparent;
- color: $color-primary;
- }
-}
-
-.icon {
- fill: $color-gray10;
-
- @include tablet {
- fill: $color-primary;
- }
-}
diff --git a/src/components-FolderPage/ui-add-folder-button/AddFolderButton.tsx b/src/components-FolderPage/ui-add-folder-button/AddFolderButton.tsx
deleted file mode 100644
index 8feca892a..000000000
--- a/src/components-FolderPage/ui-add-folder-button/AddFolderButton.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import styles from "./AddFolderButton.module.scss";
-import classNames from "classnames/bind";
-import { ReactComponent as AddIcon } from "./add.svg"; // TODO: IMAGE 컴포넌트로
-
-const cx = classNames.bind(styles);
-
-interface AddFolderButtonProps {
- onClick: () => void;
-}
-
-export const AddFolderButton: React.FC
- {
- setSelectedFolderId(allLinksId);
- setKeyword("");
- }}
- isSelected={allLinksId === selectedFolderId}
- />
- {folders?.map(({ id, name }) => (
- {
- setSelectedFolderId(id);
- setKeyword("");
- }}
- isSelected={id === selectedFolderId}
- />
- ))}
-
-
-
- {
- setCurrentModal(modalsId.addFolder);
- }}
- />
- {/* REMIND: 이런 식으로 팝업 시킬 모달창을 제어할 수 있다 */}
-
- {folderName}
-
- {buttons.map(({ text, iconSource, modalId }) => (
- setCurrentModal(modalId)}
- />
- ))}
-
-
-
-
-
-
- }
- onCloseClick={onCloseClick}
- />
-
-
- {buttonText}
-
-
- }
- onCloseClick={onCloseClick}
- />
-
- {folders?.map(({ id, name, link }) => {
- return (
- {
- setSelectedFolderId(id);
- }}
- />
- );
- })}
-
-
-
- {buttonText}
-
-
- }
- onCloseClick={onCloseClick}
- />
-
- {children}
-
- );
-});
diff --git a/src/components-SharedPage/ui-card-list/index.ts b/src/components-SharedPage/ui-card-list/index.ts
deleted file mode 100644
index 01f98599d..000000000
--- a/src/components-SharedPage/ui-card-list/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./CardList";
diff --git a/src/components-SharedPage/ui-editable-card/EditableCard.module.scss b/src/components-SharedPage/ui-editable-card/EditableCard.module.scss
deleted file mode 100644
index 6f77caf39..000000000
--- a/src/components-SharedPage/ui-editable-card/EditableCard.module.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.star {
- position: absolute;
- top: 1.5rem;
- right: 1.5rem;
- width: 3.4rem;
- height: 3.4rem;
-}
-
-.kebab {
- position: absolute;
- top: 20.7rem;
- right: 2rem;
-
- @include tablet {
- top: 21.5rem;
- }
-}
-
-.popover-list {
- display: flex;
- flex-direction: column;
- row-gap: 0.2rem;
- width: 10rem;
- padding: 0;
- box-shadow: 0 0.2rem 0.8rem 0 rgba(51, 50, 54, 0.1);
- background: $color-white;
-
- & > li {
- display: flex;
- justify-content: center;
- align-items: center;
- list-style-type: none;
- height: 3.1rem;
- font-size: 1.4rem;
-
- &:hover {
- background: $color-gray10;
- color: $color-primary;
- }
- }
-}
diff --git a/src/components-SharedPage/ui-editable-card/EditableCard.tsx b/src/components-SharedPage/ui-editable-card/EditableCard.tsx
deleted file mode 100644
index 748e6dad3..000000000
--- a/src/components-SharedPage/ui-editable-card/EditableCard.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import styles from "./EditableCard.module.scss";
-import classNames from "classnames/bind";
-import { useCallback, useRef, useState } from "react";
-import { Card } from "@/common/ui-card";
-import { CardContent } from "@/common/ui-card-content";
-import { CardImage } from "@/common/ui-card-image";
-import { Popover } from "@/common/ui-popover/Popover";
-
-const cx = classNames.bind(styles);
-
-export const EditableCard = ({
- url,
- imageSource,
- alt,
- elapsedTime,
- description,
- createdAt,
- popoverPosition,
- onDeleteClick,
- onAddToFolderClick,
-}) => {
- const [isHovered, setIsHovered] = useState(false);
- const [isPopoverOpen, setIsPopoverOpen] = useState(false);
- const kebabButtonRef = useRef(null);
- const handleMouseOver = () => setIsHovered(true);
- const handleMouseLeave = () => setIsHovered(false);
- const handleKebabClick = (event) => {
- event.preventDefault();
- setIsPopoverOpen(true);
- };
- const handleBackgroundClick = useCallback(() => {
- setIsPopoverOpen(false);
- }, []);
- const handleDeleteClick = (event) => {
- event.preventDefault();
- onDeleteClick();
- setIsPopoverOpen(false);
- };
- const handleAddToFolderClick = (event) => {
- event.preventDefault();
- onAddToFolderClick();
- setIsPopoverOpen(false);
- };
-
- return (
-
- -
-
- 삭제하기 -
- 폴더에 추가 -
- 
- {ownerName}
-
- );
-};
diff --git a/src/components-SharedPage/ui-folder-info/index.ts b/src/components-SharedPage/ui-folder-info/index.ts
deleted file mode 100644
index 8e64f815d..000000000
--- a/src/components-SharedPage/ui-folder-info/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./FolderInfo";
diff --git a/src/components-SharedPage/ui-link-form/LinkForm.module.scss b/src/components-SharedPage/ui-link-form/LinkForm.module.scss
deleted file mode 100644
index 51cc1d281..000000000
--- a/src/components-SharedPage/ui-link-form/LinkForm.module.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- justify-content: center;
- width: 100%;
- padding: 2.4rem 3.2rem 4rem;
- background-color: $color-light-blue;
-
- @include tablet {
- padding: 6rem 3.2rem 9rem;
- }
-}
-
-.form {
- display: flex;
- align-items: center;
- width: 100%;
- max-width: 80rem;
- height: 5.3rem;
- column-gap: 1rem;
- padding: 0 1rem;
- border: 0.1rem solid $color-primary;
- border-radius: 1.5rem;
- background-color: $color-white;
-
- @include tablet {
- height: 6.9rem;
- column-gap: 2rem;
- padding: 0 2rem;
- }
-}
-
-.input-box {
- display: flex;
- align-items: center;
- width: 100%;
- column-gap: 0.8rem;
-
- @include tablet {
- column-gap: 1.2rem;
- }
-}
-
-.icon {
- width: 1.6rem;
- height: 1.6rem;
-
- @include tablet {
- width: 2rem;
- height: 2rem;
- }
-}
-
-.input {
- width: 100%;
- height: 5.1rem;
- font-size: 1.4rem;
- line-height: 150%;
-
- @include tablet {
- height: 6.7rem;
- font-size: 1.6rem;
- }
-
- &::placeholder {
- color: $color-gray60;
- }
-}
-
-.button {
- width: 8rem;
- height: 3.7rem;
- font-size: 1.4rem;
- color: inherit;
-}
diff --git a/src/components-SharedPage/ui-link-form/LinkForm.tsx b/src/components-SharedPage/ui-link-form/LinkForm.tsx
deleted file mode 100644
index 25d3c5a4e..000000000
--- a/src/components-SharedPage/ui-link-form/LinkForm.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Cta } from "@/common/ui-cta";
-import styles from "./LinkForm.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-interface LinkFormProps {
- onSubmit: (e: React.FormEvent{folderName}
-
-
-
- );
-};
diff --git a/src/components-SharedPage/ui-link-form/index.ts b/src/components-SharedPage/ui-link-form/index.ts
deleted file mode 100644
index edcc920c2..000000000
--- a/src/components-SharedPage/ui-link-form/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./LinkForm";
diff --git a/src/components-SharedPage/ui-no-link/NoLink.module.scss b/src/components-SharedPage/ui-no-link/NoLink.module.scss
deleted file mode 100644
index 50a42e1e1..000000000
--- a/src/components-SharedPage/ui-no-link/NoLink.module.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- justify-content: center;
- padding-top: 3.4rem;
-
- @include tablet {
- padding-top: 4.1rem;
- }
-}
-
-.message {
- font-size: 1.4rem;
- line-height: 150%;
-
- @include tablet {
- font-size: 1.6rem;
- }
-}
diff --git a/src/components-SharedPage/ui-no-link/NoLink.tsx b/src/components-SharedPage/ui-no-link/NoLink.tsx
deleted file mode 100644
index ebd5badbf..000000000
--- a/src/components-SharedPage/ui-no-link/NoLink.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import styles from "./NoLink.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-export const NoLink: React.FC<{}> = () => {
- return (
-
- 저장된 링크가 없습니다
-
- );
-};
diff --git a/src/components-SharedPage/ui-no-link/index.ts b/src/components-SharedPage/ui-no-link/index.ts
deleted file mode 100644
index d6eb95eb6..000000000
--- a/src/components-SharedPage/ui-no-link/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./NoLink";
diff --git a/src/components-SharedPage/ui-read-only-card/ReadOnlyCard.tsx b/src/components-SharedPage/ui-read-only-card/ReadOnlyCard.tsx
deleted file mode 100644
index 6caf79a59..000000000
--- a/src/components-SharedPage/ui-read-only-card/ReadOnlyCard.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React, { useState } from "react";
-import { Card } from "@/common/ui-card";
-import { CardContent } from "@/common/ui-card-content";
-import { CardImage } from "@/common/ui-card-image";
-import { EditedSampleLink, SampleLink } from "@/common/types/data-access-types";
-
-interface ReadOnlyCardProps
- extends Omit
- 
- {profile.email}
-
- );
-};
diff --git a/src/components-user/ui-profile/index.ts b/src/components-user/ui-profile/index.ts
deleted file mode 100644
index b6f21ff6f..000000000
--- a/src/components-user/ui-profile/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./Profile";
diff --git a/src/page-layout/FolderLayout/FolderLayout.module.scss b/src/page-layout/FolderLayout/FolderLayout.module.scss
deleted file mode 100644
index 89893a456..000000000
--- a/src/page-layout/FolderLayout/FolderLayout.module.scss
+++ /dev/null
@@ -1,39 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- height: 100%;
- row-gap: 2rem;
- padding-bottom: 2rem;
-
- @include tablet {
- row-gap: 4rem;
- padding-bottom: 4rem;
- }
-}
-
-.items {
- display: flex;
- flex-direction: column;
- row-gap: 3.2rem;
- width: 100%;
- max-width: 112.4rem;
- padding: 0 3.2rem;
-
- @include tablet {
- row-gap: 4rem;
- }
-}
-
-.folder-box {
- display: flex;
- flex-direction: column;
- row-gap: 2rem;
-
- @include tablet {
- row-gap: 2.4rem;
- }
-}
diff --git a/src/page-layout/FolderLayout/FolderLayout.tsx b/src/page-layout/FolderLayout/FolderLayout.tsx
deleted file mode 100644
index 87f8e3384..000000000
--- a/src/page-layout/FolderLayout/FolderLayout.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import styles from "./FolderLayout.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-export const FolderLayout = ({
- linkForm,
- searchBar,
- folderToolBar,
- cardList,
-}) => {
- return (
-
- {linkForm}
-
- );
-};
diff --git a/src/page-layout/FolderLayout/index.ts b/src/page-layout/FolderLayout/index.ts
deleted file mode 100644
index b50c992f3..000000000
--- a/src/page-layout/FolderLayout/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./FolderLayout";
diff --git a/src/page-layout/SharedLayout/SharedLayout.module.scss b/src/page-layout/SharedLayout/SharedLayout.module.scss
deleted file mode 100644
index dd9f11cf0..000000000
--- a/src/page-layout/SharedLayout/SharedLayout.module.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@import "@/common/styles/global.scss";
-
-.container {
- display: flex;
- flex-direction: column;
- align-items: center;
- height: 100%;
- width: 100%;
- row-gap: 2rem;
- padding-bottom: 2rem;
-
- @include tablet {
- row-gap: 4rem;
- padding-bottom: 6rem;
- }
-}
-
-.items {
- display: flex;
- flex-direction: column;
- align-items: center;
- width: 100%;
- max-width: 112.4rem;
- row-gap: 3.2rem;
- padding: 0 3.2rem;
-
- @include tablet {
- row-gap: 4rem;
- }
-}
diff --git a/src/page-layout/SharedLayout/SharedLayout.tsx b/src/page-layout/SharedLayout/SharedLayout.tsx
deleted file mode 100644
index 18fadd5ee..000000000
--- a/src/page-layout/SharedLayout/SharedLayout.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import styles from "./SharedLayout.module.scss";
-import classNames from "classnames/bind";
-
-const cx = classNames.bind(styles);
-
-export const SharedLayout = ({ folderInfo, searchBar, cardList }) => {
- return (
-
- {searchBar}
-
-
- {folderToolBar}
- {cardList}
-
-
- {folderInfo}
-
- );
-};
diff --git a/src/page-layout/SharedLayout/index.ts b/src/page-layout/SharedLayout/index.ts
deleted file mode 100644
index 04d04fdf2..000000000
--- a/src/page-layout/SharedLayout/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./SharedLayout";
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
deleted file mode 100644
index a7a790fba..000000000
--- a/src/pages/_app.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import "@/styles/globals.css";
-import type { AppProps } from "next/app";
-
-export default function App({ Component, pageProps }: AppProps) {
- return
- {searchBar}
- {cardList}
-
-
- (클릭) 폴더페이지로 이동
-
- (클릭) 링크페이지로 이동 -
-
- );
-}
diff --git a/src/pages/shared.tsx b/src/pages/shared.tsx
deleted file mode 100644
index 3473da04d..000000000
--- a/src/pages/shared.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useGetFolder } from "@/components-FolderPage/data-access-folder";
-import { Layout } from "@/common/feature-layout";
-import { SharedLayout } from "@/page-layout/SharedLayout";
-import { CardList } from "@/components-SharedPage/ui-card-list";
-import { FolderInfo } from "@/components-SharedPage/ui-folder-info";
-import { ReadOnlyCard } from "@/components-SharedPage/ui-read-only-card";
-import { SearchBar } from "@/components-SharedPage/ui-search-bar";
-
-export const SharedPage = () => {
- const { data } = useGetFolder();
- const { profileImage, ownerName, folderName, links } = data || {};
-
- return (
- - (클릭) 링크페이지로 이동 -