diff --git a/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx
index 84338f33c..4e4b826ef 100644
--- a/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx
+++ b/frontend/src/pages/WrittenReviewConfirmPage/components/DetailedWrittenReview/index.tsx
@@ -1,4 +1,4 @@
-import { WrittenReviewContent } from '../../layouts';
+import { PageContentLayout } from '../../layouts';
import { NoSelectedReviewGuide } from '../index';
import * as S from './styles';
@@ -17,11 +17,11 @@ const DetailedWrittenReview = ({ $isMobile, selectedReviewId }: DetailedWrittenR
// 라우팅으로 넘어온 경우 무조건 isMobile은 true
return (
-
+
{selectedReviewId ? 있다
: }
-
+
);
};
diff --git a/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx
index ce6d728c7..e0b09cda2 100644
--- a/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx
+++ b/frontend/src/pages/WrittenReviewConfirmPage/components/WrittenReviewList/index.tsx
@@ -1,6 +1,6 @@
import ReviewListItem from '@/components/ReviewListItem';
-import { WrittenReviewContent } from '../../layouts';
+import { PageContentLayout } from '../../layouts';
import * as S from './styles';
@@ -13,7 +13,7 @@ const WrittenReviewList = ({ handleClick }: WrittenReviewListProps) => {
const reviewIdList = [5, 1, 2, 3, 4];
return (
-
+
{/** 추후 이벤트 위임 형식으로 변경 가능 */}
@@ -22,7 +22,7 @@ const WrittenReviewList = ({ handleClick }: WrittenReviewListProps) => {
handleClick(reviewId)} />
))}
-
+
);
};
diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx
similarity index 53%
rename from frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx
rename to frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx
index 7c4a54ac1..ce61b04d9 100644
--- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/index.tsx
+++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/index.tsx
@@ -6,13 +6,13 @@ interface WrittenReviewItemProps {
title: string;
}
-const WrittenReviewContent = ({ title, children }: EssentialPropsWithChildren) => {
+const PageContentLayout = ({ title, children }: EssentialPropsWithChildren) => {
return (
-
+
{title}
{children}
-
+
);
};
-export default WrittenReviewContent;
+export default PageContentLayout;
diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts
similarity index 87%
rename from frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts
rename to frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts
index cbf0341e9..dabb41014 100644
--- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/WrittenReviewContent/styles.ts
+++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/PageContentLayout/styles.ts
@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
import media from '@/utils/media';
-export const WrittenReviewContent = styled.article`
+export const PageContentLayout = styled.article`
display: flex;
flex-direction: column;
height: 100%;
diff --git a/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx b/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx
index 22aa0d069..fe53259cd 100644
--- a/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx
+++ b/frontend/src/pages/WrittenReviewConfirmPage/layouts/index.tsx
@@ -1 +1 @@
-export { default as WrittenReviewContent } from './WrittenReviewContent';
+export { default as PageContentLayout } from './PageContentLayout';