fix: 데이터베이스에서 조회한 값을 document에 잘못 넣어주던 이슈 해결

Author: ezcolin2

apps/backend/src/yjs/yjs.service.ts

@@ -101,10 +101,10 @@ export class YjsService
       const edges = await this.edgeService.findEdges();
       const nodesMap = doc.getMap('nodes');
       const title = doc.getMap('title');
-      const emoji = doc.getText('emoji');
+      const emoji = doc.getMap('emoji');
       const edgesMap = doc.getMap('edges');
 
-      this.initializeYNodeMap(nodes, nodesMap);
+      this.initializeYNodeMap(nodes, nodesMap, title, emoji);
       this.initializeYEdgeMap(edges, edgesMap);
 
       // title의 변경 사항을 감지한다.
@@ -130,6 +130,7 @@ export class YjsService
       });
       // node의 변경 사항을 감지한다.
       nodesMap.observe(async (event) => {
+        console.log('nodesmap', nodesMap.toJSON());
         console.log('노드 개수', event.changes.keys);
         for (const [key, change] of event.changes.keys) {
           if (change.action === 'update') {
@@ -167,12 +168,17 @@ export class YjsService
   }
 
   // YMap에 노드 정보를 넣어준다.
-  initializeYNodeMap(nodes: Node[], yMap: Y.Map<unknown>): void {
+  initializeYNodeMap(
+    nodes: Node[],
+    yNodeMap: Y.Map<unknown>,
+    yTitleMap: Y.Map<unknown>,
+    yEmojiMap: Y.Map<unknown>,
+  ): void {
     nodes.forEach((node) => {
       const nodeId = node.id.toString(); // id를 string으로 변환
 
       // Y.Map에 데이터를 삽입
-      yMap.set(nodeId, {
+      yNodeMap.set(nodeId, {
         id: nodeId,
         type: 'note',
         data: {
@@ -194,15 +200,14 @@ export class YjsService
       const yTitleText = new Y.Text();
       yTitleText.insert(0, node.page.title);
       // Y.Map에 데이터를 삽입
-      yMap.set(`title_${pageId}`, yTitleText);
+      yTitleMap.set(`title_${pageId}`, yTitleText);
 
       // Y.Text emoji에 데이터 삽입
       const yEmojiText = new Y.Text();
       const emoji = node.page.emoji ?? '📄';
-      console.log(node.page);
       yEmojiText.insert(0, emoji);
       // Y.Map에 데이터를 삽입
-      yMap.set(`emoji_${pageId}`, yEmojiText);
+      yEmojiMap.set(`emoji_${pageId}`, yEmojiText);
     });
   }