render_template() 함수는 Flask에서 제공하는 templates폴더에 저장된 HTML을 불러올 때 사용하는 함수.
따라서 templates 폴더를 생성하고 index.html을 넣어두고자한다.
이 과정 전에 공식문서에서 Flask의 폴더 구조에 대한 글을 확인해보았다.
이 처럼 Flask Framework를 사용하고자 하기 때문에 프로젝트 내 폴더 구조를 맞춰주는 것이 좋다.(바꿔도 되지만 pip로 설치된 Flask 내부의 많은 config 파일들을 건들여야 한다.. 궂이? 절대적으로 안된다는 아니긴하다.)
1. templates 폴더 생성과 기본 index.html 작성
root/templates/ 구조로 폴더를 생성한다.
이후 아주 간단한 html을 작성했다.
버튼에는 onclick 이벤트로 '안녕!'이라는 알림창을 호출하는 hey() 함수를 넣어두었다.
2. Flask의 render_template 임포트
app.py를 통해 실행되는 서버에서 접근 할 수 있는 localhost:5001에서
위 index.html을 불러오고자 한다.
여기서 필요한 것이 render_template()인데 Flask내 기능으로 import부터 시작해야 사용할 수 있다.
render_template를 통해 templates 폴더 내 html 파일을 접근 할 수 있다.상단 flask를 임포트한 부분에서 render_template를 추가한다.
from flask import Flask, render_template
Python
복사
3. app.py에서 index.html 불러오기
이제 서버가 실행되는 상태에서 templates/index.html을
localhost:5001/mypage 로 맵핑
(서블릿의 @WebServlet("/URL") 어노테이션 사용 또는 서버 context의 path를 '/'으로 지정, 이후 web.xml의 세팅으로 url을 지정하고 는것과 유사한 부분이다.)
Flask에선 route()를 뷰페이지 맵핑하는 데코레이터로 부르는듯.
route()는 add_url_rule()과 동일하게 작동한다고 한다.
def index():
pass
app.add_url_rule('/', 'index', index)
@app.route('/')
def index():
pass
Python
복사
route(/hello) 면 localhost:xxxx/hello 로 접근 하게 된다.
내가 원하는 url에서 나타나게 해보자.
@app.route('/mypage')로 url을 /mypage로 접근하게 했다.
localhost:5001/mypage 요청에 mypage()가 실행
그것은 render_template()를 통해 templates/ 폴더 내 'index.html' 을 반환하여 보여주는 흐름이다.
# 통상적으로 Flask framework를 사용할 때 가장 기본이되는 python파일을 app.py로 명칭한다.# 변경 가능하나 통상적으로 사용하니 그대로 따라하자.# render_template 를 추가로 임포트 했다.from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def home():
return 'This is Home!'
@app.route('/mypage')
def mypage():
# render_template를 임포트한 뒤 다음처럼 root/templates/ 폴더 내 html을 가져올 수 있다.return render_template('index.html')
if __name__ == '__main__':
app.run('0.0.0.0',port=5001,debug=True)
Python
복사
처음 보는 것들
__name__
__main__
app.run
@app.route
render_template()
이것들 뭔지 좀 찾아봐야 한다.