웹개발/Flask 17

flask, Jinja, 진자, 템플레이팅 언어, templating language, {{ }}, 예제

Jinja 진자는 파이썬을 위한 템플레이팅 언어로 현대적이고 디자이너에게 우호적이다. 빠르고, 광범위하며, 안전하다. 진자는 이미 플라스크에 포함되어 있으므로, 플라스크가 설치되어 있다면 따로 설치할 필요가 없다. 파이썬 코드를 실행하기 위해 진자 마크업으로 {{ }} 안에 표현식을 넣어 사용한다. 예제 3가지를 풀어보며 진자 탬플레이팅 언어를 익혀보자. main.py from flask impor Flask, render_template app = Flask(__name__) @app.route('/') def home() return render_template("index.html") if __name__ =="__main__": app.run(debug=True) 5*6 표현식 넣기..

웹개발/Flask 2022.11.17

flask, css 배경색깔, css파일 정적 파일, 캐시, 강력한 새로고침, shift+새로고침

CSS 이용하여 배경색깔 바꾸기 main.py from flask import Flask, render_template app= Flask(__name__) @app.route("/") def home(): return render_template("index.html") if __name__ =="__main__": app.run(debug=True) index.html 올리비아입니다. 여기에 배경색깔을 보라색으로 만드는 css 코드를 추가한다. 여기서 주의해야 할 점이 있다. css파일은 정적파일이다. 따라서, 저장 위치를 static 폴더 안에 넣어야 flask의 규칙을 따를 수 있다. style.css body { background-color: purple; } index.html 올리비아입니다..

웹개발/Flask 2022.11.12

플라스크를 활용한 웹개발, static file, 정적 파일, flask 이미지 파일 안보일 때, URL 주소 일괄 바꾸기

static files 1. 기존 HTML 파일 불러오기 기존에 만들어놓았던 html파일을 가지고 연습을 해보자. My love Anne! Imagine ur day..! 오늘 하루를 상상하자! Hello. Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio. My Skills. Lorem & Ipsum Lorem ipsum dolor sit amet, quis in duis, iaculis id felis. Consectetuer vestibulum, nunc urna lectus, erat ligula. Hendrerit nam, lectus ante, ut lore..

웹개발/Flask 2022.11.12

플라스크를 활용한 웹개발, rendering files, rendering template

rendering html files html 파일을 렌더링하는 방법 1. HTML 파일 만들기 - 보일러플레이트 코드를 넣기 위해서 HTML파일을 만든다. 2. rendering template Flask는 프레임워크이므로, flask에서 요구하는 사항을 잘 지켜줘야 한다. 파일을 렌더링할 때 flask가 자신의 규칙에 따라 요청을 잘 처리할 수 있도록 말이다. html파일은 template으로 렌더링할 수 있는데, 아래의 요구사항을 반드시 시켜야 한다. [요구사항] - template 폴더를 만들고 template은 이 안에 넣는다. - render_template을 import 한다. from flask import render_template - render_template 메소드를 호출하고, 파..

웹개발/Flask 2022.11.11

flask 연습하기, 숫자 맞추기

오늘은 간단한 미션을 해결하며 flask를 연습해보자. 1. 플라스크 앱을 실행시킨다. 2. 기본 URL에 HTML 태그와 함께 '0-9 사이 숫자 맞추기'를 적는다. 3. 0-9까지 숫자 중 하나의 숫자를 정답으로 정한다. 4. 정답이면 정답이라는 페이지를, 정답이 아니면 아니라는 페이지를 만든다. 5. 각 페이지마다 giphy.com에서 찾은 gif 파일을 첨부한다. 기본 코드이다. 현재 디렉토리인 name을 입력하여, 플라스크 응용 프로그램의 초기화를 한다. from flask import Flask app = Flask(__name__) 사용자가 홈라우트에 도달하면 hello_world를 렌더링할 것이다. 이것으로 URL 첫 페이지를 구성한다. @app.route('/') def hello_wor..

웹개발/Flask 2022.11.11