feat: 체크리스트 이미지 미리보기 기능 구현

- 체크리스트 섹션에 이미지 썸네일 미리보기 추가 (16x16)
- 대시보드 상단 체크리스트 카드에 이미지 미리보기 기능 추가
- 이미지 클릭 시 전체 화면 모달로 확대 보기
- 백엔드 image_url 컬럼을 TEXT 타입으로 변경하여 Base64 이미지 지원
- 파일 업로드를 이미지만 지원하도록 단순화 (file_url, file_name 제거)
- 422 validation 오류 해결 및 상세 로깅 추가
- 체크리스트 렌더링 누락 문제 해결

frontend/calendar.html

@@ -187,30 +187,15 @@
         }
 
         // 캘린더 항목 로드
-        function loadCalendarItems() {
-            // 임시 데이터 (실제로는 API에서 가져옴)
-            const calendarItems = [
-                {
-                    id: 1,
-                    content: '월말 보고서 제출',
-                    photo: null,
-                    due_date: '2024-01-25',
-                    status: 'active',
-                    priority: 'urgent',
-                    created_at: '2024-01-15'
-                },
-                {
-                    id: 2,
-                    content: '클라이언트 미팅 자료 준비',
-                    photo: null,
-                    due_date: '2024-01-30',
-                    status: 'active',
-                    priority: 'warning',
-                    created_at: '2024-01-16'
-                }
-            ];
-
-            renderCalendarItems(calendarItems);
+        async function loadCalendarItems() {
+            try {
+                // API에서 캘린더 카테고리 항목들만 가져오기
+                const items = await TodoAPI.getTodos(null, 'calendar');
+                renderCalendarItems(items);
+            } catch (error) {
+                console.error('캘린더 항목 로드 실패:', error);
+                renderCalendarItems([]);
+            }
         }
 
         // 캘린더 항목 렌더링
@@ -245,7 +230,7 @@
                         
                         <!-- 내용 -->
                         <div class="flex-1 min-w-0">
-                            <h4 class="text-gray-900 font-medium mb-2">${item.content}</h4>
+                            <h4 class="text-gray-900 font-medium mb-2">${item.title}</h4>
                             <div class="flex items-center space-x-4 text-sm text-gray-500 mb-2">
                                 <span class="${getDueDateColor(item.due_date)}">
                                     <i class="fas fa-calendar-times mr-1"></i>마감: ${formatDate(item.due_date)}
@@ -267,14 +252,14 @@
                         <!-- 액션 버튼 -->
                         <div class="flex-shrink-0 flex space-x-2">
                             ${item.status !== 'completed' ? `
-                                <button onclick="completeCalendar(${item.id})" class="text-green-500 hover:text-green-700" title="완료하기">
+                                <button onclick="completeCalendar('${item.id}')" class="text-green-500 hover:text-green-700" title="완료하기">
                                     <i class="fas fa-check"></i>
                                 </button>
-                                <button onclick="extendDeadline(${item.id})" class="text-orange-500 hover:text-orange-700" title="기한 연장">
+                                <button onclick="extendDeadline('${item.id}')" class="text-orange-500 hover:text-orange-700" title="기한 연장">
                                     <i class="fas fa-calendar-plus"></i>
                                 </button>
                             ` : ''}
-                            <button onclick="editCalendar(${item.id})" class="text-gray-400 hover:text-blue-500" title="수정하기">
+                            <button onclick="editCalendar('${item.id}')" class="text-gray-400 hover:text-blue-500" title="수정하기">
                                 <i class="fas fa-edit"></i>
                             </button>
                         </div>
@@ -360,7 +345,9 @@
 
         // 날짜 포맷팅
         function formatDate(dateString) {
+            if (!dateString) return '날짜 없음';
             const date = new Date(dateString);
+            if (isNaN(date.getTime())) return '날짜 없음';
             return date.toLocaleDateString('ko-KR');
         }
 
@@ -396,5 +383,7 @@
         // 전역 함수 등록
         window.goToDashboard = goToDashboard;
     </script>
+    <script src="static/js/api.js?v=20250921110800"></script>
+    <script src="static/js/auth.js?v=20250921110800"></script>
 </body>
 </html>