diff --git a/components/templates/DashBoardTemplate.tsx b/components/templates/DashBoardTemplate.tsx
new file mode 100644
index 0000000..d6d0495
--- /dev/null
+++ b/components/templates/DashBoardTemplate.tsx
@@ -0,0 +1,32 @@
+import ContentContainer from "../organisms/containers/ContentContainer";
+import {Col, Row} from "react-bootstrap";
+import LongTermRentHistoryCard from "../organisms/LongTermRentHistoryCard";
+import LoginUserProfileCard from "../organisms/LoginUserProfileCard";
+import WishBookSummaryCard from "../organisms/WishBookSummaryCard";
+import * as React from "react";
+import {IHistory, IWishBook} from "../../pages/dashboard";
+
+interface IProps {
+    histories: IHistory[];
+    wishBooks: IWishBook[];
+}
+
+const DashBoardTemplate = ({histories, wishBooks}: IProps) => (
+    <ContentContainer>
+        <Row>
+            <Col sm={8}>
+                <LongTermRentHistoryCard histories={histories}/>
+            </Col>
+            <Col sm={4}>
+                <LoginUserProfileCard userName="루피" userEmail="thedevluffy@gmail.com"/>
+            </Col>
+        </Row>
+        <Row style={{marginTop: '24px'}}>
+            <Col sm={12}>
+                <WishBookSummaryCard wishBooks={wishBooks}/>
+            </Col>
+        </Row>
+    </ContentContainer>
+);
+
+export default DashBoardTemplate;
\ No newline at end of file
diff --git a/pages/dashboard/index.tsx b/pages/dashboard/index.tsx
index b9f0c48..2a9ca89 100644
--- a/pages/dashboard/index.tsx
+++ b/pages/dashboard/index.tsx
@@ -1,10 +1,6 @@
 import * as React from "react";
 import AppBarContainer from "../../components/organisms/containers/AppBarContainer";
-import ContentContainer from "../../components/organisms/containers/ContentContainer";
-import {Col, Row} from "react-bootstrap";
-import LongTermRentHistoryCard from "../../components/organisms/LongTermRentHistoryCard";
-import LoginUserProfileCard from "../../components/organisms/LoginUserProfileCard";
-import WishBookSummaryCard from "../../components/organisms/WishBookSummaryCard";
+import DashBoardTemplate from "../../components/templates/DashBoardTemplate";
 
 const longTerms: IHistory[] = [
     {
@@ -91,21 +87,7 @@ export interface IWishBook {
 const Index = () => {
     return (
         <AppBarContainer isLoggedIn={true}>
-            <ContentContainer>
-                <Row>
-                    <Col sm={8}>
-                        <LongTermRentHistoryCard histories={longTerms}/>
-                    </Col>
-                    <Col sm={4}>
-                        <LoginUserProfileCard userName="루피" userEmail="thedevluffy@gmail.com"/>
-                    </Col>
-                </Row>
-                <Row style={{marginTop: '24px'}}>
-                    <Col sm={12}>
-                        <WishBookSummaryCard wishBooks={wishBooks}/>
-                    </Col>
-                </Row>
-            </ContentContainer>
+            <DashBoardTemplate histories={longTerms} wishBooks={wishBooks}/>
         </AppBarContainer>
     );
 };