// 2. 날씨 가져오기 (OpenWeatherMap API - 무료 키 필요) // 주의: 실제 서비스 시 아래 'YOUR_API_KEY' 부분에 본인의 키를 넣어야 합니다. const WEATHER_API_KEY = 'YOUR_API_KEY'; async function fetchWeather() { if (WEATHER_API_KEY === 'YOUR_API_KEY') { document.getElementById('weather-temp').innerText = 'API 키 필요'; return; } try { const response = await fetch(`https://api.openweathermap.org/data/2.5/weather?q=Phnom%20Penh,kh&appid=${WEATHER_API_KEY}&units=metric`); const data = await response.json(); document.getElementById('weather-temp').innerText = Math.round(data.main.temp) + ' °C'; document.getElementById('weather-desc').innerText = data.weather[0].description; } catch (error) { document.getElementById('weather-temp').innerText = '가져오기 실패'; } }

// 3. 유가 정보 스크래핑 (CORS 우회 프록시 사용) async function fetchFuelPrice() { const targetUrl = 'https://www.moc.gov.kh/category/fuel-price/'; // AllOrigins 프록시를 사용하여 CORS 에러 우회 const proxyUrl = `https://api.allorigins.win/get?url=${encodeURIComponent(targetUrl)}`;

try { const response = await fetch(proxyUrl); const data = await response.json();

// 가져온 HTML 문자열을 DOM으로 변환하여 스크래핑 const parser = new DOMParser(); const doc = parser.parseFromString(data.contents, 'text/html');

// 주의: 상무부 홈페이지의 실제 HTML 태그 구조를 분석하여 클래스명을 수정해야 합니다. // 아래는 예시를 위한 가상의 클래스명입니다. const gasPriceElement = doc.querySelector('.gasoline-price'); const dieselPriceElement = doc.querySelector('.diesel-price');

document.getElementById('fuel-gas').innerText = gasPriceElement ? gasPriceElement.innerText.trim() : '4,150 ៛ (추정/임시)'; document.getElementById('fuel-diesel').innerText = dieselPriceElement ? dieselPriceElement.innerText.trim() : '3,900 ៛ (추정/임시)'; } catch (error) { document.getElementById('fuel-gas').innerText = '스크래핑 차단됨'; document.getElementById('fuel-diesel').innerText = '스크래핑 차단됨'; } }

// 함수 실행 fetchExchangeRate(); fetchWeather(); fetchFuelPrice();