feat: 사진 업로드 기능 개선 및 카테고리 업데이트

- 사진 2장까지 업로드 지원
- 카메라 촬영 + 갤러리 선택 분리
- 이미지 압축 및 최적화 (ImageUtils)
- iPhone .mpo 파일 JPEG 변환 지원
- 카테고리 변경: 치수불량 → 설계미스, 검사미스 추가
- KST 시간대 설정
- URL 해시 처리로 목록관리 페이지 이동 개선
- 로그인 OAuth2 form-data 형식 수정
- 업로드 속도 개선 및 프로그레스바 추가

frontend/static/js/api.js

@@ -48,6 +48,17 @@ async function apiRequest(endpoint, options = {}) {
         
         if (!response.ok) {
             const error = await response.json();
+            console.error('API Error Response:', error);
+            console.error('Error details:', JSON.stringify(error, null, 2));
+            
+            // 422 에러의 경우 validation 에러 메시지 추출
+            if (response.status === 422 && error.detail && Array.isArray(error.detail)) {
+                const validationErrors = error.detail.map(err => 
+                    `${err.loc ? err.loc.join('.') : 'field'}: ${err.msg}`
+                ).join(', ');
+                throw new Error(`입력값 검증 오류: ${validationErrors}`);
+            }
+            
             throw new Error(error.detail || 'API 요청 실패');
         }
         
@@ -61,12 +72,16 @@ async function apiRequest(endpoint, options = {}) {
 // Auth API
 const AuthAPI = {
     login: async (username, password) => {
+        const formData = new URLSearchParams();
+        formData.append('username', username);
+        formData.append('password', password);
+        
         const response = await fetch(`${API_BASE_URL}/auth/login`, {
             method: 'POST',
             headers: {
-                'Content-Type': 'application/json'
+                'Content-Type': 'application/x-www-form-urlencoded'
             },
-            body: JSON.stringify({ username, password })
+            body: formData.toString()
         });
         
         if (!response.ok) {
@@ -115,10 +130,20 @@ const AuthAPI = {
 
 // Issues API
 const IssuesAPI = {
-    create: (issueData) => apiRequest('/issues/', {
-        method: 'POST',
-        body: JSON.stringify(issueData)
-    }),
+    create: async (issueData) => {
+        // photos 배열 처리 (최대 2장)
+        const dataToSend = {
+            category: issueData.category,
+            description: issueData.description,
+            photo: issueData.photos && issueData.photos.length > 0 ? issueData.photos[0] : null,
+            photo2: issueData.photos && issueData.photos.length > 1 ? issueData.photos[1] : null
+        };
+        
+        return apiRequest('/issues/', {
+            method: 'POST',
+            body: JSON.stringify(dataToSend)
+        });
+    },
     
     getAll: (params = {}) => {
         const queryString = new URLSearchParams(params).toString();