traveler0201 님의 블로그 https://traveler0201.tistory.com/ 미국주식 분석 및 매매 전략 공유 블로그입니다. ko Thu, 14 May 2026 00:07:01 +0900 TISTORY 100 traveler0201 로켓랩 분석 및 매매전략(2025. 06. 24) https://traveler0201.tistory.com/4 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>로켓랩(RKLB) 인터랙티브 매매 전략 분석</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet"> <!-- Chosen Palette: Cosmic Neutrals --> <!-- Application Structure Plan: A top-down narrative SPA. Starts with a main dashboard (Investment Highlights) featuring the core thesis and bull/bear cases. A sticky navigation bar allows users to jump to focused sections: 'Growth Engines' (visualizing the dual business model and Neutron catalyst), 'Financials' (interactive charts), 'Technicals' (price analysis), and 'Strategy' (interactive toggles for different investor profiles). This structure is designed for intuitive exploration, guiding the user from high-level summary to detailed analysis, rather than rigidly following the report's linear chapter format. The goal is to facilitate understanding through layered information and targeted interactions. --> <!-- Visualization & Content Choices: - Report Info: Key financial metrics (Revenue, Margin, EBITDA). Goal: Show change over time. Viz: Line and Bar charts using Chart.js. Interaction: Tooltips on hover. Justification: Best for time-series data visualization. - Report Info: Neutron vs. Falcon 9 cost comparison. Goal: Compare competitors. Viz: Bar chart using Chart.js. Interaction: Tooltips. Justification: Clearly illustrates the economic value proposition. - Report Info: Neutron development milestones. Goal: Organize process. Viz: Horizontal timeline with HTML/CSS. Interaction: Visual state changes for completed/pending items. Justification: Intuitive way to track project progress. - Report Info: Short-term vs. Long-term strategies. Goal: Inform user choices. Viz: Content blocks. Interaction: JS-powered toggle buttons to switch views. Justification: Simplifies complex information by showing only relevant content. - Report Info: Bull vs. Bear cases. Goal: Compare arguments. Viz: Card layout with HTML/CSS. Justification: Side-by-side comparison enhances clarity. - Library/Method: Chart.js for all charts due to its simplicity, responsiveness, and canvas-based rendering. Vanilla JS for all state management and interactivity. --> <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --> <style> body { font-family: 'Noto Sans KR', sans-serif; background-color: #f0f2f5; } .chart-container { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: 400px; max-height: 50vh; } .nav-link { transition: all 0.3s ease; } .nav-link.active, .nav-link:hover { color: #ffffff; background-color: #0056b3; } .strategy-btn.active { background-color: #007bff; color: white; border-color: #007bff; } .milestone { cursor: pointer; transition: all 0.3s ease; } .milestone.completed { text-decoration: line-through; opacity: 0.6; } .milestone.completed .milestone-icon { background-color: #28a745; color: white; } </style> </head> <body class="text-gray-800"> <!-- Header --> <header class="bg-slate-800 text-white p-6 shadow-lg"> <div class="container mx-auto max-w-7xl"> <h1 class="text-3xl md:text-4xl font-bold">로켓랩(RKLB) 인터랙티브 매매 전략 분석</h1> <p class="mt-2 text-lg text-slate-300">변곡점을 항해하는 차세대 우주 리더</p> </div> </header> <!-- Sticky Navigation --> <nav id="navbar" class="sticky top-0 z-50 bg-slate-700 text-slate-200 shadow-md"> <div class="container mx-auto max-w-7xl"> <div class="flex justify-center items-center space-x-2 md:space-x-4 py-2 px-2"> <a href="#highlights" class="nav-link px-3 py-2 rounded-md text-sm md:text-base font-medium">투자 하이라이트</a> <a href="#growth" class="nav-link px-3 py-2 rounded-md text-sm md:text-base font-medium">성장 엔진</a> <a href="#financials" class="nav-link px-3 py-2 rounded-md text-sm md:text-base font-medium">재무 분석</a> <a href="#technicals" class="nav-link px-3 py-2 rounded-md text-sm md:text-base font-medium">기술적 분석</a> <a href="#strategy" class="nav-link px-3 py-2 rounded-md text-sm md:text-base font-medium">투자 전략</a> </div> </div> </nav> <!-- Main Content --> <main class="container mx-auto max-w-7xl p-4 md:p-6"> <!-- Section 1: Investment Highlights --> <section id="highlights" class="scroll-mt-20 mb-12"> <div class="bg-white p-6 rounded-lg shadow-lg"> <h2 class="text-2xl font-bold mb-4 text-slate-800 border-b pb-2">투자 하이라이트: 투기적 매수 (Speculative Buy)</h2> <p class="mb-6 text-gray-600"> 본 분석은 로켓랩을 높은 위험과 높은 잠재적 수익을 동시에 가진 '투기적 매수' 대상으로 평가합니다. 소형 발사체 시장의 리더십과 고성장 우주 시스템 사업을 기반으로, 미래 성장의 핵심 동력인 '뉴트론' 로켓 개발에 집중 투자하고 있습니다. 아래는 로켓랩 투자의 핵심적인 강세 및 약세 요인입니다. </p> <div class="grid md:grid-cols-2 gap-6"> <!-- Bull Case --> <div class="bg-green-50 border border-green-200 p-6 rounded-lg"> <h3 class="text-xl font-bold text-green-800 mb-3">강세론 (Bull Case) </h3> <ul class="space-y-2 list-inside list-disc text-gray-700"> <li><span class="font-semibold">입증된 실행 능력:</span> 소형 발사체 시장의 확고한 리더</li> <li><span class="font-semibold">전환적 촉매제 '뉴트론':</span> 중형 발사 시장의 판도를 바꿀 게임 체인저</li> <li><span class="font-semibold">다각화된 사업 구조:</span> 고마진 우주 시스템 사업이 발사 사업 리스크 완화</li> <li><span class="font-semibold">강력한 정부 파트너십:</span> 美 국방부/NASA와의 긴밀한 관계</li> <li><span class="font-semibold">거대한 시장 기회:</span> 1조 달러 규모로 성장할 우주 경제의 핵심 플레이어</li> </ul> </div> <!-- Bear Case --> <div class="bg-red-50 border border-red-200 p-6 rounded-lg"> <h3 class="text-xl font-bold text-red-800 mb-3">약세론 (Bear Case) </h3> <ul class="space-y-2 list-inside list-disc text-gray-700"> <li><span class="font-semibold">높은 밸류에이션 부담:</span> 완벽한 성공을 가정한 현재 주가 수준</li> <li><span class="font-semibold">뉴트론 개발 리스크:</span> 지연 또는 실패 시 주가에 치명적 영향</li> <li><span class="font-semibold">지속적인 현금 소진:</span> 최소 2년간 수익성 부재 예상</li> <li><span class="font-semibold">내부자 매도:</span> 경영진의 지속적인 주식 매도는 위험 신호</li> <li><span class="font-semibold">강력한 경쟁 환경:</span> 스페이스X와의 경쟁 심화 가능성</li> </ul> </div> </div> </div> </section> <!-- Section 2: Growth Engines --> <section id="growth" class="scroll-mt-20 mb-12"> <div class="bg-white p-6 rounded-lg shadow-lg"> <h2 class="text-2xl font-bold mb-4 text-slate-800 border-b pb-2">성장 엔진: 이중 사업 모델과 뉴트론 촉매제</h2> <p class="mb-6 text-gray-600"> 로켓랩의 성장은 '발사 서비스'와 '우주 시스템'이라는 두 개의 강력한 기둥에 의해 구동됩니다. 이 두 사업부는 서로 시너지를 내며 강력한 '플라이휠 효과'를 창출합니다. 여기에 미래 성장을 폭발시킬 '뉴트론' 로켓이 더해져 회사의 가치를 재평가하게 될 것입니다. </p> <div class="grid md:grid-cols-2 gap-8 mb-8"> <div class="bg-blue-50 p-4 rounded-lg"> <h4 class="text-lg font-bold text-blue-800">발사 서비스 (Launch Services)</h4> <p class="text-sm text-gray-600 mt-1">안정적 캐시카우. 일렉트론 로켓 중심. 매출의 35% 차지.</p> </div> <div class="bg-indigo-50 p-4 rounded-lg"> <h4 class="text-lg font-bold text-indigo-800">우주 시스템 (Space Systems)</h4> <p class="text-sm text-gray-600 mt-1">고마진 성장 동력. 위성 부품 및 플랫폼. 매출의 65% 차지.</p> </div> </div> <div class="mt-8"> <h3 class="text-xl font-bold mb-4 text-center">뉴트론: 시장 파괴 분석 (vs 팰컨 9)</h3> <p class="text-center text-gray-600 mb-4">뉴트론은 더 큰 로켓이 아닌 '더 똑똑한' 로켓입니다. 팰컨 9의 거대한 용량이 비효율적인 중간 시장을 공략하여, 약 4톤의 일반 상업 임무에서 고객에게 훨씬 매력적인 비용을 제공합니다.</p> <div class="chart-container h-96 md:h-[450px]"> <canvas id="neutronChart"></canvas> </div> </div> <div class="mt-12"> <h3 class="text-xl font-bold mb-4 text-center">뉴트론 개발 핵심 마일스톤</h3> <p class="text-center text-gray-600 mb-6">뉴트론의 성공은 로켓랩의 미래를 좌우합니다. 아래 타임라인을 통해 주요 개발 단계를 확인하고, 투자 논거의 유효성을 지속적으로 점검해야 합니다.</p> <div id="milestone-timeline" class="flex flex-col md:flex-row justify-between items-start md:items-center space-y-4 md:space-y-0 md:space-x-2"> <!-- Milestones will be injected by JS --> </div> </div> </div> </section> <!-- Section 3: Financials --> <section id="financials" class="scroll-mt-20 mb-12"> <div class="bg-white p-6 rounded-lg shadow-lg"> <h2 class="text-2xl font-bold mb-4 text-slate-800 border-b pb-2">재무 분석: 초고속 성장의 대가</h2> <p class="mb-6 text-gray-600"> 로켓랩은 폭발적인 매출 성장을 기록하고 있지만, 뉴트론 개발을 위한 막대한 투자로 인해 현재는 수익성이 부재한 상태입니다. 그러나 핵심 사업의 총이익률은 꾸준히 개선되고 있으며, 뉴트론 발사 성공 시 2026-2027년 경 흑자 전환이 기대됩니다. </p> <div class="grid lg:grid-cols-2 gap-8"> <div> <h3 class="text-xl font-bold mb-2 text-center">총 매출 (백만 달러)</h3> <div class="chart-container h-80"> <canvas id="revenueChart"></canvas> </div> </div> <div> <h3 class="text-xl font-bold mb-2 text-center">총이익률 (GAAP) 및 조정 EBITDA (백만 달러)</h3> <div class="chart-container h-80"> <canvas id="profitabilityChart"></canvas> </div> </div> </div> </div> </section> <!-- Section 4: Technicals --> <section id="technicals" class="scroll-mt-20 mb-12"> <div class="bg-white p-6 rounded-lg shadow-lg"> <h2 class="text-2xl font-bold mb-4 text-slate-800 border-b pb-2">기술적 분석: 뜨거운 모멘텀 속 경고 신호</h2> <p class="mb-6 text-gray-600"> 주가는 강력한 상승 추세에 있으며 모든 주요 이동평균선 위에 위치해 있습니다. 하지만 일부 보조지표는 과매수 신호를 보내고 있으며, 특히 내부자들의 지속적인 매도는 신중한 접근이 필요함을 시사합니다. </p> <div class="grid md:grid-cols-2 gap-6 items-start"> <div> <h3 class="text-xl font-bold mb-4">주요 기술 지표</h3> <div class="overflow-x-auto"> <table class="w-full text-sm text-left text-gray-500"> <thead class="text-xs text-gray-700 uppercase bg-gray-100"> <tr> <th scope="col" class="px-6 py-3">지표</th> <th scope="col" class="px-6 py-3">현재 값</th> <th scope="col" class="px-6 py-3">신호</th> </tr> </thead> <tbody id="tech-indicators-table"> <!-- Indicators will be injected by JS --> </tbody> </table> </div> </div> <div> <h3 class="text-xl font-bold mb-4">주요 지지 및 저항선</h3> <div class="space-y-3"> <div class="bg-red-100 p-3 rounded-lg"> <p class="font-semibold text-red-800">저항선</p> <p class="text-lg font-bold text-red-900">$33.46 (사상최고가), $35.00 (애널리스트 최고 목표가)</p> </div> <div class="bg-green-100 p-3 rounded-lg"> <p class="font-semibold text-green-800">1차 지지선</p> <p class="text-lg font-bold text-green-900">~$27.28 (20일 이동평균선)</p> </div> <div class="bg-green-100 p-3 rounded-lg"> <p class="font-semibold text-green-800">2차 지지선</p> <p class="text-lg font-bold text-green-900">~$24.10 (50일 이동평균선)</p> </div> </div> <div class="mt-4 bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4" role="alert"> <p class="font-bold">주의: 내부자 매도</p> <p>최근 3개월간 $3,030만에 달하는 내부자 매도가 있었습니다. 이는 현재 밸류에이션에 대한 부담을 시사할 수 있습니다.</p> </div> </div> </div> </div> </section> <!-- Section 5: Strategy --> <section id="strategy" class="scroll-mt-20"> <div class="bg-white p-6 rounded-lg shadow-lg"> <h2 class="text-2xl font-bold mb-4 text-slate-800 border-b pb-2">실행 가능한 투자 전략</h2> <p class="mb-6 text-gray-600"> 로켓랩은 투자 기간과 위험 감수 수준에 따라 다른 접근 방식이 필요합니다. 아래에서 자신의 투자 성향에 맞는 전략을 확인하세요. </p> <div class="flex justify-center mb-6"> <div class="inline-flex rounded-md shadow-sm" role="group"> <button type="button" id="short-term-btn" class="strategy-btn active px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-l-lg hover:bg-gray-100 focus:z-10 focus:ring-2 focus:ring-blue-700"> 단기 트레이딩 (3-6개월) </button> <button type="button" id="long-term-btn" class="strategy-btn px-4 py-2 text-sm font-medium text-gray-900 bg-white border-t border-b border-r border-gray-200 rounded-r-lg hover:bg-gray-100 focus:z-10 focus:ring-2 focus:ring-blue-700"> 장기 투자 (18개월 이상) </button> </div> </div> <!-- Short Term Strategy --> <div id="short-term-content"> <div class="bg-gray-50 p-6 rounded-lg border"> <h3 class="text-xl font-bold mb-3">단기 트레이딩: 신중한 강세 (Cautiously Bullish)</h3> <ul class="space-y-3"> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">스탠스:</span> 모멘텀은 강력하나 과매수 상태. 추격 매수 자제.</span></li> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">진입 전략:</span> 조정 구간에서 분할 매수. 이상적 진입 구간은 20일 이평선(~<span class="font-bold">$27.50</span>) 또는 50일 이평선(~<span class="font-bold">$24.10</span>) 부근.</span></li> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">리스크 관리:</span> 진입가 대비 8-10% 하락 시 손절매 필수.</span></li> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">이익 실현 목표:</span> 1차 <span class="font-bold">$35.00</span> (애널리스트 최고가), 2차 <span class="font-bold">$40.00</span> (심리적 저항선).</span></li> </ul> </div> </div> <!-- Long Term Strategy --> <div id="long-term-content" class="hidden"> <div class="bg-gray-50 p-6 rounded-lg border"> <h3 class="text-xl font-bold mb-3">장기 투자: 투기적 매수 (Speculative Buy)</h3> <ul class="space-y-3"> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">스탠스:</span> 장기 논거는 매력적이나, 뉴트론 개발이라는 큰 실행 리스크 존재.</span></li> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">매집 전략:</span> 한 번에 매수하지 말고, 향후 6-12개월간 변동성을 이용해 분할 매수로 평단가 관리.</span></li> <li class="flex items-start"><span class="text-blue-500 font-bold mr-2">▶</span><span><span class="font-semibold">논거 검증/무효화:</span> 성공적인 뉴트론 발사는 논거 검증. 2분기 이상 지연 또는 주요 시험 실패는 비중 축소 신호.</span></li> </ul> <h4 class="text-lg font-bold mt-6 mb-3">핵심 모니터링 체크리스트 (뉴트론 타임라인)</h4> <div id="long-term-milestones" class="space-y-2"> <!-- Milestones will be injected by JS for long term strategy --> </div> </div> </div> </div> </section> </main> <footer class="bg-slate-800 text-white mt-12 py-6"> <div class="container mx-auto max-w-7xl text-center text-slate-400"> <p>&copy; 2025 RKLB Interactive Analysis. All rights reserved.</p> <p class="text-sm mt-1">본 자료는 제공된 보고서를 기반으로 생성되었으며, 투자 추천이 아닙니다. 모든 투자 결정은 본인의 판단과 책임 하에 이루어져야 합니다.</p> </div> </footer> <script> document.addEventListener('DOMContentLoaded', function() { // Data from the report const financialData = { labels: ['2022', '2023', '2024', '2025(E)', '2026(E)', '2027(E)'], revenue: [211, 245, 436, 610, 1250, 1800], grossMargin: [9.0, 21.0, 26.6, 31.0, 35.0, 40.0], adjustedEbitda: [-105, -149, -152, -95, 50, 202] }; const techIndicators = [ { name: '이동평균선 (50/100/200일)', value: '주가 > 모든 MA', signal: '강력 매수', signalClass: 'text-green-600' }, { name: 'MACD (12, 26)', value: '1.01', signal: '매수', signalClass: 'text-green-600' }, { name: 'RSI (14)', value: '64.22', signal: '중립 (과매수 근접)', signalClass: 'text-yellow-600' }, { name: 'CCI (14)', value: '127.93', signal: '매도 (과매수)', signalClass: 'text-red-600' }, { name: '거래량 균형', value: '긍정적', signal: '강세', signalClass: 'text-green-600' } ]; const neutronMilestones = [ { name: '1단 구조물 제작 완료', status: 'completed' }, { name: '발사 단지 3 완공', status: 'completed' }, { name: '2단 엔진 정적 연소 시험', status: 'pending' }, { name: '1단 엔진 정적 연소 시험', status: 'pending' }, { name: '최종 조립 & WDR', status: 'pending' }, { name: '첫 발사 (2025년 하반기 목표)', status: 'pending' } ]; // Chart Configs const chartDefaultOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'top', }, tooltip: { mode: 'index', intersect: false, } }, scales: { x: { grid: { display: false } }, y: { grid: { color: '#e2e8f0' } } } }; // Neutron vs Falcon 9 Chart const neutronCtx = document.getElementById('neutronChart').getContext('2d'); new Chart(neutronCtx, { type: 'bar', data: { labels: ['팰컨 9 (Falcon 9)', '뉴트론 (Neutron)'], datasets: [{ label: 'kg당 비용 (일반 상업 임무, 4톤 기준)', data: [17500, 12500], backgroundColor: [ 'rgba(54, 162, 235, 0.6)', 'rgba(75, 192, 192, 0.6)' ], borderColor: [ 'rgba(54, 162, 235, 1)', 'rgba(75, 192, 192, 1)' ], borderWidth: 1 }] }, options: { ...chartDefaultOptions, indexAxis: 'y', plugins: { legend: { display: false }, title: { display: true, text: '4톤 위성 발사 시 예상 비용 비교 (단위: 달러/kg)' }, tooltip: { callbacks: { label: function(context) { let label = context.dataset.label || ''; if (label) { label += ': '; } if (context.parsed.x !== null) { label += new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(context.parsed.x); } return label; } } } }, } }); // Revenue Chart const revenueCtx = document.getElementById('revenueChart').getContext('2d'); new Chart(revenueCtx, { type: 'bar', data: { labels: financialData.labels, datasets: [{ label: '총 매출 (백만 $)', data: financialData.revenue, backgroundColor: 'rgba(75, 192, 192, 0.6)', borderColor: 'rgba(75, 192, 192, 1)', borderWidth: 1 }] }, options: chartDefaultOptions }); // Profitability Chart const profitabilityCtx = document.getElementById('profitabilityChart').getContext('2d'); new Chart(profitabilityCtx, { type: 'bar', data: { labels: financialData.labels, datasets: [ { label: '총이익률 (%)', data: financialData.grossMargin, backgroundColor: 'rgba(54, 162, 235, 0.6)', borderColor: 'rgba(54, 162, 235, 1)', yAxisID: 'y1', type: 'line', tension: 0.1 }, { label: '조정 EBITDA (백만 $)', data: financialData.adjustedEbitda, backgroundColor: 'rgba(255, 99, 132, 0.6)', borderColor: 'rgba(255, 99, 132, 1)', yAxisID: 'y', } ] }, options: { ...chartDefaultOptions, scales: { x: { grid: { display: false } }, y: { type: 'linear', display: true, position: 'left', title: { display: true, text: '조정 EBITDA (백만 $)' } }, y1: { type: 'linear', display: true, position: 'right', title: { display: true, text: '총이익률 (%)' }, grid: { drawOnChartArea: false, }, }, } } }); // Populate Technical Indicators Table const techTableBody = document.getElementById('tech-indicators-table'); techIndicators.forEach(indicator => { const row = document.createElement('tr'); row.className = 'bg-white border-b'; row.innerHTML = ` <td class="px-6 py-4 font-medium text-gray-900 whitespace-nowrap">${indicator.name}</td> <td class="px-6 py-4">${indicator.value}</td> <td class="px-6 py-4 font-semibold ${indicator.signalClass}">${indicator.signal}</td> `; techTableBody.appendChild(row); }); // Populate Milestones const timelineContainer = document.getElementById('milestone-timeline'); const longTermMilestonesContainer = document.getElementById('long-term-milestones'); neutronMilestones.forEach(milestone => { const isCompleted = milestone.status === 'completed'; // For timeline const timelineEl = document.createElement('div'); timelineEl.className = `flex-1 flex flex-col items-center p-2 rounded-lg ${isCompleted ? 'bg-green-100' : 'bg-gray-100'}`; timelineEl.innerHTML = ` <div class="w-8 h-8 rounded-full flex items-center justify-center text-white font-bold ${isCompleted ? 'bg-green-500' : 'bg-gray-400'}"> ${isCompleted ? '✓' : '•'} </div> <p class="mt-2 text-center text-sm font-medium ${isCompleted ? 'text-green-800' : 'text-gray-700'}">${milestone.name}</p> `; timelineContainer.appendChild(timelineEl); // For long term strategy checklist const checklistEl = document.createElement('div'); checklistEl.className = `milestone flex items-center p-2 rounded ${isCompleted ? 'completed' : ''}`; checklistEl.innerHTML = ` <span class="milestone-icon w-6 h-6 mr-3 rounded-full flex items-center justify-center text-sm ${isCompleted ? 'bg-green-500 text-white' : 'border-2 border-gray-400 text-gray-500'}"> ${isCompleted ? '✓' : ''} </span> <span>${milestone.name}</span> `; checklistEl.addEventListener('click', () => { checklistEl.classList.toggle('completed'); const icon = checklistEl.querySelector('.milestone-icon'); if (checklistEl.classList.contains('completed')) { icon.classList.add('bg-green-500', 'text-white'); icon.classList.remove('border-2', 'border-gray-400', 'text-gray-500'); icon.innerText = '✓'; } else { icon.classList.remove('bg-green-500', 'text-white'); icon.classList.add('border-2', 'border-gray-400', 'text-gray-500'); icon.innerText = ''; } }); longTermMilestonesContainer.appendChild(checklistEl); }); // Strategy Toggle Logic const shortTermBtn = document.getElementById('short-term-btn'); const longTermBtn = document.getElementById('long-term-btn'); const shortTermContent = document.getElementById('short-term-content'); const longTermContent = document.getElementById('long-term-content'); shortTermBtn.addEventListener('click', () => { shortTermBtn.classList.add('active'); longTermBtn.classList.remove('active'); shortTermContent.classList.remove('hidden'); longTermContent.classList.add('hidden'); }); longTermBtn.addEventListener('click', () => { longTermBtn.classList.add('active'); shortTermBtn.classList.remove('active'); longTermContent.classList.remove('hidden'); shortTermContent.classList.add('hidden'); }); // Navbar Active Link Highlighting on Scroll const sections = document.querySelectorAll('section'); const navLinks = document.querySelectorAll('.nav-link'); window.addEventListener('scroll', () => { let current = ''; sections.forEach(section => { const sectionTop = section.offsetTop; if (pageYOffset >= sectionTop - 100) { current = section.getAttribute('id'); } }); navLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('href').includes(current)) { link.classList.add('active'); } }); }); }); </script> </body> </html> 미국주식/로켓랩 로켓랩 매매전략 미국주식 주식 주식분석 traveler0201 https://traveler0201.tistory.com/4 https://traveler0201.tistory.com/4#entry4comment Tue, 24 Jun 2025 23:56:32 +0900 뉴스케일파워 분석 및 매매전략(2025. 06. 24) https://traveler0201.tistory.com/3 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>뉴스케일파워 (SMR) 투자 전략 인포그래픽</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet"> <style> body { font-family: 'Noto Sans KR', sans-serif; background-color: #f4f4f5; color: #18181b; } .chart-container { position: relative; width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; height: 320px; max-height: 45vh; } .card { background-color: #ffffff; border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } .section-title { font-size: 1.875rem; font-weight: 900; line-height: 1.2; color: #27272a; text-align: center; margin-bottom: 2rem; } .strategy-btn { background-color: #e4e4e7; color: #3f3f46; font-weight: 600; padding: 0.5rem 1rem; border-radius: 9999px; transition: background-color 0.2s, color 0.2s; border: 1px solid #d4d4d8; } .strategy-btn.active { background-color: #3b82f6; color: white; border-color: #3b82f6;} .strategy-content { display: none; } .strategy-content.active { display: block; } </style> </head> <body class="antialiased"> <div class="container mx-auto p-4 sm:p-6 md:p-8 max-w-4xl"> <header class="text-center mb-12"> <h1 class="text-3xl md:text-4xl font-black text-zinc-800">뉴스케일파워 (SMR) 투자 전략</h1> <p class="text-lg text-zinc-600 mt-2">AI 혁명을 위한 고위험 고수익 에너지 베팅</p> </header> <section class="mb-12"> <h2 class="section-title">핵심 투자 요약</h2> <p class="text-center max-w-3xl mx-auto text-zinc-600 mb-8">미국 NRC 설계 인증을 받은 유일한 소형 모듈 원자로(SMR) 기업으로, AI 데이터센터의 폭발적인 전력 수요를 충족시킬 독보적 위치에 있습니다. 단, 상업화 이전 단계의 높은 실행 리스크와 변동성을 동반하는 전형적인 고위험 고수익 투자처입니다.</p> <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-center"> <div class="card p-4"> <p class="text-sm font-bold text-zinc-500">규제 상태</p> <p class="text-2xl font-black text-blue-600">미국 유일 NRC 인증</p> </div> <div class="card p-4"> <p class="text-sm font-bold text-zinc-500">주요 프로젝트</p> <p class="text-2xl font-bold text-green-600">루마니아 RoPower</p> </div> <div class="card p-4"> <p class="text-sm font-bold text-zinc-500">공매도 비율</p> <p class="text-2xl font-black text-red-600">~21%</p> </div> </div> </section> <section class="mb-12"> <h2 class="section-title">주요 촉매제 vs 리스크</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-6 text-sm"> <div class="card"> <h3 class="font-bold text-lg mb-3 text-green-600 text-center">✅ 주요 상승 촉매제</h3> <ul class="list-disc list-inside space-y-2"> <li>77MWe 설계 최종 승인 (25년 7월)</li> <li>루마니아 프로젝트 최종 투자 결정 (FID)</li> <li>미국 내 신규 계약 수주 (데이터센터 등)</li> <li>높은 공매도 비율로 인한 숏 스퀴즈 가능성</li> </ul> </div> <div class="card"> <h3 class="font-bold text-lg mb-3 text-red-600 text-center">⚠️ 주요 하락 리스크</h3> <ul class="list-disc list-inside space-y-2"> <li>주요 프로젝트 지연 또는 실패</li> <li>2025년 내 신규 계약 부재</li> <li>지속적인 내부자 매도 및 높은 변동성</li> <li>공급망 병목 및 IRA 세금 공제 불확실성</li> </ul> </div> </div> </section> <section class="mb-12"> <h2 class="section-title">기술적 분석: 고변동성 속 장기 추세</h2> <p class="text-center max-w-3xl mx-auto text-zinc-600 mb-8">주가는 200일 이동평균선 위에 위치해 장기 상승 추세에 있지만, 최근 고점에서 하락하며 단기 조정 국면에 진입했습니다. MACD 등 모멘텀 지표는 약세 신호를 보내고 있어, 지지선 확인이 필요한 시점입니다.</p> <div class="card p-6"> <h3 class="font-bold text-lg text-center mb-4">핵심 지지/저항선</h3> <div class="space-y-2 text-sm"> <div class="flex justify-between items-center p-2 rounded-md bg-red-100 text-red-800"><span class="font-semibold">강력 저항 (최고가)</span><span>~ $45.31</span></div> <div class="flex justify-between items-center p-2 rounded-md bg-red-100 text-red-800"><span class="font-semibold">1차 저항</span><span>$40.50 - $42.50</span></div> <div class="flex justify-between items-center p-2 rounded-md bg-zinc-200 text-zinc-800 font-bold"><span class="font-semibold">현재가 (6월 중순)</span><span>~ $38.00</span></div> <div class="flex justify-between items-center p-2 rounded-md bg-green-100 text-green-800"><span class="font-semibold">1차 지지</span><span>$35.50 - $36.00</span></div> <div class="flex justify-between items-center p-2 rounded-md bg-green-100 text-green-800"><span class="font-semibold">강력 지지</span><span>$29.00 - $30.00</span></div> </div> </div> </section> <section> <h2 class="section-title">실행 가능한 매매 전략</h2> <div id="smr-strategies"></div> </section> </div> <script> window.onload = function() { function createStrategies(strategies, containerId) { const container = document.getElementById(containerId); if (!container) return; const buttonContainer = document.createElement('div'); buttonContainer.className = 'flex flex-wrap justify-center gap-2 mb-4'; const contentContainer = document.createElement('div'); contentContainer.className = 'mt-4'; strategies.forEach((strategy, index) => { const btn = document.createElement('button'); btn.className = 'strategy-btn'; btn.textContent = strategy.title; const content = document.createElement('div'); content.className = 'strategy-content card text-sm'; content.innerHTML = `<p>${strategy.content}</p>`; if (index === 0) { btn.classList.add('active'); content.classList.add('active'); } btn.onclick = () => { container.querySelectorAll('.strategy-btn').forEach(b => b.classList.remove('active')); container.querySelectorAll('.strategy-content').forEach(c => c.classList.remove('active')); btn.classList.add('active'); content.classList.add('active'); }; buttonContainer.appendChild(btn); contentContainer.appendChild(content); }); container.appendChild(buttonContainer); container.appendChild(contentContainer); } createStrategies(smrData.strategies, 'smr-strategies'); }; const smrData = { strategies: }; </script> </body> </html> 미국주식/뉴스케일파워 뉴스케일파워 매매전략 미국주식 분석 재테크 traveler0201 https://traveler0201.tistory.com/3 https://traveler0201.tistory.com/3#entry3comment Tue, 24 Jun 2025 23:32:29 +0900 테슬라 분석 및 매매전략(2025. 06. 24) https://traveler0201.tistory.com/2 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>테슬라(TSLA) 인터랙티브 투자 분석</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap" rel="stylesheet"> <!-- Chosen Palette: Warm Neutrals --> <!-- Application Structure Plan: The SPA is designed around the core conflict of "Struggling Present vs. Hyped Future". A sticky top navigation allows users to jump between four main thematic sections: 1) Dashboard (펀더멘털), 2) Future Value (미래 가치), 3) Market Environment (시장 환경), and 4) Trading Strategies (투자 전략). This non-linear structure lets users explore based on their interests—whether they are fundamentals-focused, AI-believers, or traders. The initial dashboard immediately presents the core conflict side-by-side for maximum impact, guiding the user's exploration of the deeper sections. --> <!-- Visualization & Content Choices: 1. Report Info: SOTP Valuation -> Goal: Inform -> Viz/Method: Donut Chart (in dashboard) & Bar Chart (in deep dive) -> Interaction: Hover tooltips -> Justification: Quickly shows the heavy reliance on future projects for current valuation -> Library: Chart.js (Canvas). 2. Report Info: Auto Margin Decline -> Goal: Change -> Viz/Method: Line Chart -> Interaction: Toggle to show/hide effect of regulatory credits -> Justification: Visually isolates the core problem in the auto business -> Library: Chart.js. 3. Report Info: FSD Tech vs. Competitors -> Goal: Organize/Compare -> Viz/Method: HTML/CSS Diagram -> Interaction: Static -> Justification: Clearly contrasts the two main AV approaches without complex graphics (No SVG/Mermaid) -> Tailwind CSS. 4. Report Info: Trading Strategies -> Goal: Inform/Engage -> Viz/Method: Annotated Line Chart & simple HTML/CSS cards -> Interaction: Visualizing key entry/exit levels -> Justification: Makes abstract strategies concrete and actionable for users. -> Chart.js. --> <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --> <style> body { font-family: 'Noto Sans KR', sans-serif; background-color: #FDFBF6; color: #57524A; } .chart-container { position: relative; width: 100%; max-width: 600px; margin: auto; height: 320px; max-height: 45vh; } .nav-item { cursor: pointer; padding: 0.5rem 1rem; border-radius: 0.5rem; transition: background-color 0.3s, color 0.3s; font-weight: 700; } .nav-item.active { background-color: #A3907D; color: #FDFBF6; } .nav-item:not(.active):hover { background-color: #EFEAE3; } .card { background-color: white; border-radius: 0.75rem; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05); } .section-title { font-size: 2rem; font-weight: 900; line-height: 1.2; color: #43403a; text-align: center; margin-bottom: 2rem; } .kpi-value { color: #A3907D; font-weight: 900; } .accent-text-red { color: #c02626; } .accent-text-green { color: #16a34a; } </style> </head> <body class="antialiased"> <div class="container mx-auto p-4 md:p-8 max-w-7xl"> <header class="text-center mb-8"> <h1 class="text-4xl md:text-5xl font-black text-[#43403a] mb-2">테슬라 (TSLA): 전략적 기로에 서다</h1> <p class="text-lg text-[#7D6E5C]">2025년 하반기 종합 인터랙티브 분석</p> </header> <nav id="main-nav" class="sticky top-2 z-50 bg-[#FDFBF6]/80 backdrop-blur-md rounded-xl shadow-md mb-8 py-2 px-4 flex justify-center items-center gap-2 md:gap-4"> <div data-target="dashboard" class="nav-item active">대시보드</div> <div data-target="fundamentals" class="nav-item">펀더멘털</div> <div data-target="future-value" class="nav-item">미래 가치</div> <div data-target="market" class="nav-item">시장 환경</div> <div data-target="strategy" class="nav-item">투자 전략</div> </nav> <main> <!-- Dashboard Section --> <section id="dashboard" class="content-section"> <p class="text-center max-w-3xl mx-auto text-[#7D6E5C] mb-8">테슬라는 현재 두 개의 상반된 이야기가 공존하는 변곡점에 있습니다. 핵심 자동차 사업은 펀더멘털 약화에 직면해 있지만, 주가는 AI와 로보틱스라는 거대한 미래 성장 가능성에 대한 기대로 지탱되고 있습니다. 이 대시보드는 테슬라의 현재와 미래를 한눈에 비교하여 보여줍니다.</p> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> <div class="card"> <h3 class="text-2xl font-bold text-center mb-4">현재의 도전: 흔들리는 자동차 왕국</h3> <div class="text-center mb-4"> <p class="text-lg font-semibold accent-text-red">자동차 총이익률 (규제 크레딧 제외)</p> <p class="text-5xl font-black accent-text-red">-5.9%</p> <p class="text-sm text-gray-500">2025년 1분기 기준</p> </div> <p class="text-sm text-center text-gray-600 mb-4">수익성 높은 규제 크레딧 판매가 없었다면, 핵심 자동차 사업은 손실을 기록했을 것입니다. 이는 심각한 수익성 악화 신호입니다.</p> <div class="chart-container" style="height: 280px;"> <canvas id="prodDeliveryChart"></canvas> </div> </div> <div class="card"> <h3 class="text-2xl font-bold text-center mb-4">미래의 약속: AI 제국을 향한 꿈</h3> <div class="text-center mb-4"> <p class="text-lg font-semibold kpi-value">SOTP 기준 목표 주가</p> <p class="text-5xl font-black kpi-value">$358</p> <p class="text-sm text-gray-500">미래 사업 가치 반영</p> </div> <p class="text-sm text-center text-gray-600 mb-4">현재 가치는 로보택시, 옵티머스 등 미래 AI 프로젝트의 성공에 대한 시장의 기대를 반영하고 있습니다.</p> <div class="chart-container" style="height: 280px;"> <canvas id="sotpDonutChart"></canvas> </div> </div> </div> </section> <!-- Fundamentals Section --> <section id="fundamentals" class="content-section hidden"> <h2 class="section-title">펀더멘털 심층 분석</h2> <p class="text-center max-w-3xl mx-auto text-[#7D6E5C] mb-8">2025년 1분기 실적은 테슬라의 핵심 자동차 사업이 직면한 도전을 명확히 보여줍니다. 매출 감소와 수익성 악화는 심각한 경고 신호이며, 이는 테슬라가 더 이상 단순한 자동차 회사가 아님을 시사합니다.</p> <div class="card"> <h3 class="text-xl font-bold text-center mb-1">자동차 총이익률 추이</h3> <p class="text-sm text-center text-gray-500 mb-4">아래 버튼으로 규제 크레딧 효과를 확인하세요.</p> <div class="flex justify-center mb-4"> <button id="toggleCreditsBtn" class="bg-[#A3907D] text-white px-4 py-2 rounded-md font-semibold">규제 크레딧 제외하고 보기</button> </div> <div class="chart-container"> <canvas id="marginChart"></canvas> </div> </div> </section> <!-- Future Value Section --> <section id="future-value" class="content-section hidden"> <h2 class="section-title">미래 가치 평가 (SOTP 분석)</h2> <p class="text-center max-w-3xl mx-auto text-[#7D6E5C] mb-8">테슬라의 현재 시가총액은 미래 AI 기반 프로젝트의 성공 가능성을 가격에 반영해야만 정당화될 수 있습니다. 각 사업 부문의 잠재적 가치를 분석합니다.</p> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-8"> <div class="card"> <h3 class="text-xl font-bold mb-4">FSD 기술: 비전 vs 라이다</h3> <p class="text-sm text-gray-600 mb-4">자율주행 기술에 대한 두 가지 핵심 접근 방식입니다.</p> <div class="space-y-4"> <div> <h4 class="font-bold kpi-value">테슬라 (비전)</h4> <p class="text-sm">카메라와 방대한 실제 데이터에 의존하여 비용 효율적이고 확장성이 뛰어난 AI를 구축합니다.</p> </div> <div> <h4 class="font-bold text-gray-600">웨이모 (라이다)</h4> <p class="text-sm">고가의 라이다, 레이더 등 다중 센서를 사용하여 데이터 중복성을 확보하지만, 확장 비용이 높습니다.</p> </div> </div> </div> <div class="card"> <h3 class="text-xl font-bold mb-4">옵티머스: 휴머노이드 경쟁</h3> <p class="text-sm text-gray-600 mb-4">로봇 시장의 주요 경쟁자들과의 차별점입니다.</p> <div class="space-y-4"> <div> <h4 class="font-bold kpi-value">테슬라 옵티머스</h4> <p class="text-sm">대량 생산과 '실제 세계 AI' 활용에 중점을 둡니다.</p> </div> <div> <h4 class="font-bold text-gray-600">기타 (보스턴 다이내믹스 등)</h4> <p class="text-sm">연구 및 특정 분야의 민첩성에 초점을 맞추지만 대량 생산에는 한계가 있습니다.</p> </div> </div> </div> </div> <div class="card"> <h3 class="text-xl font-bold text-center mb-4">사업부문별 가치평가 (SOTP)</h3> <div class="chart-container" style="height: 400px;"> <canvas id="sotpBarChart"></canvas> </div> </div> </section> <!-- Market Section --> <section id="market" class="content-section hidden"> <h2 class="section-title">거시 경제 및 경쟁 환경</h2> <p class="text-center max-w-3xl mx-auto text-[#7D6E5C] mb-8">테슬라의 성과는 내부 역량뿐만 아니라 금리, 규제, 그리고 치열한 경쟁과 같은 외부 요인에 큰 영향을 받습니다.</p> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> <div class="card"> <h3 class="text-xl font-bold text-center mb-4">글로벌 EV 시장 점유율 (2025년 1분기)</h3> <p class="text-sm text-center text-gray-600 mb-4">BYD가 테슬라를 제치고 글로벌 1위로 올라서며 경쟁 구도의 근본적인 변화를 보여줍니다.</p> <div class="chart-container" style="height: 300px;"> <canvas id="marketShareChart"></canvas> </div> </div> <div class="card"> <h3 class="text-xl font-bold text-center mb-4">주요 시장 규제 환경</h3> <p class="text-sm text-center text-gray-600 mb-4">자율주행차(AV) 규제는 로보택시 사업의 성패를 좌우할 핵심 변수입니다.</p> <div class="space-y-6 mt-6"> <div class="flex items-center"> <span class="text-2xl w-12 text-center"> </span> <div> <h4 class="font-bold">미국: <span class="accent-text-green">긍정적</span></h4> <p class="text-sm text-gray-600">단일 국가 표준 마련 등 상업적 배포에 유리한 환경 조성 중.</p> </div> </div> <div class="flex items-center"> <span class="text-2xl w-12 text-center"> </span> <div> <h4 class="font-bold">유럽: <span class="text-yellow-600">복잡함</span></h4> <p class="text-sm text-gray-600">규제가 복잡하고 까다로우나, 점진적인 완화 신호 감지.</p> </div> </div> <div class="flex items-center"> <span class="text-2xl w-12 text-center"> </span> <div> <h4 class="font-bold">중국: <span class="accent-text-red">부정적</span></h4> <p class="text-sm text-gray-600">엄격한 신규 규제 도입으로 FSD 시범 운영이 중단되는 등 불확실성 증대.</p> </div> </div> </div> </div> </div> </section> <!-- Strategy Section --> <section id="strategy" class="content-section hidden"> <h2 class="section-title">실행 가능한 투자 전략</h2> <p class="text-center max-w-3xl mx-auto text-[#7D6E5C] mb-8">분석을 바탕으로 각기 다른 투자 성향에 맞춘 구체적인 트레이딩 전략을 제시합니다. 모든 투자는 자신의 판단과 책임 하에 이루어져야 합니다.</p> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="card"> <h3 class="text-xl font-bold text-center mb-4 accent-text-green">장기 강세론</h3> <p class="text-sm text-gray-600">AI 내러티브를 믿는 투자자를 위한 전략입니다. 극심한 변동성을 감내할 준비가 필요합니다.</p> <ul class="list-disc list-inside mt-4 space-y-2 text-sm"> <li><strong>분할 매수:</strong> 주요 기술적 지지선(예: 200일 이평선, ~$285)에서 분할하여 매수합니다.</li> <li><strong>현금 담보 풋 매도:</strong> 원하는 매수 가격에 풋옵션을 매도하여 프리미엄 수익을 얻거나 더 낮은 가격에 주식을 매수합니다.</li> </ul> </div> <div class="card"> <h3 class="text-xl font-bold text-center mb-4 accent-text-red">전술적 약세론</h3> <p class="text-sm text-gray-600">현재의 고평가와 실행 리스크에 베팅하는 트레이더를 위한 전략입니다.</p> <ul class="list-disc list-inside mt-4 space-y-2 text-sm"> <li><strong>촉매 실패 시 공매도:</strong> 주요 이벤트(실적발표 등)가 실망스러울 경우, 명확한 손절매와 함께 공매도 포지션을 고려합니다. (고위험)</li> <li><strong>보호적 풋 매수:</strong> 장기 풋옵션을 매수하여 제한된 위험으로 주가 하락에 베팅합니다.</li> </ul> </div> <div class="card"> <h3 class="text-xl font-bold text-center mb-4 text-yellow-600">변동성 활용</h3> <p class="text-sm text-gray-600">장기 보유자가 추가 수익을 창출하거나, 주가가 특정 범위에서 움직일 것으로 예상하는 투자자를 위한 전략입니다.</p> <ul class="list-disc list-inside mt-4 space-y-2 text-sm"> <li><strong>커버드 콜 매도:</strong> 보유 주식 100주당 외가격 콜옵션 1개를 매도하여 높은 프리미엄 수익을 얻습니다. 주가 횡보 시 효과적입니다.</li> </ul> </div> </div> </section> </main> </div> <script> window.onload = function() { const chartDefaultOptions = { responsive: true, maintainAspectRatio: false, plugins: { legend: { labels: { color: '#57524A', font: { family: "'Noto Sans KR', sans-serif" } } }, tooltip: { bodyFont: { family: "'Noto Sans KR', sans-serif" }, titleFont: { family: "'Noto Sans KR', sans-serif" } } }, scales: { x: { ticks: { color: '#7D6E5C' }, grid: { display: false } }, y: { ticks: { color: '#7D6E5C' }, grid: { color: '#EFEAE3' } } } }; // --- Chart Data --- const sotpData = { labels: ['로보택시', '옵티머스', '핵심 자동차', '에너지', 'FSD 라이선싱', '기업 비용'], values: [174, 62, 78, 31, 25, -12], enterpriseValues: [5600, 2000, 2500, 1000, 800, -400] }; const marketShareData = { labels: ['BYD', 'Tesla', 'Geely', 'SAIC-GM-Wuling', 'Volkswagen'], values: [15.4, 12.6, 6.9, 6.6, 4.0] }; const prodDeliveryData = { labels: ['2024 Q1', '2024 Q2', '2024 Q3', '2024 Q4', '2025 Q1'], production: [433371, 479700, 430488, 494989, 362615], deliveries: [386810, 466140, 435059, 484507, 336681] }; const marginData = { labels: ['2024 Q1', '2024 Q2', '2024 Q3', '2024 Q4', '2025 Q1'], gaapMargin: [19.0, 18.2, 17.9, 17.6, 12.9], exCreditMargin: [16.4, 15.7, 15.3, 15.0, -5.9] }; // --- Chart Instances --- // 1. Production vs Delivery Chart (Dashboard) const prodDeliveryChart = new Chart(document.getElementById('prodDeliveryChart'), { type: 'bar', data: { labels: prodDeliveryData.labels, datasets: [ { label: '생산량', data: prodDeliveryData.production, backgroundColor: '#A3907D' }, { label: '인도량', data: prodDeliveryData.deliveries, backgroundColor: '#EFEAE3' } ] }, options: { ...chartDefaultOptions, plugins: { ...chartDefaultOptions.plugins, title: { display: true, text: '분기별 생산량 vs 인도량', color: '#43403a' }}} }); // 2. SOTP Donut Chart (Dashboard) const sotpDonutChart = new Chart(document.getElementById('sotpDonutChart'), { type: 'doughnut', data: { labels: sotpData.labels.filter(l => l !== '기업 비용'), datasets: [{ label: '주당 가치 기여도 ($)', data: sotpData.values.filter(v => v > 0), backgroundColor: ['#7D6E5C', '#A3907D', '#C4B8A8', '#EFEAE3', '#D3C9BC'], borderColor: '#FDFBF6', borderWidth: 2 }] }, options: { ...chartDefaultOptions, plugins: { ...chartDefaultOptions.plugins, title: { display: true, text: 'SOTP 가치 구성 (주당 $)', color: '#43403a' }}} }); // 3. Margin Chart (Fundamentals) let isExCredits = false; const marginChart = new Chart(document.getElementById('marginChart'), { type: 'line', data: { labels: marginData.labels, datasets: [{ label: '자동차 총이익률 (GAAP)', data: marginData.gaapMargin, borderColor: '#A3907D', backgroundColor: '#A3907D', tension: 0.1 }] }, options: { ...chartDefaultOptions, scales: { ...chartDefaultOptions.scales, y: { ticks: { callback: value => value + '%' }}}} }); document.getElementById('toggleCreditsBtn').addEventListener('click', () => { isExCredits = !isExCredits; const newDataset = { label: isExCredits ? '자동차 총이익률 (규제 크레딧 제외)' : '자동차 총이익률 (GAAP)', data: isExCredits ? marginData.exCreditMargin : marginData.gaapMargin, borderColor: isExCredits ? '#c02626' : '#A3907D', backgroundColor: isExCredits ? '#c02626' : '#A3907D', tension: 0.1 }; marginChart.data.datasets = [newDataset]; marginChart.update(); document.getElementById('toggleCreditsBtn').textContent = isExCredits ? '규제 크레딧 포함해서 보기' : '규제 크레딧 제외하고 보기'; }); // 4. SOTP Bar Chart (Future Value) const sotpBarChart = new Chart(document.getElementById('sotpBarChart'), { type: 'bar', data: { labels: sotpData.labels, datasets: [{ label: '사업부문별 기업 가치 (10억 $)', data: sotpData.enterpriseValues, backgroundColor: sotpData.values.map(v => v < 0 ? '#c02626' : '#A3907D') }] }, options: { ...chartDefaultOptions, indexAxis: 'y', plugins: { ...chartDefaultOptions.plugins, legend: { display: false }}} }); // 5. Market Share Chart (Market) const marketShareChart = new Chart(document.getElementById('marketShareChart'), { type: 'bar', data: { labels: marketShareData.labels, datasets: [{ label: '글로벌 BEV 시장 점유율 (%)', data: marketShareData.values, backgroundColor: ['#c02626', '#7D6E5C', '#A3907D', '#C4B8A8', '#EFEAE3'] }] }, options: { ...chartDefaultOptions, plugins: { ...chartDefaultOptions.plugins, legend: { display: false }}, scales: { ...chartDefaultOptions.scales, y: { ticks: { callback: value => value + '%' }}}} }); // --- Navigation Logic --- const navItems = document.querySelectorAll('.nav-item'); const sections = document.querySelectorAll('.content-section'); navItems.forEach(item => { item.addEventListener('click', () => { const targetId = item.getAttribute('data-target'); navItems.forEach(nav => nav.classList.remove('active')); item.classList.add('active'); sections.forEach(section => { if (section.id === targetId) { section.classList.remove('hidden'); } else { section.classList.add('hidden'); } }); window.scrollTo({ top: 0, behavior: 'smooth' }); }); }); }; </script> </body> </html> 미국주식/테슬라 매매전략 미국주식 재테크 주식 테슬라 traveler0201 https://traveler0201.tistory.com/2 https://traveler0201.tistory.com/2#entry2comment Tue, 24 Jun 2025 23:19:03 +0900 파이서브 분석 및 매매전략(2025. 06. 24) https://traveler0201.tistory.com/1 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>파이서브(FI) 인터랙티브 투자 전략 분석</title> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet"> <!-- Chosen Palette: Warm Neutrals --> <!-- Application Structure Plan: A top-level tabbed navigation SPA. This structure deconstructs the dense report into thematic, digestible sections: 1. Summary/Dashboard (landing page with key takeaways), 2. Fundamentals (business model, financial health), 3. Growth Catalysts (Clover story, Stablecoin), 4. Market Analysis (competition, valuation), and 5. Trading Strategy (actionable plan). This non-linear approach allows users to explore topics based on their interest, transforming a static document into an interactive exploratory tool, which is superior for usability and information retention. --> <!-- Visualization & Content Choices: Report Info -> Goal -> Viz/Method -> Interaction -> Justification. 1. Revenue Split -> Inform -> Donut Chart (Chart.js) -> Hover for details -> Clear part-to-whole view. 2. Financial Growth -> Show Trend -> Bar Chart (Chart.js) -> Tooltips -> Easily visualizes performance over time. 3. Competitor Metrics -> Compare -> Interactive Bar Chart (Chart.js) -> Dropdown to change metric -> Dynamic comparison enhances engagement. 4. Analyst Ratings -> Show Consensus -> Donut Chart (Chart.js) -> Tooltips -> Quick visual summary of sentiment. 5. Trading Levels -> Actionable Advice -> Line Chart with Annotated Bands (Chart.js) -> Hover for context -> Clearly visualizes key price zones. All choices use Canvas-based Chart.js to adhere to constraints. --> <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. --> <style> body { font-family: 'Noto Sans KR', sans-serif; } .chart-container { position: relative; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; height: 350px; max-height: 40vh; } @media (min-width: 768px) { .chart-container { height: 400px; max-height: 50vh; } } .nav-link { transition: all 0.3s ease; } .nav-link.active { color: #0284c7; border-bottom-color: #0284c7; transform: translateY(-2px); } .content-section { display: none; } .content-section.active { display: block; } .kpi-card { transition: all 0.2s ease-in-out; } .kpi-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); } </style> </head> <body class="bg-slate-50 text-slate-800"> <div class="container mx-auto p-4 md:p-8"> <header class="text-center mb-8"> <h1 class="text-3xl md:text-4xl font-bold text-slate-900">파이서브 (Fiserv, Inc., FI)</h1> <p class="text-lg text-slate-600 mt-2">디지털 결제 최전선을 위한 종합 투자 전략</p> </header> <nav class="sticky top-0 bg-slate-50/80 backdrop-blur-sm z-10 mb-8 border-b border-slate-200"> <ul class="flex justify-center items-center space-x-4 md:space-x-8 text-sm md:text-base font-medium text-slate-600"> <li><a href="#summary" class="nav-link active py-4 px-2 border-b-2 border-transparent hover:text-sky-600">요약</a></li> <li><a href="#fundamentals" class="nav-link py-4 px-2 border-b-2 border-transparent hover:text-sky-600">펀더멘털</a></li> <li><a href="#catalysts" class="nav-link py-4 px-2 border-b-2 border-transparent hover:text-sky-600">성장 촉매제</a></li> <li><a href="#market" class="nav-link py-4 px-2 border-b-2 border-transparent hover:text-sky-600">시장 분석</a></li> <li><a href="#strategy" class="nav-link py-4 px-2 border-b-2 border-transparent hover:text-sky-600">매매 전략</a></li> </ul> </nav> <main> <!-- 요약 Section --> <section id="summary" class="content-section active space-y-8"> <div class="text-center bg-white p-6 rounded-xl shadow-sm"> <h2 class="text-2xl font-bold mb-4 text-slate-900">최종 투자 결론</h2> <p class="max-w-3xl mx-auto text-slate-600 leading-relaxed"> 거시 경제, 산업 동향, 펀더멘털, 경쟁 구도, 기술적 분석을 종합한 결과, 파이서브(FI)는 현재 매력적인 투자 기회를 제공합니다. 시장의 단기적 오해와 달리, 회사는 전략적 전환에 성공하고 있으며, 스테이블코인이라는 강력한 미래 성장 동력을 확보했습니다. 이에 따라 '강력 매수(Strong Buy)' 의견을 제시합니다. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> <div class="kpi-card bg-sky-600 text-white p-6 rounded-xl shadow-lg text-center"> <h3 class="font-bold text-lg">투자의견</h3> <p class="text-4xl font-bold mt-2">강력 매수</p> <p class="text-sm opacity-80 mt-1">Strong Buy</p> </div> <div class="kpi-card bg-white p-6 rounded-xl shadow-md text-center"> <h3 class="font-bold text-lg text-slate-700">12개월 목표주가</h3> <p class="text-4xl font-bold mt-2 text-slate-900">$225</p> <p class="text-sm text-green-600 font-semibold mt-1">상승 잠재력 ~38%</p> </div> <div class="kpi-card bg-white p-6 rounded-xl shadow-md text-center"> <h3 class="font-bold text-lg text-slate-700">최적 진입 구간</h3> <p class="text-4xl font-bold mt-2 text-slate-900">$155-165</p> <p class="text-sm text-slate-500 mt-1">기술적/가치평가 기반</p> </div> <div class="kpi-card bg-white p-6 rounded-xl shadow-md text-center"> <h3 class="font-bold text-lg text-slate-700">손절매 가격</h3> <p class="text-4xl font-bold mt-2 text-red-600">$144</p> <p class="text-sm text-slate-500 mt-1">주간 종가 기준</p> </div> </div> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-center text-slate-900">핵심 투자 논거</h3> <ul class="space-y-3 text-slate-700 max-w-2xl mx-auto"> <li class="flex items-start"><span class="text-sky-500 font-bold mr-3">✓</span><div><strong>견고한 사업 모델:</strong> 상호 보완적인 가맹점/금융 솔루션으로 경기 변동에 대한 높은 회복탄력성 보유.</div></li> <li class="flex items-start"><span class="text-sky-500 font-bold mr-3">✓</span><div><strong>클로버의 오해:</strong> GPV 둔화는 저마진 거래 축소 및 고부가가치 서비스 확대를 위한 성공적인 전략적 전환의 증거.</div></li> <li class="flex items-start"><span class="text-sky-500 font-bold mr-3">✓</span><div><strong>미래 성장 동력 (스테이블코인):</strong> 마스터카드/페이팔과의 'FIUSD' 파트너십은 미래 디지털 자산 경제의 핵심 인프라 제공자로 자리매김할 기회.</div></li> <li class="flex items-start"><span class="text-sky-500 font-bold mr-3">✓</span><div><strong>매력적인 밸류에이션:</strong> 펀더멘털 개선 및 성장 잠재력 대비, 단기 우려로 인한 주가 하락으로 저평가 상태.</div></li> </ul> </div> </section> <!-- 펀더멘털 Section --> <section id="fundamentals" class="content-section space-y-8"> <div class="text-center bg-white p-6 rounded-xl shadow-sm"> <h2 class="text-2xl font-bold mb-2 text-slate-900">파이서브의 핵심 엔진: 펀더멘털</h2> <p class="max-w-3xl mx-auto text-slate-600 leading-relaxed"> 파이서브의 강점은 안정적인 수익 기반과 성장 엔진을 동시에 갖춘 균형잡힌 사업 포트폴리오에서 나옵니다. 견고한 재무 성과와 전략적 부채 관리는 회사의 지속 가능한 성장을 뒷받침합니다. </p> </div> <div class="grid grid-cols-1 lg:grid-cols-5 gap-8"> <div class="lg:col-span-3 bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-slate-900">비즈니스 모델: 두 개의 강력한 기둥</h3> <div class="sm:flex sm:space-x-6 space-y-4 sm:space-y-0"> <div class="flex-1 p-4 border border-slate-200 rounded-lg"> <h4 class="font-bold text-lg text-sky-700">가맹점 솔루션 (매출의 46%)</h4> <p class="text-sm text-slate-600 mt-1">성장 엔진. '클로버(Clover)' POS 시스템과 대기업용 '캐럿(Carat)' 생태계를 통해 모든 규모의 가맹점에 결제 및 사업 관리 솔루션을 제공합니다.</p> </div> <div class="flex-1 p-4 border border-slate-200 rounded-lg"> <h4 class="font-bold text-lg text-teal-700">금융 솔루션 (매출의 47%)</h4> <p class="text-sm text-slate-600 mt-1">안정적 기반. 수천 개의 은행, 신용조합에 핵심 계정 처리, 디지털 뱅킹 솔루션을 제공하며, 장기 계약 기반의 높은 고객 유지율이 특징입니다.</p> </div> </div> <div class="chart-container mt-6 mx-auto" style="max-width: 400px; height: 250px;"> <canvas id="revenueSplitChart"></canvas> </div> </div> <div class="lg:col-span-2 bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-slate-900">부채: 전략적 레버리지</h3> <p class="text-sm text-slate-600 mb-4">퍼스트 데이터 인수로 인한 높은 부채는 리스크가 아닌, 가치 창출을 위한 의도된 전략입니다. 안정적 현금흐름을 바탕으로 부채를 상환하며 주주가치를 극대화하는 LBO 모델과 유사합니다.</p> <ul class="space-y-3 text-slate-700 text-sm"> <li class="flex items-center"><span class="w-2 h-2 rounded-full bg-green-500 mr-3"></span>이자보상배율: <strong>4.9배</strong> (양호)</li> <li class="flex items-center"><span class="w-2 h-2 rounded-full bg-green-500 mr-3"></span>부채/영업현금흐름: <strong>24.2%</strong> (충분한 상환 능력)</li> <li class="flex items-center"><span class="w-2 h-2 rounded-full bg-sky-500 mr-3"></span>핵심 관점: 운영 부채가 아닌 <strong>성장 자산 인수</strong>를 위한 투자.</li> <li class="flex items-center"><span class="w-2 h-2 rounded-full bg-sky-500 mr-3"></span>미래 촉매제: 금리 인하 시 <strong>이자 비용 감소 & EPS 증가</strong> 기대.</li> </ul> </div> </div> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-center text-slate-900">꾸준한 재무 성과</h3> <p class="text-center text-slate-600 text-sm mb-4 max-w-2xl mx-auto">파이서브는 지속적인 매출 성장과 수익성 개선을 통해 강력한 주당순이익(EPS) 성장률을 기록하고 있습니다.</p> <div class="chart-container mx-auto"> <canvas id="financialsChart"></canvas> </div> </div> </section> <!-- 성장 촉매제 Section --> <section id="catalysts" class="content-section space-y-8"> <div class="text-center bg-white p-6 rounded-xl shadow-sm"> <h2 class="text-2xl font-bold mb-2 text-slate-900">미래를 이끌 성장 촉매제</h2> <p class="max-w-3xl mx-auto text-slate-600 leading-relaxed"> 시장은 파이서브의 핵심 성장 스토리를 오해하고 있습니다. 클로버의 전략적 질적 성장과 스테이블코인 시장 선점은 미래 주가 재평가의 핵심 동력이 될 것입니다. </p> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold text-slate-900">클로버의 역설: 양보다 질</h3> <p class="text-sm text-slate-600 mt-2 mb-4">최근 시장이 우려한 클로버의 총결제액(GPV) 성장 둔화는 사실, 저마진의 초소형 가맹점을 줄이고 고마진의 부가서비스를 사용하는 '우량' 고객에 집중하는 성공적 전략의 결과입니다. GPV 성장률(8%)보다 훨씬 높은 매출 성장률(27%)이 이를 증명합니다.</p> <div class="chart-container" style="height: 300px;"> <canvas id="cloverChart"></canvas> </div> </div> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold text-slate-900">스테이블코인: 미래 금융의 인프라</h3> <p class="text-sm text-slate-600 mt-2 mb-4">'FIUSD' 출시 및 마스터카드, 페이팔과의 파트너십은 파이서브를 단순 결제 처리사를 넘어 미래 디지털 자산 경제의 핵심 '배관' 제공자로 격상시키는 게임 체인저입니다.</p> <div class="space-y-4 mt-6"> <div class="flex items-center p-4 bg-slate-100 rounded-lg"> <div class="text-2xl mr-4"> </div> <div> <h4 class="font-semibold">Fiserv (Finxact)</h4> <p class="text-xs text-slate-500">디지털 자산 플랫폼 제공, FIUSD 발행</p> </div> </div> <div class="text-center text-2xl">↓</div> <div class="flex items-center p-4 bg-slate-100 rounded-lg"> <div class="text-2xl mr-4"> </div> <div> <h4 class="font-semibold">Mastercard & PayPal</h4> <p class="text-xs text-slate-500">네트워크 통합, 카드 지원, 온/오프 램핑</p> </div> </div> <div class="text-center text-2xl">↓</div> <div class="flex items-center p-4 bg-slate-100 rounded-lg"> <div class="text-2xl mr-4"> </div> <div> <h4 class="font-semibold">글로벌 상거래</h4> <p class="text-xs text-slate-500">1.5억개 이상 가맹점, 국경간 거래에 활용</p> </div> </div> </div> </div> </div> </section> <!-- 시장 분석 Section --> <section id="market" class="content-section space-y-8"> <div class="text-center bg-white p-6 rounded-xl shadow-sm"> <h2 class="text-2xl font-bold mb-2 text-slate-900">시장 내 위치와 가치 평가</h2> <p class="max-w-3xl mx-auto text-slate-600 leading-relaxed"> 파이서브는 경쟁사 대비 우월한 수익성과 효율성을 보여주며 시장 지배력을 강화하고 있습니다. 월스트리트 분석가들의 압도적인 긍정적 평가는 현재 주가가 저평가되었음을 시사합니다. </p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> <div class="bg-white p-6 rounded-xl shadow-sm"> <div class="flex justify-between items-center mb-4"> <h3 class="text-xl font-bold text-slate-900">경쟁사 비교</h3> <select id="competitorMetricSelect" class="text-sm border border-slate-300 rounded-md p-1.5 focus:ring-2 focus:ring-sky-500 focus:outline-none"> <option value="opMargin">영업이익률</option> <option value="netMargin">순이익률</option> <option value="roe">ROE</option> <option value="psRatio">P/S 비율</option> </select> </div> <p class="text-sm text-slate-600 mb-4">파이서브는 주요 경쟁사인 글로벌 페이먼츠(GPN) 대비 대부분의 수익성 및 효율성 지표에서 우위를 보입니다.</p> <div class="chart-container" style="height: 300px;"> <canvas id="competitorChart"></canvas> </div> </div> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-slate-900">월스트리트 컨센서스</h3> <p class="text-sm text-slate-600 mb-4">최근의 주가 부진에도 불구, 대다수의 분석가들은 파이서브의 장기 펀더멘털을 긍정적으로 평가하며 강력한 매수 의견을 유지하고 있습니다.</p> <div class="sm:flex"> <div class="flex-1 chart-container" style="height: 200px; max-width: 300px;"> <canvas id="analystRatingsChart"></canvas> </div> <div class="flex-1 mt-4 sm:mt-0 sm:ml-6 space-y-2 text-center sm:text-left"> <h4 class="font-semibold text-lg">목표 주가</h4> <p><span class="font-bold text-slate-800 text-2xl">$225</span> <span class="text-slate-500">(평균)</span></p> <p><strong>최고:</strong> <span class="text-green-600">$281</span></p> <p><strong>최저:</strong> <span class="text-red-600">$145</span></p> </div> </div> </div> </div> </section> <!-- 매매 전략 Section --> <section id="strategy" class="content-section space-y-8"> <div class="text-center bg-white p-6 rounded-xl shadow-sm"> <h2 class="text-2xl font-bold mb-2 text-slate-900">실행을 위한 전략적 청사진</h2> <p class="max-w-3xl mx-auto text-slate-600 leading-relaxed"> 강력한 펀더멘털과 미래 성장성을 기반으로, 기술적 약세를 활용한 분할 매수 전략을 권고합니다. 명확한 진입, 목표, 손절 구간을 설정하여 리스크를 관리합니다. </p> </div> <div class="bg-white p-6 rounded-xl shadow-sm"> <h3 class="text-xl font-bold mb-4 text-center text-slate-900">핵심 가격 레벨 시각화</h3> <p class="text-center text-slate-600 text-sm mb-4 max-w-2xl mx-auto">차트의 색상 밴드는 주요 전략적 가격 구간을 나타냅니다. 현재 주가는 매력적인 진입 구간 근처에 위치해 있습니다.</p> <div class="chart-container mx-auto"> <canvas id="strategyChart"></canvas> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-center"> <div class="bg-blue-100 p-4 rounded-lg"> <h4 class="font-bold">진입 구간</h4> <p class="text-lg font-mono font-bold text-blue-800">$155 - $165</p> </div> <div class="bg-red-100 p-4 rounded-lg"> <h4 class="font-bold">손절매</h4> <p class="text-lg font-mono font-bold text-red-800">&lt; $144</p> </div> <div class="bg-green-100 p-4 rounded-lg"> <h4 class="font-bold">1차 목표 (PT1)</h4> <p class="text-lg font-mono font-bold text-green-800">$225</p> </div> <div class="bg-emerald-100 p-4 rounded-lg"> <h4 class="font-bold">2차 목표 (PT2)</h4> <p class="text-lg font-mono font-bold text-emerald-800">$265</p> </div> </div> </section> </main> </div> <script> document.addEventListener('DOMContentLoaded', function () { const navLinks = document.querySelectorAll('.nav-link'); const contentSections = document.querySelectorAll('.content-section'); function navigateTo(hash) { navLinks.forEach(link => { link.classList.toggle('active', link.hash === hash); }); contentSections.forEach(section => { section.classList.toggle('active', '#' + section.id === hash); }); } navLinks.forEach(link => { link.addEventListener('click', function (e) { e.preventDefault(); const targetId = this.getAttribute('href'); navigateTo(targetId); window.location.hash = targetId; }); }); const initialHash = window.location.hash || '#summary'; navigateTo(initialHash); // --- Chart Data --- const revenueSplitData = { labels: ['가맹점 솔루션', '금융 솔루션', '기타'], datasets: [{ label: '매출 비중', data: [46, 47, 7], backgroundColor: ['#0ea5e9', '#14b8a6', '#64748b'], hoverOffset: 4 }] }; const financialsData = { labels: ['2022', '2023', '2024', '2025 (E)'], datasets: [{ label: '매출 성장률 (%)', data: [9, 7, 7, 11], backgroundColor: '#7dd3fc', borderColor: '#0ea5e9', borderWidth: 1, type: 'bar', yAxisID: 'y' }, { label: '조정 EPS 성장률 (%)', data: [14, 16, 14, 16], backgroundColor: '#14b8a6', borderColor: '#0f766e', type: 'line', fill: false, tension: 0.1, yAxisID: 'y', }] }; const cloverData = { labels: ['Q1 2024', 'Q2 2024', 'Q3 2024', 'Q4 2024', 'Q1 2025'], datasets: [{ label: '클로버 GPV 성장률 (%)', data: [15, 14, 12, 11, 8], backgroundColor: '#a5b4fc', borderColor: '#6366f1', borderWidth: 1 }, { label: '클로버 매출 성장률 (%)', data: [30, 29, 28, 28, 27], backgroundColor: '#fca5a5', borderColor: '#ef4444', borderWidth: 1 }] }; const competitorData = { opMargin: { labels: ['Fiserv (FI)', 'Global Payments (GPN)'], data: [29.3, 23.7] }, netMargin: { labels: ['Fiserv (FI)', 'Global Payments (GPN)', 'Block (SQ)'], data: [15.7, 15.5, 10.9] }, roe: { labels: ['Fiserv (FI)', 'Global Payments (GPN)'], data: [11.9, 8.0] }, psRatio: { labels: ['Fiserv (FI)', 'Global Payments (GPN)'], data: [4.9, 2.6] } }; const analystRatingsData = { labels: ['강력 매수', '매수', '보유', '매도'], datasets: [{ data: [28, 4, 2, 2], // Based on one source: 28 Strong Buy, 4 Mod. Buy, 2 Hold, 2 Strong Sell backgroundColor: ['#059669', '#10b981', '#f59e0b', '#ef4444'], hoverOffset: 4 }] }; const strategyPriceData = [185, 180, 175, 170, 160, 165, 163]; const strategyLabels = ['3월', '4월', '5/1', '5/15', '6/1', '6/15', '현재']; // --- Chart Instances --- let revenueSplitChart, financialsChart, cloverChart, competitorChart, analystRatingsChart, strategyChart; function createRevenueSplitChart() { const ctx = document.getElementById('revenueSplitChart')?.getContext('2d'); if (!ctx) return; revenueSplitChart = new Chart(ctx, { type: 'doughnut', data: revenueSplitData, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { position: 'bottom' }, title: { display: true, text: '2025년 1분기 부문별 매출 비중' } } } }); } function createFinancialsChart() { const ctx = document.getElementById('financialsChart')?.getContext('2d'); if (!ctx) return; financialsChart = new Chart(ctx, { type: 'bar', data: financialsData, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: '성장률 (%)' } } }, plugins: { legend: { position: 'bottom' } } } }); } function createCloverChart() { const ctx = document.getElementById('cloverChart')?.getContext('2d'); if (!ctx) return; cloverChart = new Chart(ctx, { type: 'bar', data: cloverData, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, title: { display: true, text: 'YoY 성장률 (%)' } } }, plugins: { legend: { position: 'bottom' } } } }); } function createCompetitorChart(metric = 'opMargin') { const ctx = document.getElementById('competitorChart')?.getContext('2d'); if (!ctx) return; if (competitorChart) competitorChart.destroy(); competitorChart = new Chart(ctx, { type: 'bar', data: { labels: competitorData[metric].labels, datasets: [{ label: document.querySelector(`option[value=${metric}]`).textContent, data: competitorData[metric].data, backgroundColor: ['#38bdf8', '#fb923c', '#a78bfa'], borderColor: ['#0ea5e9', '#f97316', '#8b5cf6'], borderWidth: 1 }] }, options: { indexAxis: 'y', responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } } } }); } function createAnalystRatingsChart() { const ctx = document.getElementById('analystRatingsChart')?.getContext('2d'); if (!ctx) return; analystRatingsChart = new Chart(ctx, { type: 'doughnut', data: analystRatingsData, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: true, position: 'right', labels: { boxWidth: 12 } }, title: { display: true, text: '분석가 투자의견 분포' } } } }); } function createStrategyChart() { const ctx = document.getElementById('strategyChart')?.getContext('2d'); if(!ctx) return; strategyChart = new Chart(ctx, { type: 'line', data: { labels: strategyLabels, datasets: [{ label: 'FI 주가', data: strategyPriceData, borderColor: '#475569', backgroundColor: '#64748b', tension: 0.1, fill: false }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: false } }, plugins: { legend: { display: false }, annotation: { annotations: { pt2: { type: 'box', yMin: 260, yMax: 270, backgroundColor: 'rgba(5, 150, 105, 0.1)', label: { content: 'PT2: $265', display: true, position: 'start', color: '#047857' } }, pt1: { type: 'box', yMin: 220, yMax: 230, backgroundColor: 'rgba(22, 163, 74, 0.1)', label: { content: 'PT1: $225', display: true, position: 'start', color: '#15803d' } }, entry: { type: 'box', yMin: 155, yMax: 165, backgroundColor: 'rgba(59, 130, 246, 0.1)', label: { content: '진입구간: $155-165', display: true, position: 'start', color: '#1d4ed8' } }, stoploss: { type: 'box', yMin: 143, yMax: 145, backgroundColor: 'rgba(239, 68, 68, 0.1)', label: { content: '손절: $144', display: true, position: 'start', color: '#b91c1c' } } } } } } }); } // --- Initial Chart Creations --- createRevenueSplitChart(); createFinancialsChart(); createCloverChart(); createCompetitorChart(); createAnalystRatingsChart(); createStrategyChart(); // --- Event Listeners --- document.getElementById('competitorMetricSelect')?.addEventListener('change', function(e) { createCompetitorChart(e.target.value); }); }); </script> </body> </html> 미국주식/파이서브 매매전략 미국주식 분석 재테크 주식 파이서브 traveler0201 https://traveler0201.tistory.com/1 https://traveler0201.tistory.com/1#entry1comment Tue, 24 Jun 2025 23:15:56 +0900