<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script></head>
</head>
<body>
<!-- P -->
<p>문재인 대통령이 주택 공급 확대를 직접 주문하고, 대책 마련이 시급한 만큼 서울의 그린벨트 해제에 탄력을 받을 것으로 예상된다. 문 대통령의 지시에 따라 국토부를 중심으로 구체적인 공급 확대 방안 마련에 착수했지만, 공급 확대를 위한 기초작업인 택지 확보부터 쉽지 않은 분위기다. 수요가 몰린 서울에 충분한 주택을 공급하기 위해서는 그린벨트 해제를 통한 대규모 택지지구 지정이 필요하다.</p>
<p>국외유입 확진자는 47명이 발생했다. 이 가운데 20명이 공항이나 항만 검역 단계에서 확진됐다. 나머지는 경기(18명), 강원(2명), 대구(2명), 서울(1명), 인천(1명), 울산(1명), 충북(1명), 경남(1명)에서 자가 또는 시설 격리 중에 확진 판정을 받았다. 이날 국외유입 신규 확진자 수는 지난 3월25일(51명) 이후 113일 만에 가장 많다. 전 세계적으로 코로나19가 재유행하고 있는 점과, 최근 이라크 건설현장에서 귀국한 노동자들 중에 양성 판정을 받는 사례가 늘어난 것이 영향을 끼친 것으로 보인다.</p>
<!-- List -->
<ol>
<li>사과</li>
<li>배</li>
<li>바나나</li>
</ol>
<br>
<!-- Select -->
<select id="food">
<option value="햄버거">햄버거</option>
<option value="피자">피자</option>
<option value="치킨">치킨</option>
</select>
<br><br><br>
<button type="button" id="append">추가(뒤)</button>
<button type="button" id="prepend">추가(앞)</button>
<script type="text/javascript">
$(function () {
$("#append").click(function() {//앞에 추가
//p tag
//$("p").append("<br>append 추가요소(element)입니다");
//list
//$("ol").append("<li>포도</li>");
//select
$("#food").append("<option value='스테이크'>스테이크</option>");
});
$("#prepend").click(function() {//뒤에추가
//p tag
//$("p").prepend("<br>prepend 추가 요소(element)입니다")
//list
//$("ol").prepend("<li>오렌지</li>");
//select
$("#food").prepend("<option value='떡볶이'>떡볶이</option>");
});
});
</script>
</body>
</html>
