Page 307 - MDP2022-3
P. 307
stations.append(item['stationNm'])
return stations
<html 코드>
index.html
<!doctype html>
<html>
<head>
<title>버스안내판 - 환영합니다</title>
<meta charset="utf-8">
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/ain.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/qoei.css') }}" rel="stylesheet">
<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=Do+Hyeon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
< l i n k
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap"
rel="stylesheet">
</head>
<body>
<div class="div1" style="border: 10px solid black; float: left; width: 33%; height: 95%" >
< i f r a m e
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6325.925109043142!2d126.9640772
5390624!3d37.555946000000006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca266e3947
003%3A0xe7be97c172b7af6a!2z7ISc7Jq47Jet!5e0!3m2!1sko!2skr!4v1660875450531!5m2!1sko!2skr"
width="550" height="820" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="div2" style="height: 95%;width: 30%; border:10px solid black;"><br><br>
<pre><h1><a href="/" style="font-size: 70px" class="custom-btn btn-4"> ♣NANOBUS♧
</a></h1></pre><br>
<img src="{{url_for('static',filename='img/bus.png')}}" width="300px" height="300px"
style="border: 0.4em inset black;"><br><br><br>
<li><a href="/1" class="custom-btn btn-4">버스노선 검색</a></li><br>
<li><a href="/2" class="custom-btn btn-4">정류소 버스도착예정정보</a></li><br>
<li><a href="/3" class="custom-btn btn-4">실시간 버스위치</a></li><br>
<h3>버스안내판</h3>
</div>
<div class="div3" style="border: 10px solid black; float: left; width: 33%; height: 95%"><br>
<script>
function setClock(){
var dateInfo = new Date();
var hour = modifyNumber(dateInfo.getHours());
var min = modifyNumber(dateInfo.getMinutes());
var sec = modifyNumber(dateInfo.getSeconds());
var year = dateInfo.getFullYear();
var month = dateInfo.getMonth()+1;
var date = dateInfo.getDate();
document.getElementById("time").innerHTML = hour + ":" + min + ":" + sec;
document.getElementById("date").innerHTML = year + "년 " + month + "월 " + date
+ "일";
