♻️ Refactor: 가격 숫자값으로 변경 (#1)

acoountbook/src/components/home/content/Content.jsx

@@ -8,13 +8,13 @@ export default function Content() {
         date="2024-01-05"
         category="식비"
         content="세광양대창"
-        price="100,000원"
+        price={100000}
       />
       <ContentItem
         date="2024-01-10"
         category="도서"
         content="모던 자바스크립트"
-        price="40,500원"
+        price={40500}
       />
     </C.Container>
   );

acoountbook/src/components/home/content/ContentItem.jsx

@@ -9,7 +9,7 @@ export default function ContentItem({ date, category, content, price }) {
           {category} - {content}
         </C.Content>
       </div>
-      <C.Price>{price}</C.Price>
+      <C.Price>{price.toLocaleString()}원</C.Price>
     </C.Container>
   );
 }

acoountbook/src/components/home/month/Month.jsx

@@ -3,7 +3,7 @@ import * as M from "./Month.style";
 import MonthItem from "./MonthItem";
 
 export default function Month({ months, onMonthSelect }) {
-  const [selected, setSelected] = useState();
+  const [selected, setSelected] = useState(1);
 
   const handleClick = (month) => {
     setSelected(month);

acoountbook/src/pages/Home.jsx

@@ -7,7 +7,7 @@ import { useState } from "react";
 
 export default function Home() {
   const months = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-  const [selectedMonth, setSelectedMonth] = useState();
+  const [selectedMonth, setSelectedMonth] = useState(1);
 
   const handleMonthSelect = (month) => {
     setSelectedMonth(month);