From ea9f4dfaa9dd10f93dd1ce5a35dbd1c6041b0fe3 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Tue, 2 Sep 2025 16:41:37 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=EB=85=B8=ED=8A=B8=EB=B6=81=20?=
 =?UTF-8?q?=EC=84=A0=ED=83=9D=EC=B0=BD=20=ED=95=84=EB=93=9C=EB=AA=85=20?=
 =?UTF-8?q?=EB=B6=88=EC=9D=BC=EC=B9=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- note-editor.html: notebook.name → notebook.title 수정
- notes.html: 모든 notebook.name → notebook.title 수정
- note-editor.js: 디버깅 로그 추가하여 노트북 데이터 구조 확인

백엔드 API에서는 'title' 필드를 사용하는데 프론트엔드에서 'name' 필드를 참조하여
노트북 선택창이 빈칸으로 표시되는 문제 해결
---
 frontend/note-editor.html         | 2 +-
 frontend/notes.html               | 4 ++--
 frontend/static/js/note-editor.js | 8 ++++++++
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/note-editor.html b/frontend/note-editor.html
index ccb1c3f..0dee1cd 100644
--- a/frontend/note-editor.html
+++ b/frontend/note-editor.html
@@ -85,7 +85,7 @@
                             class="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent">
                         <option value="">미분류</option>
                         <template x-for="notebook in availableNotebooks" :key="notebook.id">
-                            <option :value="notebook.id" x-text="notebook.name"></option>
+                            <option :value="notebook.id" x-text="notebook.title"></option>
                         </template>
                     </select>
                 </div>
diff --git a/frontend/notes.html b/frontend/notes.html
index ff1d6da..2ad7418 100644
--- a/frontend/notes.html
+++ b/frontend/notes.html
@@ -137,7 +137,7 @@
                             class="px-3 py-2 border border-blue-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm">
                         <option value="">노트북 선택...</option>
                         <template x-for="notebook in availableNotebooks" :key="notebook.id">
-                            <option :value="notebook.id" x-text="notebook.name"></option>
+                            <option :value="notebook.id" x-text="notebook.title"></option>
                         </template>
                     </select>
                     
@@ -180,7 +180,7 @@
                         <option value="">전체</option>
                         <option value="unassigned">미분류</option>
                         <template x-for="notebook in availableNotebooks" :key="notebook.id">
-                            <option :value="notebook.id" x-text="notebook.name"></option>
+                            <option :value="notebook.id" x-text="notebook.title"></option>
                         </template>
                     </select>
                 </div>
diff --git a/frontend/static/js/note-editor.js b/frontend/static/js/note-editor.js
index f539dfe..a8b680d 100644
--- a/frontend/static/js/note-editor.js
+++ b/frontend/static/js/note-editor.js
@@ -127,6 +127,14 @@ function noteEditorApp() {
                 // 임시: 직접 API 호출
                 this.availableNotebooks = await this.api.get('/notebooks/', { active_only: true });
                 console.log('📚 노트북 로드됨:', this.availableNotebooks.length, '개');
+                console.log('📚 노트북 데이터 상세:', this.availableNotebooks);
+                
+                // 각 노트북의 필드 확인
+                if (this.availableNotebooks.length > 0) {
+                    console.log('📚 첫 번째 노트북 필드:', Object.keys(this.availableNotebooks[0]));
+                    console.log('📚 첫 번째 노트북 title:', this.availableNotebooks[0].title);
+                    console.log('📚 첫 번째 노트북 name:', this.availableNotebooks[0].name);
+                }
             } catch (error) {
                 console.error('노트북 로드 실패:', error);
                 this.availableNotebooks = [];