MovieChart -> BoxOffice 로 변경

client/src/components/MovieChart/MovieChart.js → client/src/components/BoxOffice/BoxOffice.js

 import { useEffect } from "react"
-import styles from "./moviechart.module.scss"
+import styles from "./boxofficechart.module.scss"
 
-const MovieChart = () => {
+const BoxOffice = () => {
     useEffect(() => {
         let items = document.querySelectorAll('.carousel .carousel-item')
         console.log("item", items)
@@ -106,4 +106,4 @@ const MovieChart = () => {
     )
 }
 
-export default MovieChart
\ No newline at end of file
+export default BoxOffice
\ No newline at end of file

client/src/components/BoxOffice/index.js

+export { default } from './BoxOffice'
\ No newline at end of file

client/src/components/MovieChart/index.js

-export { default } from './MovieChart'
\ No newline at end of file

client/src/pages/HomePage.js

 import MainNav from "../components/Navs/MainNav";
-import MovieChart from "../components/MovieChart";
+import BoxOffice from "../components/BoxOffice";
 import Collection from "../components/Collection";
 import Footer from "../components/Footer";
 
@@ -7,7 +7,7 @@ const HomePage = () => {
     return (
         <div className="bg-dark">
             <MainNav />
-            <MovieChart />
+            <BoxOffice />
             <Collection />
             <Footer />
         </div>