fix: 초기 렌더링 해결

Author: djk01281

apps/backend/src/app.module.ts

@@ -20,30 +20,21 @@ import { AuthModule } from './auth/auth.module';
 import { UserModule } from './user/user.module';
 import { WorkspaceModule } from './workspace/workspace.module';
 import { RoleModule } from './role/role.module';
-import { RedisService } from './redis/redis.service';
-import { RedisModule } from './redis/redis.module';
-import { ScheduleModule } from '@nestjs/schedule';
-import { TasksService } from './tasks/tasks.service';
 
 @Module({
   imports: [
-    ScheduleModule.forRoot(),
     ServeStaticModule.forRoot({
       rootPath: path.join(__dirname, '..', '..', 'frontend', 'dist'),
     }),
     ConfigModule.forRoot({
       isGlobal: true,
-      envFilePath: '/app/.env', // * docker 내부 디렉터리 기준
+      envFilePath: path.join(__dirname, '..', '.env'), // * nest 디렉터리 기준
     }),
     TypeOrmModule.forRootAsync({
       imports: [ConfigModule],
       inject: [ConfigService],
       useFactory: (configService: ConfigService) => ({
-        type: 'postgres',
-        host: configService.get('DB_HOST'),
-        port: configService.get('DB_PORT'),
-        username: configService.get('DB_USER'),
-        password: configService.get('DB_PASSWORD'),
+        type: 'sqlite',
         database: configService.get('DB_NAME'),
         entities: [Node, Page, Edge, User, Workspace, Role],
         logging: true,
@@ -59,9 +50,8 @@ import { TasksService } from './tasks/tasks.service';
     UserModule,
     WorkspaceModule,
     RoleModule,
-    RedisModule,
   ],
   controllers: [AppController],
-  providers: [AppService, RedisService, TasksService],
+  providers: [AppService],
 })
 export class AppModule {}

apps/frontend/src/app/App.tsx

@@ -1,28 +1,16 @@
-import { useEffect } from "react";
-import * as Y from "yjs";
-
 import { useSyncedUsers } from "@/entities/user";
 import { SideWrapper } from "@/shared/ui";
 import { CanvasView } from "@/widgets/CanvasView";
 import { EditorView } from "@/widgets/EditorView";
 import { PageSideBarView } from "@/widgets/PageSideBarView";
 import { CanvasToolsView } from "@/widgets/CanvasToolsView";
-import { useWorkspace } from "@/shared/lib/useWorkspace";
-import useYDocStore from "@/shared/model/ydocStore";
+
 import { useGetUser } from "@/features/auth/model/useAuth";
 
 function App() {
   useSyncedUsers();
   useGetUser();
 
-  const workspace = useWorkspace();
-  const { setYDoc } = useYDocStore();
-
-  useEffect(() => {
-    const doc = new Y.Doc({ guid: workspace });
-    setYDoc(doc);
-  }, [workspace, setYDoc]);
-
   return (
     <div className="fixed inset-0 bg-white">
       <SideWrapper side="right" className="z-50">

apps/frontend/src/entities/page/api/pageApi.ts

@@ -14,8 +14,9 @@ export const getPage = async (id: number) => {
   return res.data.page;
 };
 
-export const getPages = async () => {
-  const url = "/api/page/main";
+// TODO: 임시
+export const getPages = async (workspaceId: string) => {
+  const url = `/api/page/workspace/${workspaceId}`;
 
   const res = await Get<GetPagesResponse>(url);
   return res.data.pages;

apps/frontend/src/features/canvas/model/useCanvas.ts

@@ -30,11 +30,11 @@ export interface YNode extends Node {
 export const useCanvas = () => {
   const [nodes, setNodes, onNodesChange] = useNodesState<Node>([]);
   const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
-  const { pages } = usePages();
   const queryClient = useQueryClient();
   const { ydoc } = useYDocStore();
 
   const workspace = useWorkspace();
+  const { pages } = usePages(workspace);
 
   const { cursors, handleMouseMove, handleNodeDrag, handleMouseLeave } =
     useCollaborativeCursors({

apps/frontend/src/features/pageSidebar/api/usePages.ts

@@ -49,10 +49,10 @@ export const useDeletePage = () => {
   });
 };
 
-export const usePages = () => {
+export const usePages = (workspaceId: string) => {
   const { data: pages, isError } = useQuery({
-    queryKey: ["pages"],
-    queryFn: getPages,
+    queryKey: ["pages", workspaceId],
+    queryFn: workspaceId ? () => getPages(workspaceId) : skipToken,
   });
 
   return { pages, isError };

apps/frontend/src/features/pageSidebar/ui/Tools/index.tsx

@@ -6,10 +6,12 @@ import { useCreatePage, usePages } from "@/features/pageSidebar/api/usePages";
 import { usePageStore } from "../../model/pageStore";
 import useYDocStore from "@/shared/model/ydocStore";
 import { initializeYText } from "@/shared/model";
+import { useWorkspace } from "@/shared/lib/useWorkspace";
 
 export function Tools() {
   const { setCurrentPage } = usePageStore();
-  const { pages } = usePages();
+  const workspace = useWorkspace();
+  const { pages } = usePages(workspace);
   const createMutation = useCreatePage();
   const { ydoc } = useYDocStore();