[TIL] #DAY - 002 - 오늘 내 최애 코드를 골라보자! (내일배움캠프AI 3기, URL 과 HTML 연결하기)

 

 

오늘은 넋두리 없이 단독직입으로 간다.

현재 진행중인 최애 코드를 골라보자!

우선 여러 코드(함수)들이 있지만 나는 오늘 애를먹었던 코드 하나를 선정했다.

바로 Flask 를 이용할때 템플릿을 확장하여 html 코드를 여러개 연결해서 사용하는거다.

이 코드가 중요한점은 flask는 index.html 파일에 .html 을 못읽기 떄문이다.

본론으로 들어가서 코드 부터 보여주겠다.

 

URL 과 HTML 연결하기

import requests

from flask import Flask, render_template, jsonify, request
app = Flask(__name__)

## HTML을 주는 부분
@app.route('/')
def index():
   return render_template('index.html')


@app.route('/ticket')
def getTicket():
   return render_template('ticket.html')
   
## 웹에서 사용할 APIs 

## 서버 연결
if __name__ == '__main__':
   app.run('0.0.0.0',port=5002,debug=True)

 

우리가 웹개발종합반을 들으면서 서버에 연결하려면 python 파일에 이렇게 적는 부분이 있었을거다.

 

## HTML을 주는 부분
@app.route('/')
def index():
   return render_template('index.html')

 

html 을 지정해주는 이부분을 설명하자면

@app.route('/') <- 이 안에 있는 부분이 링크가 되겠다. 

 -> 예시 ) https://romanticcrown.com/

이렇게 romanticcrown.com" / " 이부분 이게 들어가면서 url을 적었을때 첫페이지를 보여주는거다.

 

@app.route('/ticket')
def getTicket():
   return render_template('ticket.html')

 

만약에 위처럼 /ticket 라고 추가하고 리턴해주는 템플릿을 ticket.html 이걸로 지정한다고하면

a 태그를 사용하여 href 링크를 잡아줄때 Flask가 잡을수없는 ticket.html 이 아니라 /ticket 로 잡을 수 있다.

 

URL 사용하기

## 로컬에서 사용할때 a 태그 링크

<a href="ticket.html" class="card-link">Get Tickets</a>


## flask 웹 환경에서 사용할때 a 태그 링크

<a href="/ticket" class="card-link">Get Tickets</a>

 

이렇게 최종적으로 우리는 웹환경에서도 여러개에 html 을 적용하였다.