Log44 flask_템플릿 엔진 jinja가 무엇인가 궁금하다 {% if msg %} alert("{{ msg }}") {% endif %} 플라스크 서버를 만들 때 이런 문법을 html 상에서 종종 사용할 때가 있다. 이건 무슨 문법인지 궁금해졌다. 알고보니 무슨 문법이고 찾아보니 jinja의 문법이라고 한다 Jinja는 무엇인가? 여기서 Jinja가 무엇인가? Jinja는 flask가 기본으로 제공하는 템플릿 엔진이다. 위에서 본 것들은 Jinja의 템플릿 문법으로 작성한 코드다. 왜 Jinja를 사용하나? 플라스크 서버를 구축하면 파이썬 app.py와 html 파일이 서로 정보를 주고 받는다. 이때 서버(app.py)에서 보낸 정보를 1)html 상에 출력을 하거나 2)html 코드 자체를 동적으로 제어할 때 사용한다. 어떻게 사용하나? 변수 >> t.. 2022. 12. 11. 다중 파라미터 ajax post 요청 후 flask 서버에서 받기 문제 해결 서머리 프론트 단에서 Ajax로 데이터를 POST 형식으로 보내려면 plainObject, string, array 3가지 방식이 있는데, 복수의 데이터를 보내기 위해 JSON.stringfy 메소드를 사용해서 string화 시킨 데이터를 서버를 보냈다. 그렇게 되면 flask 서버단에서는 ‘dict 형태 처럼 보이는’ 문자열을 받는데, 이를 eval() 함수를 사용해서 딕셔너리로 전환시키면 즉시 활용 가능하다. 업데이트(2022-12-07) 이전에 학습했던 웹종합반 3주차 강의에서 ajax post 데이터를 보낼 때 이렇게 3개의 key, value 페어로 보내고, 받아올 때 request.form을 활용해서 데이터들을 개별적으로 변수에 저장하는 방식으로 진행한 것을 확인했다. 역시 배울 때.. 2022. 12. 7. js_inputText의 입력값 가져오기 문제(getElementById, getElementsByClassName) 문제 input 태그 안에 입력한 문자열 ‘Hello’를 JS로 가져오고 싶었다. 그런데 클래스명으로 지정해서 value 프로퍼티를 가져오려니 undefined만 반환하는 것이 문제다. 문제 원인, 시도 시도 1 - innerText로 가져오기 function postComment(num) { const inputText = document.getElementsByClassName(`comment-post-input-${num}`).innerText; console.log(inputText); } -> undefined 시도2 - value로 가져오기 function postComment(num) { const inputText = document.getElementsByClassName(`commen.. 2022. 12. 6. 잘못된 블로그 기록 형식 개선 필요성 Problem 항해99 강의 세션에서 강민철 튜터님의 TIL/WIL 회고 방법 강의를 들었다. TIL/WIL에 들어갈 핵심적인 내용은 1)문제, 2)문제의 원인과 해결을 위한 시도 방법들, 3) 최종 해결 방안 그리고 4)얻은 인사이트 등이었다. 이 강의를 들으면서 지금까지 개발 블로그를 잘못된 방향으로 운영해오고 있었다는 점을 알게되었다. Cause 개발일지에 학습 내용을 단순 요약하여 기재한 것 -> (단순 기록에 불과) 개발 블로그에 강의 내용을 단순 요약하거나 전체 코드를 복붙한 것 -> (단순 기록에 불과, 저작권에 위배 가능성) Solution 기존의 써왔던 하루 단위 개발일지 양식과 문제 단위 WIL/TIL 양식을 구분할 것 Insight WIL/TIL의 핵심은 시간 단위가 아니라 문제 단위.. 2022. 12. 5. 이전 1 ··· 8 9 10 11 다음
