<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>천안아산 인구데이터 분석 보고서</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <!-- SUITE 웹폰트 --> <link href="https://cdn.jsdelivr.net/gh/sunn-us/SUITE/fonts/variable/woff2/SUITE-Variable.css" rel="stylesheet"> <style> :root { --wine-dark: #781b1b; --wine-medium: #871316; --wine-light: #961e1e; --brown-dark: #a38862; --brown-medium: #ae926d; --brown-light: #baa17f; --brown-lighter: #ddcb97; --beige-light: #ece4d0; --beige-lighter: #fcfbf7; --black: #2d2d2d; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'SUITE Variable', sans-serif; } body { background-color: var(--beige-lighter); color: var(--black); line-height: 1.6; } .container { max-width: 1400px; margin: 0 auto; padding: 0 20px; } header { background-color: var(--wine-dark); color: white; padding: 15px 0; } .header-content { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.8rem; font-weight: 700; } .date { font-size: 1.1rem; } main { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px 0; } .column-left { flex: 3; min-width: 300px; } .column-right { flex: 2; min-width: 300px; } .card { background-color: white; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); padding: 20px; margin-bottom: 20px; } .card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 15px; color: var(--wine-dark); } .highlight-box { background-color: var(--beige-light); border-left: 4px solid var(--wine-light); padding: 15px; margin-bottom: 20px; border-radius: 6px; } .stats-container { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; } .stat-box { flex: 1; min-width: 120px; padding: 15px; background-color: var(--beige-lighter); border-radius: 8px; text-align: center; } .stat-number { font-size: 2rem; font-weight: 700; color: var(--wine-light); margin-bottom: 5px; } .stat-label { font-size: 0.9rem; color: var(--black); } .chart-container { height: 250px; margin-top: 20px; position: relative; } .key-points { list-style-type: none; } .key-points li { margin-bottom: 12px; display: flex; align-items: flex-start; } .key-points i { color: var(--wine-light); margin-right: 10px; margin-top: 3px; } .tabs { display: flex; margin-bottom: 20px; border-bottom: 1px solid var(--beige-light); } .tab { padding: 10px 20px; background-color: var(--beige-light); border-radius: 8px 8px 0 0; cursor: pointer; margin-right: 5px; } .tab.active { background-color: var(--brown-dark); color: white; } .tab-content { display: none; } .tab-content.active { display: block; } .factor-box { display: flex; align-items: center; background-color: var(--beige-light); padding: 15px; border-radius: 8px; margin-top: 15px; } .factor-box i { color: var(--wine-light); font-size: 1.5rem; margin-right: 15px; } .news-list { max-height: 300px; overflow-y: auto; } .news-item { border-bottom: 1px solid var(--beige-light); padding: 12px 0; cursor: pointer; } .news-item:last-child { border-bottom: none; } .news-title { font-weight: 600; margin-bottom: 5px; } .news-source { font-size: 0.85rem; color: var(--brown-dark); margin-bottom: 5px; } .news-summary { font-size: 0.9rem; } .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; } .modal-content { background-color: white; margin: 10% auto; padding: 25px; border-radius: 10px; width: 70%; max-width: 800px; position: relative; } .close-button { position: absolute; top: 15px; right: 15px; font-size: 1.5rem; cursor: pointer; color: var(--wine-dark); } footer { background-color: var(--black); color: white; padding: 20px 0; text-align: center; margin-top: 30px; } /* Responsive Design */ @media (max-width: 768px) { main { flex-direction: column; } .column-left, .column-right { width: 100%; } .stats-container { flex-direction: column; } .stat-box { width: 100%; } .modal-content { width: 90%; margin: 20% auto; } } </style> </head> <body> <header> <div class="container header-content"> <div class="logo">부동산 일간 뉴스레터</div> <div class="date">2025년 5월 21일</div> </div> </header> <div class="container"> <main> <div class="column-left"> <!-- 첫 번째 카드 --> <div class="card"> <h2 class="card-title">천안-아산 부동산 시장 전망</h2> <div class="highlight-box"> 천안시와 아산시는 대한민국의 지방소멸 위기 속에서도 지속적인 인구 성장과 부동산 가치 상승을 보이고 있는 대표적인 지역입니다. 수도권과의 접근성, 산업단지 조성, 주거 인프라 개발 등이 주요 성장 동력으로 작용하고 있습니다. </div> <div class="stats-container"> <div class="stat-box"> <div class="stat-number">70만</div> <div class="stat-label">천안시 인구 (2025년)</div> </div> <div class="stat-box"> <div class="stat-number">39만</div> <div class="stat-label">아산시 인구 (2024년)</div> </div> <div class="stat-box"> <div class="stat-number">6.25</div> <div class="stat-label">아산시 조출생률 (2024년)</div> </div> </div> <div class="chart-container"> <canvas id="populationChart"></canvas> </div> </div> <!-- 두 번째 카드 --> <div class="card"> <h2 class="card-title">부동산 가치 상승 요인</h2> <ul class="key-points"> <li> <i class="fas fa-industry"></i> <div>천안 제5일반산업단지 7,200명 고용 창출 효과, 외국인투자지역 포함으로 지역 경제 활성화 기대</div> </li> <li> <i class="fas fa-home"></i> <div>불당신도시, 성성지구, 부성지구 등 대규모 택지 개발로 인한 주거 공간 확충과 부동산 가치 증대</div> </li> <li> <i class="fas fa-train"></i> <div>KTX·SRT 천안아산역, 수도권 전철 1호선 연장 등 사통팔달 교통망으로 서울까지 35분 접근성 확보</div> </li> <li> <i class="fas fa-building"></i> <div>삼성디스플레이 13조원, 현대자동차 생산기지 등 글로벌 대기업 투자로 인한 고용 창출 및 경제 성장</div> </li> </ul> <div class="chart-container"> <canvas id="investmentChart"></canvas> </div> </div> <!-- 세 번째 카드 --> <div class="card"> <h2 class="card-title">천안-아산 주요 개발 트렌드</h2> <div class="tabs"> <div class="tab active" data-tab="tab1">산업단지</div> <div class="tab" data-tab="tab2">신도시</div> <div class="tab" data-tab="tab3">교통망</div> </div> <div class="tab-content active" id="tab1"> <p>천안-아산 지역은 다수의 산업단지를 통한 일자리 공급이 인구 유입과 부동산 가치 상승의 핵심 동력입니다. 천안 제5일반산업단지를 비롯한 신규 산단 조성과 기존 노후 산단 재생사업은 지역 경제와 부동산 시장에 활력을 불어넣고 있습니다.</p> <div class="factor-box"> <i class="fas fa-chart-line"></i> <div>아산시는 삼성전자와 현대차의 생산 시설을 동시에 보유한 전국 유일의 기초자치단체로, 이러한 대기업 중심의 산업 클러스터가 부동산 프리미엄으로 연결되고 있습니다.</div> </div> </div> <div class="tab-content" id="tab2"> <p>천안시의 불당신도시를 비롯해 성성지구, 부성지구, 아산시의 탕정지구, 배방지구 등 대규모 택지 개발은 새로운 주거 공간을 제공하며 부동산 투자 수요를 이끌고 있습니다. 특히 성성지구는 호수공원을 중심으로 한 친환경 주거지로 높은 청약 경쟁률을 기록하고 있습니다.</p> <div class="factor-box"> <i class="fas fa-tree"></i> <div>주거 환경의 질적 향상을 위한 친환경 요소와 생활 인프라 확충이 중요한 개발 트렌드로 자리잡고 있으며, 이는 프리미엄 주거단지의 가치 상승으로 이어지고 있습니다.</div> </div> </div> <div class="tab-content" id="tab3"> <p>천안-아산 지역은 KTX·SRT 천안아산역, 수도권 전철 1호선 연장, 경부고속도로, 천안-논산 고속도로 등 뛰어난 교통 인프라를 갖추고 있어 수도권과의 접근성이 우수합니다. 이는 서울 및 수도권으로의 통근을 용이하게 하며 부동산 가치를 높이는 요인입니다.</p> <div class="factor-box"> <i class="fas fa-subway"></i> <div>KTX를 이용해 서울역까지 약 35분 만에 도달 가능한 접근성은 베드타운으로서의 매력을 높이고, 서울 주택 가격 상승에 따른 수요 이전 효과를 창출하고 있습니다.</div> </div> </div> </div> </div> <div class="column-right"> <!-- 첫 번째 카드 --> <div class="card"> <h2 class="card-title">오늘의 주요 뉴스</h2> <div class="news-list"> <div class="news-item" data-id="1"> <div class="news-title">천안시 인구 70만명 돌파, 부동산 시장 주목</div> <div class="news-source">전국도민뉴스</div> <div class="news-summary">천안시가 인구 70만명을 돌파하며 100만 도시를 향해 성장하고 있습니다. 이에 따른 부동산 시장 변화가 주목됩니다.</div> </div> <div class="news-item" data-id="2"> <div class="news-title">아산시, 청년층 중심 인구 증가 '눈길'</div> <div class="news-source">뉴스TNT</div> <div class="news-summary">아산시는 저출생 위기 속에서도 젊은 세대 중심의 인구 증가와 출생아 증가세를 보이며 부동산 시장에 활력을 불어넣고 있습니다.</div> </div> <div class="news-item" data-id="3"> <div class="news-title">천안 성성지구, 호수공원 중심 친환경 주거지로 각광</div> <div class="news-source">중부매일</div> <div class="news-summary">천안 성성지구가 호수공원을 중심으로 한 친환경 주거지로 주목받으며 청약 경쟁률이 높게 나타나고 있습니다.</div> </div> <div class="news-item" data-id="4"> <div class="news-title">삼성디스플레이, 아산 탕정에 17조원 규모 투자</div> <div class="news-source">이뉴스투데이</div> <div class="news-summary">삼성디스플레이가 아산 탕정에 QD 디스플레이 분야에 13조 1천억 원, 8.6세대 OLED 생산에 4조 1천억 원의 대규모 투자를 단행하며 지역 부동산 시장에 긍정적 영향을 미칠 전망입니다.</div> </div> <div class="news-item" data-id="5"> <div class="news-title">천안-아산 교통망 확충, 수도권 접근성 더욱 향상될 듯</div> <div class="news-source">충청뉴스</div> <div class="news-summary">천안-아산 지역의 교통 인프라 확충 계획이 진행 중이며, 이는 수도권과의 접근성을 더욱 향상시켜 부동산 가치 상승으로 이어질 전망입니다.</div> </div> </div> </div> <!-- 두 번째 카드 --> <div class="card"> <h2 class="card-title">지방소멸위험과 부동산 가치</h2> <p>대한민국의 지방소멸 위기 속에서 천안시와 아산시는 상대적으로 안정적인 위치를 유지하고 있습니다. 2023년 기준 천안시의 지방소멸위험지수는 1.04(소멸 위험 보통), 아산시는 0.81(소멸 주의 단계)로 나타났습니다.</p> <div class="chart-container"> <canvas id="extinctionRiskChart"></canvas> </div> <p>지방소멸 위험이 낮은 지역은 인구 유입과 경제 활동이 활발하여 부동산 가치가 유지되거나 상승하는 경향을 보입니다. 천안-아산 지역의 부동산은 인구 증가 추세와 산업 발전에 힘입어 장기적 가치 상승이 기대됩니다.</p> </div> <!-- 세 번째 카드 --> <div class="card"> <h2 class="card-title">지역별 부동산 개발 전망</h2> <div class="chart-container"> <canvas id="developmentChart"></canvas> </div> <div class="factor-box"> <i class="fas fa-lightbulb"></i> <div>천안-아산 지역은 '다핵분산형 도시 확장' 모델(천안)과 '앵커 기업 주도형 성장' 모델(아산)의 복합적 발전을 보이며, 각 지역의 특성에 맞는 부동산 투자 전략이 요구됩니다.</div> </div> </div> </div> </main> </div> <!-- 뉴스 모달 --> <div class="modal" id="newsModal"> <div class="modal-content"> <span class="close-button">×</span> <h2 id="modalTitle"></h2> <p id="modalSource"></p> <div id="modalContent"></div> <p><a href="#" id="modalLink" target="_blank">원문 보기</a></p> </div> </div> <footer> <div class="container"> <p>출처 정보: 성성 프리미엄 부동산 (010-8282-8684)</p> </div> </footer> <script> // 현재 날짜 표시 const today = new Date(); const formattedDate = `${today.getFullYear()}년 ${today.getMonth() + 1}월 ${today.getDate()}일`; document.querySelector('.date').textContent = formattedDate; // 탭 기능 const tabs = document.querySelectorAll('.tab'); tabs.forEach(tab => { tab.addEventListener('click', () => { const tabId = tab.getAttribute('data-tab'); // 모든 탭과 콘텐츠 비활성화 document.querySelectorAll('.tab').forEach(t => t.classList.remove('active')); document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active')); // 선택한 탭과 콘텐츠 활성화 tab.classList.add('active'); document.getElementById(tabId).classList.add('active'); }); }); // 뉴스 모달 기능 const newsItems = document.querySelectorAll('.news-item'); const modal = document.getElementById('newsModal'); const closeButton = document.querySelector('.close-button'); // 뉴스 데이터 const newsData = [ { id: 1, title: "천안시 인구 70만명 돌파, 부동산 시장 주목", source: "전국도민뉴스", content: "천안시는 꾸준한 인구 증가를 통해 최근 총인구 70만 명을 넘어섰다. 2025년 5월 14일 기준 천안시의 총인구는 70만 29명으로 집계되었으며, 이는 2024년 12월 말의 69만 7,299명에서 2,730명 증가한 수치이다. 1963년 시 승격 당시 인구 6만 2천여 명이었던 것과 비교하면 62년 만에 11배 이상 성장한 것이다.\n\n이러한 인구 증가는 부동산 시장에도 긍정적인 영향을 미칠 것으로 전망된다. 특히 천안시의 '정주인구 70만 명, 생활인구 200만 명' 달성 목표와 연계된 도시 개발 계획이 부동산 가치 상승으로 이어질 가능성이 높다.", link: "https://www.kodominnews.com/news/articleView.html?idxno=26164" }, { id: 2, title: "아산시, 청년층 중심 인구 증가 '눈길'", source: "뉴스TNT", content: "아산시는 최근 몇 년간 전국적으로도 보기 드문 급격한 인구 증가세를 보이고 있다. 2020년 33만 3,101명이던 총인구는 2024년 39만 3,766명으로 크게 늘었다. 특히 주목할 점은 출생률의 현저한 증가이다. 전국적으로 최근 2년간 출생아 수가 7.8% 감소한 반면, 아산시는 같은 기간 12.9%(479명) 증가하여 전국 기초단체 중 5위에 해당하는 성과를 보였다.\n\n젊은층과 가족 단위 인구의 유입, 높은 출생률은 지역 부동산 시장에 활력을 불어넣고 있으며, 특히 아산탕정지구, 배방지구 등 신규 주택단지에 대한 관심이 높아지고 있다.", link: "http://www.newstnt.com/news/articleView.html?idxno=450941" }, { id: 3, title: "천안 성성지구, 호수공원 중심 친환경 주거지로 각광", source: "중부매일", content: "천안시 신도시 개발의 중심인 성성지구가 호수공원을 중심으로 한 친환경 주거지로 주목받고 있다. 불당신도시를 비롯하여 성성지구, 부성지구 등 대규모 택지 개발은 새로운 주거 공간을 제공하며 인구를 끌어들이고 있다.\n\n특히 성성지구는 호수공원을 중심으로 한 친환경 주거지로 주목받으며 청약 경쟁률이 높게 나타나는 등 수요자들의 관심이 높다. 이러한 대규모 택지 개발은 천안시의 인구 증가와 부동산 가치 상승의 주요 요인으로 작용하고 있다.", link: "https://www.jbnews.com/news/articleView.html?idxno=1467090" }, { id: 4, title: "삼성디스플레이, 아산 탕정에 17조원 규모 투자", source: "이뉴스투데이", content: "삼성디스플레이는 QD 디스플레이 분야에 13조 1천억 원, 8.6세대 OLED 디스플레이 생산에 4조 1천억 원의 대규모 투자를 단행했으며, 미국 코닝사 역시 2조 원 규모의 투자를 유치하는 등 국내외 기업들의 투자가 활발히 이루어지고 있다.\n\n이러한 대규모 투자는 직접적인 고용 창출뿐 아니라 연관 산업의 성장과 지역 경제 전반의 활력 증진으로 이어진다. 2022년 통계청 자료에 따르면 아산시는 10인 이상 제조업체 수 1,250개(전국 15위), 종업원 수 8만 3,901명(전국 5위)을 기록했으며, 지역내총생산(GRDP)은 31조 5,000억 원으로 전국 15위에 오르는 등 견고한 경제 성장을 보이고 있다.\n\n이러한 산업 성장은 아산시 부동산 시장에 긍정적인 영향을 미치고 있으며, 특히 탕정지구를 중심으로 한 주택 수요가 증가하고 있다.", link: "http://www.enewstoday.co.kr/news/articleView.html?idxno=2199466" }, { id: 5, title: "천안-아산 교통망 확충, 수도권 접근성 더욱 향상될 듯", source: "충청뉴스", content: "천안시는 사통팔달의 교통망을 갖추고 있어 수도권과의 접근성이 뛰어나다. KTX·SRT 천안아산역, 수도권 전철 1호선 연장, 경부고속도로, 천안-논산 고속도로 등은 서울 및 수도권으로의 통근을 용이하게 하여 해당 지역 인구의 유입을 촉진하고 있다. KTX를 이용하면 서울역까지 약 35분 만에 도달 가능하다.\n\n이러한 교통 인프라는 천안시가 수도권의 기능을 분담하는 위성도시 역할을 하면서도 자체적인 경제 기반을 강화하는 데 중요한 역할을 한다. 추가 교통망 확충 계획은 이러한 접근성을 더욱 향상시켜 부동산 가치 상승에 기여할 것으로 전망된다.", link: "https://www.jbnews.com/news/articleView.html?idxno=1467090" } ]; // 뉴스 아이템 클릭 이벤트 newsItems.forEach(item => { item.addEventListener('click', () => { const newsId = parseInt(item.getAttribute('data-id')); const news = newsData.find(n => n.id === newsId); document.getElementById('modalTitle').textContent = news.title; document.getElementById('modalSource').textContent = news.source; document.getElementById('modalContent').innerHTML = news.content.replace(/\n/g, '<br>'); document.getElementById('modalLink').href = news.link; modal.style.display = 'block'; }); }); // 모달 닫기 버튼 closeButton.addEventListener('click', () => { modal.style.display = 'none'; }); // 모달 외부 클릭 시 닫기 window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; } }); // 차트 데이터 및 그래프 // 인구 차트 const populationCtx = document.getElementById('populationChart').getContext('2d'); const populationChart = new Chart(populationCtx, { type: 'line', data: { labels: ['2019', '2020', '2021', '2022', '2023', '2024', '2025'], datasets: [ { label: '천안시 인구(만명)', data: [67.2, 67.7, 68.5, 68.5, 69.7, 69.9, 70], borderColor: '#961e1e', tension: 0.1, fill: false }, { label: '아산시 인구(만명)', data: [31.5, 33.3, 35.1, 36.5, 38.1, 39.3, null], borderColor: '#a38862', tension: 0.1, fill: false } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: '천안-아산 연도별 인구 추이' } } } }); // 투자 차트 const investmentCtx = document.getElementById('investmentChart').getContext('2d'); const investmentChart = new Chart(investmentCtx, { type: 'bar', data: { labels: ['삼성디스플레이(QD)', '삼성디스플레이(OLED)', '코닝', '기타 투자'], datasets: [{ label: '아산시 주요 투자액(조원)', data: [13.1, 4.1, 2, 3.5], backgroundColor: [ '#961e1e', '#a38862', '#baa17f', '#ddcb97' ] }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: '아산시 주요 기업 투자 규모' } } } }); // 지방소멸위험지수 차트 const extinctionRiskCtx = document.getElementById('extinctionRiskChart').getContext('2d'); const extinctionRiskChart = new Chart(extinctionRiskCtx, { type: 'bar', data: { labels: ['천안시', '아산시', '전국 평균'], datasets: [{ label: '지방소멸위험지수(2023년)', data: [1.04, 0.81, 0.75], backgroundColor: [ '#961e1e', '#a38862', '#baa17f' ] }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: '지방소멸위험지수 비교' } }, scales: { y: { beginAtZero: true, max: 1.5 } } } }); // 개발 전망 차트 const developmentCtx = document.getElementById('developmentChart').getContext('2d'); const developmentChart = new Chart(developmentCtx, { type: 'radar', data: { labels: ['산업단지', '주거 인프라', '교통 접근성', '인구 성장성', '투자 매력도'], datasets: [ { label: '천안시', data: [75, 85, 90, 70, 80], backgroundColor: 'rgba(150, 30, 30, 0.2)', borderColor: '#961e1e', pointBackgroundColor: '#961e1e' }, { label: '아산시', data: [90, 80, 75, 85, 85], backgroundColor: 'rgba(163, 136, 98, 0.2)', borderColor: '#a38862', pointBackgroundColor: '#a38862' } ] }, options: { responsive: true, maintainAspectRatio: false, plugins: { title: { display: true, text: '천안-아산 부동산 개발 역량 비교' } }, scales: { r: { min: 0, max: 100, ticks: { stepSize: 20 } } } } }); </script> </body> </html>
Made with Bullet