Flask에 Css,Js,Images 적용 방법

1. 환경 setting

다음과같이 static 디렉토리를 생성해준뒤 js,css파일을넣어주고 image들은 따로 디렉토리를 생성해서 관리해준다.

 

 

2. HTML 파일에 css,image,js 삽입 하는 규칙 

 

경로에 {{url_for()}}을 사용해서 적용시켜준다.

 

 

css

<link rel="stylesheet"  href="{{url_for('static', filename='styles.css')}}" />

 

image

<img src="{{ url_for('static', filename='images/1.png') }}" />

 

javascript

<script type="text/javascript" src="{{ url_for('static', filename='mall.js') }}"></script>