🔷 브라우저 기반 CSV 데이터 처리 툴

// CSV 처리 도구
interface CsvRow {
  [key: string]: string;
}

type ProcessedData = {
  id: number;
  name: string;
  value: number;
};

function parseCsv(data: File): Promise<ProcessedData[]> {
  return new Promise((resolve, reject) => {
    const fileReader = new FileReader();
    
    fileReader.onload = (event) => {
      if (!event.target) return reject(new Error('파일 읽기 실패'));
      
      try {
        const text = event.target.result as string;
        const rows = text.split('
').map(row => {
          const cols = row.split(',');
          return cols.reduce((acc, val, i) => {
            acc[i] = val.trim();
            return acc;
          }, {} as CsvRow);
        });

        // 타입 추론 및 데이터 변환
        const processed: ProcessedData[] = rows.slice(1).map(row => ({
          id: parseInt(row[0] || '0'),
          name: row[1] || '미지명',
          value: parseFloat(row[2] || '0')
        }));

        resolve(processed);
      } catch (err) {
        reject(new Error(`CSV 파싱 오류: ${(err as Error).message}`));
      }
    };

    fileReader.onerror = () => reject(new Error('파일 읽기 중 오류 발생'));
    fileReader.readAsText(data);
  });
}

// 사용 예시
document.getElementById('fileInput')?.addEventListener('change', async (e) => {
  const input = e.target as HTMLInputElement;
  if (!input.files || !input.files.length) return;

  try {
    const data = await parseCsv(input.files[0]);
    console.log('처리 완료:', data);
    // JSON 내보내기 로직 추가 가능
  } catch (err) {
    alert(`오류: ${(err as Error).message}`);
  }
});