벌써 4주차가 끝났다..
4주차 회고록을 늦게 적은 이유는 aws 강의를 마무리하고 작성하고 싶었다.
정말 겨우겨우 끝낸 aws....
마지막엔 거의 포기하다싶이 했지만 이만큼 붙잡고 한것도
대단하다고 생각한다....
때문에 심화 강의 2주차를 이제서야 시작했지만
aws가 너무 어려웠던 덕분에(?) 너무 재밌음ㅋㅋㅋㅋㅋ
5주차도 화이텡~!
오랜만에 돌아온 심화반..
1주차 강의는 지난번에 다 듣고
aws에 붙잡혀 있다가 이제서야 2주차부터 시작했다!
다시 복습하는 느낌으로 아는게 나오니 좋았다.
jinja2를 새롭게 배우고 있다~!
jinja2
<body>
<h1>상세페이지</h1>
<button onclick="window.location.href='/'">메인으로 돌아가기</button>
<h3>받은 단어는 {{ word }}</h3>
<ul id="gu-list">
{% for row in rows %}
{% set gu_name = row["MSRSTE_NM"] %}
{% set gu_mise = row["IDEX_MVL"]|int %}
{% if gu_mise >= 50 %}
<li>{{ gu_name }}: {{ gu_mise }}</li>
{% endif %}
{% endfor %}
</ul>
</body>신기한 jinja2 코드!
jinja2는 그동안 해봤던 ajax와 다르게 html 파일에서는 꼭 {% end[00]}을 끝날 때 붙여주어야 한다.
ajax랑 비교
function get_list() {
$.ajax({
type: "GET",
url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
data: {},
success: function (response) {
let rows = response["RealtimeCityAir"]["row"];
console.log(rows)
$("#gu-list").empty()
for (let i = 0; i < rows.length; i++) {
let gu_name = rows[i]["MSRSTE_NM"]
let gu_mise = rows[i]["IDEX_MVL"]
console.log(gu_name, gu_mise)
if (gu_mise >= 50) {
let html_temp = `<li>${gu_name}:${gu_mise}</li>`
$("#gu-list").append(html_temp)
}
}
}
})
}잘 사용하면 jinja2가 훨씬 편할것 같다!
'내일배움캠프_개발일지' 카테고리의 다른 글
| 내일배움캠프 39일차 _ 개발일지(알고리즘) (0) | 2021.10.22 |
|---|---|
| 내일배움캠프 30일차 _ 개발일지 (0) | 2021.10.14 |
| 내일배움캠프 24일차 _ 개발일지 (0) | 2021.10.07 |
| 내일배움캠프 23일차 _ 개발일지 (0) | 2021.10.06 |
| 내일배움캠프 2주차 회고록(강만다 프로젝트!) (0) | 2021.09.26 |