Feat: api 로직 추가 및 깉타

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
+    "axios": "^1.7.9",
     "jotai": "^2.11.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

src/App.tsx

@@ -13,7 +13,7 @@ function App() {
         <NavBar />
         <Routes>
           <Route path="/join" element={<JoinPage />} />
-          <Route path="/home" element={<HomePage />} />
+          <Route path="/" element={<HomePage />} />
           <Route path="/login" element={<LoginPage />} />
         </Routes>
       </BrowserRouter>

src/components/Building.tsx → src/components/HomePage/Building.tsx

@@ -1,9 +1,9 @@
 import styled from "@emotion/styled";
 import Divider from "./Divider.tsx";
-import { buildingData } from "./data/buildingData.ts";
+import { buildingData } from "../data/buildingData.ts";
 import Overflow from "./Overflow.tsx";
 import { useAtom } from "jotai";
-import { selectedBuildingAtom } from "../store/building.ts";
+import { selectedBuildingAtom } from "../../store/building.ts";
 
 const Building = () => {
   const [, setSelectedBuilding] = useAtom(selectedBuildingAtom);
@@ -13,11 +13,11 @@ const Building = () => {
         <Container>
           <Title>홍익대학교</Title>
         </Container>
-        <Divider size={true} />
+        <Divider sizes={true} />
         <Container>
           <SubTitle>내부건물</SubTitle>
           {buildingData.map((building) => (
-            <>
+            <div key={building.name}>
               <BuildingItem
                 key={building.name}
                 onClick={() => setSelectedBuilding(building)}
@@ -28,8 +28,8 @@ const Building = () => {
                   <div>운영 시간: {building.time}</div>
                 </Detail>
               </BuildingItem>
-              <Divider size={false} />
-            </>
+              <Divider sizes={false} />
+            </div>
           ))}
         </Container>
       </Overflow>