주식 즉시 스크래핑 추가

src/pages/stock/Stock.css

@@ -105,6 +105,15 @@
     background: rgba(249, 182, 177, 0.1);
 }
 
+.stock-success {
+    margin: 0;
+    color: #b5f0dd;
+    border: 1px solid rgba(106, 220, 187, 0.4);
+    border-radius: 14px;
+    padding: 12px;
+    background: rgba(106, 220, 187, 0.12);
+}
+
 .stock-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

src/pages/stock/Stock.jsx

@@ -31,6 +31,9 @@ const Stock = () => {
     const [loading, setLoading] = useState(false);
     const [scraping, setScraping] = useState(false);
     const [error, setError] = useState('');
+    const [newsError, setNewsError] = useState('');
+    const [indicesError, setIndicesError] = useState('');
+    const [scrapMessage, setScrapMessage] = useState('');
     const [health, setHealth] = useState({
         status: 'unknown',
         message: '',
@@ -51,12 +54,12 @@ const Stock = () => {
 
     const loadNews = async () => {
         setLoading(true);
-        setError('');
+        setNewsError('');
         try {
             const data = await getStockNews(limit);
             setNews(Array.isArray(data) ? data : []);
         } catch (err) {
-            setError(err?.message ?? String(err));
+            setNewsError(err?.message ?? String(err));
         } finally {
             setLoading(false);
         }
@@ -70,22 +73,26 @@ const Stock = () => {
                 message: data?.message ?? '',
             });
         } catch (err) {
+            const rawMessage = err?.message ?? String(err);
+            const message = rawMessage.includes('404')
+                ? '헬스 체크 엔드포인트가 아직 준비되지 않았습니다.'
+                : rawMessage;
             setHealth({
                 status: 'unknown',
-                message: err?.message ?? '',
+                message,
             });
         }
     };
 
     const loadIndices = async () => {
         setIndicesLoading(true);
-        setError('');
+        setIndicesError('');
         try {
             const data = await getStockIndices();
             setIndices(Array.isArray(data?.indices) ? data.indices : []);
             setIndicesAt(data?.crawled_at ?? '');
         } catch (err) {
-            setError(err?.message ?? String(err));
+            setIndicesError(err?.message ?? String(err));
         } finally {
             setIndicesLoading(false);
         }
@@ -94,11 +101,13 @@ const Stock = () => {
     const onScrap = async () => {
         setScraping(true);
         setError('');
+        setScrapMessage('');
         try {
             const result = await triggerStockScrap();
             if (!result?.ok) {
                 throw new Error('스크랩 요청이 실패했습니다.');
             }
+            setScrapMessage('스크랩 요청 완료');
             await loadNews();
         } catch (err) {
             setError(err?.message ?? String(err));
@@ -176,6 +185,9 @@ const Stock = () => {
             </header>
 
             {error ? <p className="stock-error">{error}</p> : null}
+            {scrapMessage ? (
+                <p className="stock-success">{scrapMessage}</p>
+            ) : null}
 
             <section className="stock-grid">
                 <div className="stock-panel">
@@ -204,7 +216,9 @@ const Stock = () => {
                         </div>
                     </div>
                     <div className="stock-snapshot">
-                        {indices.length === 0 ? (
+                        {indicesError ? (
+                            <p className="stock-empty">{indicesError}</p>
+                        ) : indices.length === 0 ? (
                             <p className="stock-empty">지표 데이터를 불러오지 못했습니다.</p>
                         ) : (
                             [...indices]
@@ -330,6 +344,8 @@ const Stock = () => {
 
                 {loading ? (
                     <p className="stock-empty">뉴스를 불러오는 중...</p>
+                ) : newsError ? (
+                    <p className="stock-empty">{newsError}</p>
                 ) : news.length === 0 ? (
                     <p className="stock-empty">표시할 뉴스가 없습니다.</p>
                 ) : (