diff --git a/frontend/src/assets/downArrow.svg b/frontend/src/assets/downArrow.svg
deleted file mode 100644
index 0ba640187..000000000
--- a/frontend/src/assets/downArrow.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-
diff --git a/frontend/src/assets/menu.svg b/frontend/src/assets/menu.svg
deleted file mode 100644
index f6ef2123c..000000000
--- a/frontend/src/assets/menu.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/frontend/src/assets/usageCarosel1.svg b/frontend/src/assets/usageCarosel1.svg
deleted file mode 100644
index e08908e8b..000000000
--- a/frontend/src/assets/usageCarosel1.svg
+++ /dev/null
@@ -1,67 +0,0 @@
-
diff --git a/frontend/src/assets/usageCarosel2.svg b/frontend/src/assets/usageCarosel2.svg
deleted file mode 100644
index 3252763d5..000000000
--- a/frontend/src/assets/usageCarosel2.svg
+++ /dev/null
@@ -1,60 +0,0 @@
-
diff --git a/frontend/src/assets/usageCarosel3.svg b/frontend/src/assets/usageCarosel3.svg
deleted file mode 100644
index 617ceb44c..000000000
--- a/frontend/src/assets/usageCarosel3.svg
+++ /dev/null
@@ -1,61 +0,0 @@
-
diff --git a/frontend/src/components/common/RevieweeComments/index.tsx b/frontend/src/components/common/RevieweeComments/index.tsx
deleted file mode 100644
index 4c594e971..000000000
--- a/frontend/src/components/common/RevieweeComments/index.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import * as S from './styles';
-
-interface RevieweeCommentsProps {
- comment: string;
-}
-
-const DEFAULT_COMMENTS = '안녕하세요! 리뷰 잘 부탁드려요';
-
-const RevieweeComments = ({ comment }: RevieweeCommentsProps) => {
- return {comment || DEFAULT_COMMENTS};
-};
-
-export default RevieweeComments;
diff --git a/frontend/src/components/common/RevieweeComments/styles.ts b/frontend/src/components/common/RevieweeComments/styles.ts
deleted file mode 100644
index d861b5496..000000000
--- a/frontend/src/components/common/RevieweeComments/styles.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import styled from '@emotion/styled';
-
-export const RevieweeComments = styled.p`
- width: inherit;
- height: 3rem;
- margin-top: 1.6rem;
- padding-left: 2.5rem;
-
- font-size: ${({ theme }) => theme.fontSize.basic};
- font-weight: ${({ theme }) => theme.fontWeight.bold};
-
- border-left: 0.4rem solid ${({ theme }) => theme.colors.black};
-`;
diff --git a/frontend/src/components/common/index.tsx b/frontend/src/components/common/index.tsx
index bed10f723..f18308ab9 100644
--- a/frontend/src/components/common/index.tsx
+++ b/frontend/src/components/common/index.tsx
@@ -1,7 +1,6 @@
export { default as Button } from './Button';
export { default as Input } from './Input';
export { default as ReviewDate } from './ReviewDate';
-export { default as RevieweeComments } from './RevieweeComments';
export { default as MultilineTextViewer } from './MultilineTextViewer';
export { default as TopButton } from './TopButton';
export { default as Checkbox } from './Checkbox';
diff --git a/frontend/src/components/common/modals/SideModal/index.tsx b/frontend/src/components/common/modals/SideModal/index.tsx
deleted file mode 100644
index 0041b6777..000000000
--- a/frontend/src/components/common/modals/SideModal/index.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-
-import ModalPortal from '@/components/common/modals/ModalPortal';
-
-import ModalBackground from '../ModalBackground';
-
-import * as S from './styles';
-
-interface SideModalProps {
- isSidebarHidden: boolean;
- closeModal: () => void;
-}
-
-const SideModal: React.FC> = ({ children: Sidebar, isSidebarHidden, closeModal }) => {
- return (
-
- );
-};
-
-export default SideModal;
diff --git a/frontend/src/components/common/modals/SideModal/styles.ts b/frontend/src/components/common/modals/SideModal/styles.ts
deleted file mode 100644
index c64b13db8..000000000
--- a/frontend/src/components/common/modals/SideModal/styles.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import styled from '@emotion/styled';
-
-interface SidebarWrapperProps {
- $isSidebarHidden: boolean;
-}
-
-export const SidebarWrapper = styled.div`
- position: absolute;
- top: 0;
- left: ${(props) => (props.$isSidebarHidden ? '-100%' : 0)};
- transition: left 0.2s ease-in-out;
-`;
diff --git a/frontend/src/components/common/modals/index.tsx b/frontend/src/components/common/modals/index.tsx
index 9552c2a16..e6c52e598 100644
--- a/frontend/src/components/common/modals/index.tsx
+++ b/frontend/src/components/common/modals/index.tsx
@@ -1,4 +1,3 @@
-export { default as SideModal } from './SideModal';
export { default as ConfirmModal } from './ConfirmModal';
export { default as AlertModal } from './AlertModal';
export { default as ErrorAlertModal } from './ErrorAlertModal';
diff --git a/frontend/src/mocks/mockData/reviewListMockData.ts b/frontend/src/mocks/mockData/reviewListMockData.ts
index 30d4741a2..422629492 100644
--- a/frontend/src/mocks/mockData/reviewListMockData.ts
+++ b/frontend/src/mocks/mockData/reviewListMockData.ts
@@ -5,7 +5,7 @@ export const REVIEW_LIST: ReviewList = {
lastReviewId: 12,
reviews: [
{
- reviewId: 1,
+ reviewId: 5,
createdAt: '2024-07-24',
contentPreview: `1. 물론 시중에 출간되어 있는 책들로 공부하는 것도 큰 장점이지만 더 깊은 공부를 하고 싶을 때 공식 문서를 확인해보는 것이 좋기 때문에, 저 개인적인 생각으로는 언어 공부를 아예 처음 입문하시는 분들은 한국에서 출간된 개발 서적으로 공부를 시작하시다가 모르는 부분이.....`,
categories: [
diff --git a/frontend/src/pages/DetailedReviewPage/components/LockToggle/index.tsx b/frontend/src/pages/DetailedReviewPage/components/LockToggle/index.tsx
deleted file mode 100644
index 50f44e5d0..000000000
--- a/frontend/src/pages/DetailedReviewPage/components/LockToggle/index.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import LockIcon from '@/assets/lock.svg';
-import UnlockIcon from '@/assets/unLock.svg';
-
-import * as S from './styles';
-
-const IMAGE = {
- lock: {
- src: LockIcon,
- alt: 'lock icon',
- text: '비공개',
- },
- unlock: {
- src: UnlockIcon,
- alt: 'unlock icon',
- text: '공개',
- },
-};
-interface ToggleButtonProps {
- name: keyof typeof IMAGE;
- $isPublic: boolean;
- handleClickToggleButton: () => void;
-}
-
-const ToggleButton = ({ name, $isPublic, handleClickToggleButton }: ToggleButtonProps) => {
- const { src, alt, text } = IMAGE[name];
- const $isActive = name === 'lock' ? $isPublic : !$isPublic;
-
- return (
-
- 
- {text}
-
- );
-};
-
-interface LockToggleProps extends Omit {}
-
-const LockToggle = (props: LockToggleProps) => {
- return (
-
-
-
-
- );
-};
-
-export default LockToggle;
diff --git a/frontend/src/pages/DetailedReviewPage/components/LockToggle/styles.ts b/frontend/src/pages/DetailedReviewPage/components/LockToggle/styles.ts
deleted file mode 100644
index 1dadbb62f..000000000
--- a/frontend/src/pages/DetailedReviewPage/components/LockToggle/styles.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import styled from '@emotion/styled';
-
-interface ButtonProps {
- $isActive: boolean;
-}
-export const Button = styled.button`
- display: flex;
- align-items: center;
- justify-content: center;
-
- width: 9rem;
- height: 3rem;
- padding: 0.8rem 0.8rem;
-
- font-size: ${({ theme }) => theme.fontSize.small};
- font-weight: ${({ theme }) => theme.fontWeight.bold};
- color: ${(props) => (props.$isActive ? props.theme.colors.black : props.theme.colors.gray)};
-
- background-color: ${(props) => (props.$isActive ? props.theme.colors.white : 'transparent')};
- border-radius: ${({ theme }) => theme.borderRadius.basic};
- img {
- width: 1.4rem;
- height: 1.4rem;
- margin-right: 0.4rem;
- fill: ${(props) => (props.$isActive ? props.theme.colors.black : props.theme.colors.gray)};
- }
-`;
-
-export const LockToggle = styled.div`
- display: flex;
- align-items: center;
- justify-content: space-between;
-
- width: 20rem;
- height: 4rem;
- padding: 0.5rem 0.6rem;
-
- background-color: ${({ theme }) => theme.colors.lightGray};
- border-radius: ${({ theme }) => theme.borderRadius.basic};
-`;
diff --git a/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/index.tsx b/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/index.tsx
index b4c38c18a..ed4e721b8 100644
--- a/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/index.tsx
+++ b/frontend/src/pages/DetailedReviewPage/components/ReviewDescription/index.tsx
@@ -1,33 +1,20 @@
-import { ReviewDate } from '@/components';
-import { ProjectImgProps } from '@/components/common/ProjectImg';
-import { ReviewDateProps } from '@/components/common/ReviewDate';
-
-// import LockToggle from '../LockToggle';
+import ReviewDate, { ReviewDateProps } from '@/components/common/ReviewDate';
import * as S from './styles';
-// const PROJECT_IMAGE_SIZE = '6rem';
const DATE_TITLE = '리뷰 작성일';
-interface ReviewDescriptionProps extends Omit, Omit {
+interface ReviewDescriptionProps extends Omit {
+ projectName: string;
isPublic: boolean;
revieweeName: string;
handleClickToggleButton: () => void;
}
-const ReviewDescription = ({
- // thumbnailUrl,
- projectName,
- revieweeName,
- // isPublic,
- date,
- // handleClickToggleButton,
-}: ReviewDescriptionProps) => {
+const ReviewDescription = ({ projectName, revieweeName, date }: ReviewDescriptionProps) => {
return (
- {/* NOTE: 추후에 깃허브 로고 대신 다른 이미지로 대체될 수 있어서 일단 주석 처리 */}
- {/* */}
{projectName}
@@ -38,9 +25,6 @@ const ReviewDescription = ({
- {/* 시현 때 숨김
-
- */}
);
};
diff --git a/frontend/src/pages/ErrorPage/index.tsx b/frontend/src/pages/ErrorPage/index.tsx
index 115b218d9..132577caf 100644
--- a/frontend/src/pages/ErrorPage/index.tsx
+++ b/frontend/src/pages/ErrorPage/index.tsx
@@ -16,7 +16,7 @@ const ErrorPage = () => {
return (
-
+
);
};