[Fix] 프론트 배포 RUN BUILD 오류 수정

front/Dockerfile

@@ -1,14 +1,14 @@
-FROM node:16-alpine as build
+FROM node:18-alpine as build
 
 WORKDIR /app
 
-COPY package*.json ./
+COPY package*.json yarn.lock ./
 
-RUN npm install
+RUN yarn install
 
 COPY . .
 
-RUN npm run build
+RUN yarn build
 
 FROM nginx:stable-alpine
 

front/src/App.tsx

@@ -1,12 +1,12 @@
 import { Navigate, Route, Routes } from "react-router-dom";
 import "./App.css";
-import AuthLayout from "./components/auth/AuthLayout";
-import PrivateRoute from "./components/auth/PrivateRoute";
-import Layout from "./components/layout/Layout";
+import AuthLayout from "./components/Auth/AuthLayout";
+import PrivateRoute from "./components/Auth/PrivateRoute";
+import Layout from "./components/Layout/Layout";
 import Home from "./pages/Home";
 import Join from "./pages/Join";
 import Login from "./pages/Login";
-import ServerMapWithTheme from "./components/server/ServerMapWithTheme";
+import ServerMapWithTheme from "./components/Server/ServerMapWithTheme";
 
 function App() {
   return (

front/src/components/Layout/components/leftSidebar/components/AddServer.tsx

@@ -1,7 +1,7 @@
 import { IoAddCircle } from "react-icons/io5";
 import useModal from "../../../../common/modal/hooks/useModal";
 import Modal from "../../../../common/modal/Modal";
-import CreateServerForm from "../../../../server/components/CreateServerForm";
+import CreateServerForm from "../../../../Server/components/CreateServerForm";
 
 const AddServer = () => {
   const { isOpen, openModal, closeModal } = useModal();

front/src/components/Phaser/ServerMap.tsx

@@ -5,8 +5,8 @@ import { forwardRef, useEffect, useLayoutEffect, useRef } from "react";
 import StartGame from "./main";
 import { EventBus } from "./EventBus";
 import { ServerMapProps, ServerMapTypes } from "../../types/map";
-import VideoCallBoxList from "../videoCall/VideoCallBoxList";
-import VideoCallToolBar from "../videoCall/VideoCallToolBar";
+import VideoCallBoxList from "../VideoCall/VideoCallBoxList";
+import VideoCallToolBar from "../VideoCall/VideoCallToolBar";
 
 export const ServerMap = forwardRef<ServerMapTypes, ServerMapProps>(
   function ServerMap({ currentActiveScene, selectedTheme }, ref) {

front/src/components/Server/ServerMapWithTheme.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useThemeStore } from "../../store/useThemeStore";
-import { ServerMap } from "../phaser/ServerMap";
+import { ServerMap } from "../Phaser/ServerMap";
 
 const ServerMapWithTheme = () => {
   const selectedTheme = useThemeStore((state) => state.selectedTheme);

front/src/components/user/components/UserProfile.tsx

@@ -3,7 +3,7 @@ import { useLoginStore } from "../../../store/useLoginStore";
 import Button from "../../common/button/Button";
 import useProfile from "../hooks/useProfile";
 import Avatar from "boring-avatars";
-import CurrentUserAvatar from "../../layout/components/leftSidebar/components/CurrentUserAvatar";
+import CurrentUserAvatar from "../../Layout/components/leftSidebar/components/CurrentUserAvatar";
 
 const UserProfile = () => {
   const token = localStorage.getItem("dicoTown_AccessToken");

front/src/pages/Home.tsx

@@ -1,4 +1,4 @@
-import PreviewServerMap from "../components/home/PreviewServerMap";
+import PreviewServerMap from "../components/Home/PreviewServerMap";
 
 const Home = () => {
   return (

front/src/pages/Join.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from "@mui/material/styles";
-import JoinBox from "../components/auth/JoinBox";
+import JoinBox from "../components/Auth/JoinBox";
 import theme from "../theme/themeConfig";
 const Login = () => {
   return (

front/src/pages/Login.tsx

@@ -1,5 +1,5 @@
 import { ThemeProvider } from "@mui/material/styles";
-import LoginBox from "../components/auth/LoginBox";
+import LoginBox from "../components/Auth/LoginBox";
 import theme from "../theme/themeConfig";
 const Login = () => {
   return (