diff --git a/src/pages/realestate/RealEstate.jsx b/src/pages/realestate/RealEstate.jsx
index 090a623..5754e66 100644
--- a/src/pages/realestate/RealEstate.jsx
+++ b/src/pages/realestate/RealEstate.jsx
@@ -1,587 +1,17 @@
import React, { useState, useEffect, useMemo } from 'react';
import { Link } from 'react-router-dom';
-import { MapContainer, TileLayer, Marker, Popup, useMap } from 'react-leaflet';
-import {
- BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip,
- ResponsiveContainer, Cell,
-} from 'recharts';
import { apiGet, apiPost, apiPut, apiDelete } from '../../api';
import {
- SAMPLE_COMPLEXES, STATUS_CONFIG, PRIORITY_LABELS, EMPTY_FORM, TABS,
- formatDate, formatPrice, getDDays, createMarkerIcon,
+ SAMPLE_COMPLEXES, STATUS_CONFIG, TABS,
} from './realEstateUtils';
+import ComplexCard from './components/ComplexCard';
+import RightPanel from './components/RightPanel';
+import ScheduleView from './components/ScheduleView';
+import PriceAnalysis from './components/PriceAnalysis';
+import ComplexModal from './components/ComplexModal';
import 'leaflet/dist/leaflet.css';
import './RealEstate.css';
-// ── 지도 중심 이동 (react-leaflet 내부 훅) ────────────────────────────────────
-const MapFlyTo = ({ position, zoom }) => {
- const map = useMap();
- useEffect(() => {
- if (position) {
- map.flyTo(position, zoom ?? 14, { duration: 1.0 });
- }
- }, [position, zoom, map]);
- return null;
-};
-
-// ── 단지 카드 ──────────────────────────────────────────────────────────────────
-const ComplexCard = ({ complex, isSelected, onClick }) => {
- const cfg = STATUS_CONFIG[complex.status] || STATUS_CONFIG['완료'];
- const dday = getDDays(complex.subscriptionStart);
- const isUpcoming = complex.status === '청약예정' || complex.status === '청약중';
-
- return (
-
-
-
- {complex.status}
-
- {complex.priority === 'high' && ★}
-
-
{complex.name}
-
{complex.address}
-
- {complex.units.toLocaleString()}세대
- ·
- {formatPrice(complex.avgPricePerPyeong)}/평
-
-
- {complex.types.map((t) => (
- {t}
- ))}
-
- {isUpcoming && dday && (
-
- 청약 {dday}
-
- )}
-
- {/* ── 지도 ── */}
-
-
-
-
-
- {complexes.map((c) => (
- onSelectComplex(c) }}
- >
-
-
- {c.name}
- {c.address}
- {c.status} · {c.units.toLocaleString()}세대
- {formatPrice(c.avgPricePerPyeong)}/평
-
-
-
- ))}
-
- {selectedComplex && (
-
- ● {selectedComplex.name}
-
- )}
-
-
-
- {/* ── 상세 패널 ── */}
- {selectedComplex ? (
-
-
-
-
- {selectedComplex.status}
-
-
{selectedComplex.name}
-
{selectedComplex.address}
-
-
-
-
-
-
-
-
-
-
-
세대수
-
{selectedComplex.units.toLocaleString()}
-
-
-
평당가
-
- {formatPrice(selectedComplex.avgPricePerPyeong)}
-
-
-
-
우선순위
-
- {PRIORITY_LABELS[selectedComplex.priority]}
-
-
-
-
-
-
-
평형대
-
- {selectedComplex.types.map((t) => (
- {t}
- ))}
-
-
-
-
-
청약 일정
-
-
-
-
-
청약 시작
-
{formatDate(selectedComplex.subscriptionStart)}
-
-
-
-
-
-
청약 마감
-
{formatDate(selectedComplex.subscriptionEnd)}
-
-
-
-
-
-
당첨 발표
-
{formatDate(selectedComplex.resultDate)}
-
-
-
-
-
- {selectedComplex.tags.length > 0 && (
-
-
특징
-
- {selectedComplex.tags.map((tag) => (
- {tag}
- ))}
-
-
- )}
-
- {selectedComplex.memo && (
-
-
메모
-
{selectedComplex.memo}
-
- )}
-
-
-
- ) : (
-
-
🏢
-
카드 또는 지도 마커를 클릭하면
단지 상세 정보가 표시됩니다
-
- )}
-
-
- {dday}
- {formatDate(event.date)}
-
-
-
-
{event.complex.name}
-
{event.label}
-
-
- {upcoming.length > 0 && (
-
-
예정 일정
- {upcoming.map((e, i) => )}
-
- )}
- {past.length > 0 && (
-
-
지난 일정
- {past.map((e, i) => )}
-
- )}
- {events.length === 0 &&
등록된 청약 일정이 없습니다.
}
-
-
{payload[0].payload.fullName}
-
{payload[0].value.toLocaleString()}만원/평
-
-
-
-
평균 평당가
-
{formatPrice(avg)}
-
-
-
최고 평당가
-
{formatPrice(max)}
-
-
-
최저 평당가
-
{formatPrice(min)}
-
-
-
-
-
-
-
가격 비교
-
단지별 평당가
-
관심 단지의 평당 분양가를 비교합니다.
-
-
-
-
-
-
-
- `${(v / 1000).toFixed(1)}k`}
- width={44}
- />
- } cursor={{ fill: 'rgba(255,255,255,0.03)' }} />
-
- {chartData.map((entry, index) => {
- const cfg = STATUS_CONFIG[entry.status] || STATUS_CONFIG['완료'];
- return | ;
- })}
-
-
-
-
-
-
-
-
-
-
-
-
- | 단지명 |
- 상태 |
- 세대수 |
- 평형대 |
- 평당가 |
- 청약 시작 |
-
-
-
- {complexes.map((c) => {
- const cfg = STATUS_CONFIG[c.status] || STATUS_CONFIG['완료'];
- return (
-
- | {c.name} |
-
-
- {c.status}
-
- |
- {c.units.toLocaleString()} |
- {c.types.join(', ')} |
-
- {formatPrice(c.avgPricePerPyeong)}
- |
- {formatDate(c.subscriptionStart)} |
-
- );
- })}
-
-
-
-
-
-
e.stopPropagation()}>
-
-
{complex ? '단지 편집' : '새 단지 추가'}
-
-
-
-
-
+
+
+ {complex.status}
+
+ {complex.priority === 'high' && ★}
+
+
{complex.name}
+
{complex.address}
+
+ {complex.units.toLocaleString()}세대
+ ·
+ {formatPrice(complex.avgPricePerPyeong)}/평
+
+
+ {complex.types.map((t) => (
+ {t}
+ ))}
+
+ {isUpcoming && dday && (
+
+ 청약 {dday}
+
+ )}
+
+
e.stopPropagation()}>
+
+
{complex ? '단지 편집' : '새 단지 추가'}
+
+
+
+
+
+
{payload[0].payload.fullName}
+
{payload[0].value.toLocaleString()}만원/평
+
+
+
+
평균 평당가
+
{formatPrice(avg)}
+
+
+
최고 평당가
+
{formatPrice(max)}
+
+
+
최저 평당가
+
{formatPrice(min)}
+
+
+
+
+
+
+
가격 비교
+
단지별 평당가
+
관심 단지의 평당 분양가를 비교합니다.
+
+
+
+
+
+
+
+ `${(v / 1000).toFixed(1)}k`}
+ width={44}
+ />
+ } cursor={{ fill: 'rgba(255,255,255,0.03)' }} />
+
+ {chartData.map((entry, index) => {
+ const cfg = STATUS_CONFIG[entry.status] || STATUS_CONFIG['완료'];
+ return | ;
+ })}
+
+
+
+
+
+
+
+
+
+
+
+
+ | 단지명 |
+ 상태 |
+ 세대수 |
+ 평형대 |
+ 평당가 |
+ 청약 시작 |
+
+
+
+ {complexes.map((c) => {
+ const cfg = STATUS_CONFIG[c.status] || STATUS_CONFIG['완료'];
+ return (
+
+ | {c.name} |
+
+
+ {c.status}
+
+ |
+ {c.units.toLocaleString()} |
+ {c.types.join(', ')} |
+
+ {formatPrice(c.avgPricePerPyeong)}
+ |
+ {formatDate(c.subscriptionStart)} |
+
+ );
+ })}
+
+
+
+
+
+ {/* ── 지도 ── */}
+
+
+
+
+
+ {complexes.map((c) => (
+ onSelectComplex(c) }}
+ >
+
+
+ {c.name}
+ {c.address}
+ {c.status} · {c.units.toLocaleString()}세대
+ {formatPrice(c.avgPricePerPyeong)}/평
+
+
+
+ ))}
+
+ {selectedComplex && (
+
+ ● {selectedComplex.name}
+
+ )}
+
+
+
+ {/* ── 상세 패널 ── */}
+ {selectedComplex ? (
+
+
+
+
+ {selectedComplex.status}
+
+
{selectedComplex.name}
+
{selectedComplex.address}
+
+
+
+
+
+
+
+
+
+
+
세대수
+
{selectedComplex.units.toLocaleString()}
+
+
+
평당가
+
+ {formatPrice(selectedComplex.avgPricePerPyeong)}
+
+
+
+
우선순위
+
+ {PRIORITY_LABELS[selectedComplex.priority]}
+
+
+
+
+
+
+
평형대
+
+ {selectedComplex.types.map((t) => (
+ {t}
+ ))}
+
+
+
+
+
청약 일정
+
+
+
+
+
청약 시작
+
{formatDate(selectedComplex.subscriptionStart)}
+
+
+
+
+
+
청약 마감
+
{formatDate(selectedComplex.subscriptionEnd)}
+
+
+
+
+
+
당첨 발표
+
{formatDate(selectedComplex.resultDate)}
+
+
+
+
+
+ {selectedComplex.tags.length > 0 && (
+
+
특징
+
+ {selectedComplex.tags.map((tag) => (
+ {tag}
+ ))}
+
+
+ )}
+
+ {selectedComplex.memo && (
+
+
메모
+
{selectedComplex.memo}
+
+ )}
+
+
+
+ ) : (
+
+
🏢
+
카드 또는 지도 마커를 클릭하면
단지 상세 정보가 표시됩니다
+
+ )}
+
+
+ {dday}
+ {formatDate(event.date)}
+
+
+
+
{event.complex.name}
+
{event.label}
+
+
+ {upcoming.length > 0 && (
+
+
예정 일정
+ {upcoming.map((e, i) => )}
+
+ )}
+ {past.length > 0 && (
+
+
지난 일정
+ {past.map((e, i) => )}
+
+ )}
+ {events.length === 0 &&
등록된 청약 일정이 없습니다.
}
+