feat(frontend): 프로젝트 분석 페이지 전체 리팩토링
- 600줄에 달하는 project-analysis.js를 API, Data, UI, Controller 네 개의 모듈로 분리 - 복잡한 데이터 처리 로직과 UI 렌더링 로직을 분리하여 유지보수성 극대화 - 전역 상태를 최소화하고 데이터 흐름을 명확하게 개선
This commit is contained in:
@@ -15,10 +15,10 @@ async function searchReports() {
|
|||||||
const dateInput = document.getElementById('reportDate');
|
const dateInput = document.getElementById('reportDate');
|
||||||
const selectedDate = dateInput.value;
|
const selectedDate = dateInput.value;
|
||||||
|
|
||||||
if (!selectedDate) {
|
if (!selectedDate) {
|
||||||
showError('날짜를 선택해주세요.');
|
showError('날짜를 선택해주세요.');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
showLoading(true);
|
showLoading(true);
|
||||||
currentProcessedData = null; // 새 검색이 시작되면 이전 데이터 초기화
|
currentProcessedData = null; // 새 검색이 시작되면 이전 데이터 초기화
|
||||||
@@ -27,11 +27,11 @@ async function searchReports() {
|
|||||||
const rawData = await fetchReportData(selectedDate);
|
const rawData = await fetchReportData(selectedDate);
|
||||||
currentProcessedData = processReportData(rawData, selectedDate);
|
currentProcessedData = processReportData(rawData, selectedDate);
|
||||||
renderReport(currentProcessedData);
|
renderReport(currentProcessedData);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
showError(error.message);
|
showError(error.message);
|
||||||
renderReport(null); // 에러 발생 시 데이터 없는 화면 표시
|
renderReport(null); // 에러 발생 시 데이터 없는 화면 표시
|
||||||
} finally {
|
} finally {
|
||||||
showLoading(false);
|
showLoading(false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user