aidev/goldenChart
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

백테스팅 목록 아이템 삭제 기능추가

Browse Source
This commit is contained in:
Macbook
2026-06-12 00:43:07 +09:00
parent 423c60183e
commit 0d338fffe4
9 changed files with 244 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
backend/src/main/java/com/goldenchart/controller/PaperTradingController.java
+9
View File
@@ -75,6 +75,15 @@ public class PaperTradingController {
uid, symbol, side, source, from, to, page, pageSize));
}
@DeleteMapping("/trades/batch")
public ResponseEntity<Map<String, Integer>> deleteTradesBatch(
@RequestHeader Map<String, String> h,
@RequestBody PaperTradeDeleteRequest body) {
long uid = TradingControllerSupport.requireRegisteredUser(h);
int deleted = paperTradingService.deleteTradesBatch(uid, body != null ? body.getIds() : null);
return ResponseEntity.ok(Map.of("deleted", deleted));
}
@GetMapping("/ledger")
public ResponseEntity<PaperPageDto<PaperLedgerEntryDto>> ledger(
@RequestHeader Map<String, String> h,
backend/src/main/java/com/goldenchart/dto/PaperTradeDeleteRequest.java
+10
View File
@@ -0,0 +1,10 @@
package com.goldenchart.dto;
import lombok.Data;
import java.util.List;
@Data
public class PaperTradeDeleteRequest {
private List<Long> ids;
}
backend/src/main/java/com/goldenchart/repository/GcPaperTradeRepository.java
+3
View File
@@ -8,6 +8,7 @@ import org.springframework.data.jpa.repository.Query;
import org.springframework.data.repository.query.Param;
import java.time.LocalDateTime;
import java.util.Collection;
import java.util.List;
public interface GcPaperTradeRepository extends JpaRepository<GcPaperTrade, Long> {
@@ -30,4 +31,6 @@ public interface GcPaperTradeRepository extends JpaRepository<GcPaperTrade, Long
@Param("from") LocalDateTime from,
@Param("to") LocalDateTime to,
Pageable pageable);
List<GcPaperTrade> findByAccountIdAndIdIn(Long accountId, Collection<Long> ids);
}
backend/src/main/java/com/goldenchart/service/PaperTradingService.java
+15
View File
@@ -173,6 +173,21 @@ public class PaperTradingService {
return listTrades(userId, null, null, null, null, null, 0, 100).getContent();
}
/** 체결 이력 일괄 삭제 (분석 목록에서 그룹 제거용) */
@Transactional
public int deleteTradesBatch(Long userId, List<Long> ids) {
if (ids == null || ids.isEmpty()) return 0;
long uid = TradingAccess.requireUserId(userId);
GcAppSettings app = appSettingsService.getEntity(uid, null);
GcPaperAccount account = getOrCreateAccount(uid, app);
List<Long> distinct = ids.stream().filter(id -> id != null && id > 0).distinct().toList();
if (distinct.isEmpty()) return 0;
List<GcPaperTrade> owned = tradeRepo.findByAccountIdAndIdIn(account.getId(), distinct);
if (owned.isEmpty()) return 0;
tradeRepo.deleteAll(owned);
return owned.size();
}
@Transactional(readOnly = true)
public PaperPageDto<PaperLedgerEntryDto> listLedger(Long userId,
LocalDateTime from, LocalDateTime to,
frontend/src/components/BacktestHistoryPage.tsx
+40 -1
View File
@@ -8,6 +8,7 @@ import { MarketSearchPanel } from './MarketSearchPanel';
import {
loadBacktestResults,
deleteBacktestResult,
deletePaperTradesBatch,
loadPaperTrades,
loadPaperSummary,
loadStrategies,
@@ -41,7 +42,7 @@ import {
buildLiveReportModel,
} from '../utils/backtestReportModel';
import { buildLiveExecutionItems, paperTradesToSignals, type LiveExecutionItem } from '../utils/liveExecutionGroups';
import { PAPER_TRADES_CHANGED_EVENT } from '../utils/paperTradeEvents';
import { PAPER_TRADES_CHANGED_EVENT, notifyPaperTradesChanged } from '../utils/paperTradeEvents';
import {
readStoredSize,
storeSize,
@@ -222,6 +223,42 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
await fetchAll();
}, [records, fetchAll]);
const handleDeleteBacktest = useCallback(async (record: BacktestResultRecord) => {
if (record.id == null) return;
const market = toUpbitMarket(record.symbol);
const ko = getKoreanName(market);
if (!window.confirm(`"${ko}" 백테스팅 결과를 삭제하시겠습니까?`)) return;
try {
await deleteBacktestResult(record.id);
setRecords(prev => {
const next = prev.filter(r => r.id !== record.id);
setSelectedBacktest(sel => (sel?.id === record.id ? next[0] ?? null : sel));
return next;
});
} catch (e) {
window.alert(e instanceof Error ? e.message : '삭제에 실패했습니다.');
}
}, []);
const handleDeleteLive = useCallback(async (item: LiveExecutionItem) => {
const ids = item.trades.map(t => t.id).filter(id => id > 0);
if (ids.length === 0) return;
const market = toUpbitMarket(item.symbol);
const ko = getKoreanName(market);
if (!window.confirm(`"${ko}" ${item.strategyLabel} 실시간 매매 이력(${ids.length}건)을 삭제하시겠습니까?`)) return;
try {
const deleted = await deletePaperTradesBatch(ids);
if (deleted <= 0) {
window.alert('삭제할 체결 이력을 찾지 못했습니다.');
return;
}
await refreshLiveTrades();
notifyPaperTradesChanged();
} catch (e) {
window.alert(e instanceof Error ? e.message : '삭제에 실패했습니다.');
}
}, [refreshLiveTrades]);
const handleQuickRun = useCallback(async () => {
if (!runStrategyId) {
window.alert('전략을 선택해주세요.');
@@ -519,6 +556,8 @@ export function BacktestHistoryPage({ theme = 'dark' }: Props) {
selectedLiveId={selectedLive?.id ?? null}
onSelectBacktest={r => { setSelectedBacktest(r); setTab('backtest'); }}
onSelectLive={item => { setSelectedLive(item); setTab('live'); }}
onDeleteBacktest={r => void handleDeleteBacktest(r)}
onDeleteLive={item => void handleDeleteLive(item)}
/>
</aside>
frontend/src/components/analysisReport/AnalysisReportPage.tsx
+37 -1
View File
@@ -5,6 +5,8 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react';
import type { Theme, Timeframe } from '../../types';
import {
loadBacktestResults,
deleteBacktestResult,
deletePaperTradesBatch,
loadPaperTrades,
loadPaperSummary,
loadStrategies,
@@ -16,7 +18,7 @@ import {
buildContextFromLive,
} from '../../utils/analysisReportContext';
import { buildLiveExecutionItems, type LiveExecutionItem } from '../../utils/liveExecutionGroups';
import { PAPER_TRADES_CHANGED_EVENT } from '../../utils/paperTradeEvents';
import { PAPER_TRADES_CHANGED_EVENT, notifyPaperTradesChanged } from '../../utils/paperTradeEvents';
import BacktestExecutionList, { type ExecutionListTab } from '../backtest/BacktestExecutionList';
import BuilderPageShell from '../layout/BuilderPageShell';
import AnalysisReportCenterPanel from './AnalysisReportCenterPanel';
@@ -108,6 +110,38 @@ export function AnalysisReportPage({ theme = 'dark' }: Props) {
return () => window.removeEventListener(PAPER_TRADES_CHANGED_EVENT, onPaper);
}, [refreshLive, records]);
const handleDeleteBacktest = useCallback(async (record: BacktestResultRecord) => {
if (record.id == null) return;
if (!window.confirm('이 백테스팅 결과를 삭제하시겠습니까?')) return;
try {
await deleteBacktestResult(record.id);
setRecords(prev => {
const next = prev.filter(r => r.id !== record.id);
setSelectedBacktest(sel => (sel?.id === record.id ? next[0] ?? null : sel));
return next;
});
} catch (e) {
window.alert(e instanceof Error ? e.message : '삭제에 실패했습니다.');
}
}, []);
const handleDeleteLive = useCallback(async (item: LiveExecutionItem) => {
const ids = item.trades.map(t => t.id).filter(id => id > 0);
if (ids.length === 0) return;
if (!window.confirm(`실시간 매매 이력 ${ids.length}건을 삭제하시겠습니까?`)) return;
try {
const deleted = await deletePaperTradesBatch(ids);
if (deleted <= 0) {
window.alert('삭제할 체결 이력을 찾지 못했습니다.');
return;
}
await refreshLive(records);
notifyPaperTradesChanged();
} catch (e) {
window.alert(e instanceof Error ? e.message : '삭제에 실패했습니다.');
}
}, [refreshLive, records]);
const compareBacktest = useMemo(() => {
if (!selectedBacktest) return null;
return pickCompareBacktest(selectedBacktest, records);
@@ -228,6 +262,8 @@ export function AnalysisReportPage({ theme = 'dark' }: Props) {
setSelectedLive(item);
setSourceTab('live');
}}
onDeleteBacktest={r => void handleDeleteBacktest(r)}
onDeleteLive={item => void handleDeleteLive(item)}
/>
)}
center={(
frontend/src/components/backtest/BacktestExecutionList.tsx
+47 -2
View File
@@ -29,8 +29,19 @@ interface Props {
selectedLiveId: string | null;
onSelectBacktest: (r: BacktestResultRecord) => void;
onSelectLive: (item: LiveExecutionItem) => void;
onDeleteBacktest?: (r: BacktestResultRecord) => void;
onDeleteLive?: (item: LiveExecutionItem) => void;
}
const IcTrash = () => (
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden>
<polyline points="3 6 5 6 21 6" />
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
<line x1="10" y1="11" x2="10" y2="17" />
<line x1="14" y1="11" x2="14" y2="17" />
</svg>
);
function parseBacktestSpark(r: BacktestResultRecord) {
try {
const signals = r.signalsJson ? JSON.parse(r.signalsJson) : [];
@@ -55,6 +66,8 @@ export default function BacktestExecutionList({
selectedLiveId,
onSelectBacktest,
onSelectLive,
onDeleteBacktest,
onDeleteLive,
}: Props) {
const [sort, setSort] = useState<BacktestListSort>('return');
const [query, setQuery] = useState('');
@@ -197,7 +210,8 @@ export default function BacktestExecutionList({
const ko = getKoreanName(market);
const strategy = r.strategyName || '전략 없음';
return (
<button type="button" className={`btd-history-card${active ? ' btd-history-card--active' : ''}`} onClick={() => onSelectBacktest(r)}>
<div className={`btd-history-card${active ? ' btd-history-card--active' : ''}`}>
<button type="button" className="btd-history-card-body" onClick={() => onSelectBacktest(r)}>
<div className="btd-history-card-row">
<div className="btd-history-card-main">
<span className="btd-history-ko">{ko}</span>
@@ -211,6 +225,21 @@ export default function BacktestExecutionList({
</div>
</div>
</button>
{onDeleteBacktest && r.id != null && (
<button
type="button"
className="btd-history-card-delete"
title="백테스팅 결과 삭제"
aria-label="백테스팅 결과 삭제"
onClick={e => {
e.stopPropagation();
onDeleteBacktest(r);
}}
>
<IcTrash />
</button>
)}
</div>
);
}}
</VirtualScroll>
@@ -241,7 +270,8 @@ export default function BacktestExecutionList({
const market = toUpbitMarket(item.symbol);
const ko = getKoreanName(market);
return (
<button type="button" className={`btd-history-card${active ? ' btd-history-card--active' : ''}`} onClick={() => onSelectLive(item)}>
<div className={`btd-history-card${active ? ' btd-history-card--active' : ''}`}>
<button type="button" className="btd-history-card-body" onClick={() => onSelectLive(item)}>
<div className="btd-history-card-row">
<div className="btd-history-card-main">
<span className="btd-history-ko">{ko}</span>
@@ -259,6 +289,21 @@ export default function BacktestExecutionList({
</div>
</div>
</button>
{onDeleteLive && item.trades.some(t => t.id > 0) && (
<button
type="button"
className="btd-history-card-delete"
title="실시간 매매 이력 삭제"
aria-label="실시간 매매 이력 삭제"
onClick={e => {
e.stopPropagation();
onDeleteLive(item);
}}
>
<IcTrash />
</button>
)}
</div>
);
}}
</VirtualScroll>
frontend/src/styles/backtestDashboard.css
+45 -2
View File
@@ -1353,16 +1353,59 @@
}
.btd-history-card {
display: flex;
align-items: stretch;
gap: 2px;
width: 100%;
text-align: left;
border: 1px solid var(--btd-divider);
border-radius: 8px;
background: var(--btd-surface);
padding: 10px;
cursor: pointer;
padding: 0;
transition: border-color 0.15s, box-shadow 0.15s;
}
.btd-history-card-body {
flex: 1;
min-width: 0;
border: none;
background: transparent;
padding: 10px;
text-align: left;
cursor: pointer;
color: inherit;
font: inherit;
}
.btd-history-card-delete {
flex-shrink: 0;
align-self: center;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-right: 6px;
padding: 0;
border: none;
border-radius: 6px;
background: transparent;
color: var(--btd-text-muted, #787b86);
cursor: pointer;
opacity: 0.72;
transition: color 0.15s, background 0.15s, opacity 0.15s;
}
.btd-history-card:hover .btd-history-card-delete,
.btd-history-card--active .btd-history-card-delete {
opacity: 1;
}
.btd-history-card-delete:hover {
color: var(--btd-bear, #ef5350);
background: color-mix(in srgb, var(--btd-bear, #ef5350) 14%, transparent);
}
.btd-history-card:hover {
border-color: color-mix(in srgb, var(--btd-gold) 35%, var(--btd-divider));
}
frontend/src/utils/backendApi.ts
+10
View File
@@ -1348,6 +1348,16 @@ export async function deleteBacktestResult(id: number): Promise<void> {
await request(`/backtest-results/${id}`, { method: 'DELETE' });
}
/** 모의·가상투자 체결 이력 일괄 삭제 (실시간 매매 목록 그룹 제거) */
export async function deletePaperTradesBatch(ids: number[]): Promise<number> {
if (ids.length === 0) return 0;
const res = await request<{ deleted?: number }>('/paper/trades/batch', {
method: 'DELETE',
body: JSON.stringify({ ids }),
});
return res?.deleted ?? 0;
}
// ─────────────────────────────────────────────────────────────────────────────
// 실시간 전략 체크 설정 API
// ─────────────────────────────────────────────────────────────────────────────