[refactor]: TemporalFilter 라인 차트 데이터 처리 성능 최적화

[refactor]: TemporalFilter 라인 차트 데이터 처리 성능 최적화

Author: chae-dahee

packages/view/src/components/TemporalFilter/TemporalFilter.tsx

@@ -43,31 +43,22 @@ const TemporalFilter = () => {
   // 메모이제이션된 필터링된 정렬 데이터 - 필터링된 데이터가 변경될 때만 재계산
   const sortedFilteredData = useMemo(() => sortBasedOnCommitNode(filteredData), [filteredData]);
 
-  // 메모이제이션된 라인 차트 데이터 - 정렬된 필터링 데이터가 변경될 때만 재계산
   const lineChartDataList: LineChartDatum[][] = useMemo(() => {
-    const clocMap: Map<string, number> = new Map();
-    const commitMap: Map<string, number> = new Map();
+    const clocMap = new Map<string, number>();
+    const commitMap = new Map<string, number>();
 
-    sortedFilteredData.forEach(({ commit }) => {
+    for (const { commit } of sortedFilteredData) {
       const formattedDate = lineChartTimeFormatter(new Date(commit.commitDate));
-      const clocMapItem = clocMap.get(formattedDate);
-      const commitMapItem = commitMap.get(formattedDate);
-
       const clocValue = commit.diffStatistics.insertions + commit.diffStatistics.deletions;
 
-      commitMap.set(formattedDate, commitMapItem ? commitMapItem + 1 : 1);
-      clocMap.set(formattedDate, clocMapItem ? clocMapItem + clocValue : clocValue);
-    });
-
-    const buildReturnArray = (map: Map<string, number>) =>
-      Array.from(map.entries()).map(([key, value]) => {
-        return {
-          dateString: key,
-          value: value,
-        };
-      });
+      commitMap.set(formattedDate, (commitMap.get(formattedDate) || 0) + 1);
+      clocMap.set(formattedDate, (clocMap.get(formattedDate) || 0) + clocValue);
+    }
 
-    return [buildReturnArray(clocMap), buildReturnArray(commitMap)];
+    return [
+      Array.from(clocMap, ([dateString, value]) => ({ dateString, value })),
+      Array.from(commitMap, ([dateString, value]) => ({ dateString, value }))
+    ];
   }, [sortedFilteredData]);
 
   const windowSize = useWindowResize();