플라스크 (Flask) Static 파일 적용하기. (CSS, JS) url_for

Css 파일, Js파일 등 Static파일을 적용하려면 폴더를 생성해야합니다.

 

Flask폴더
│   ├── templates (폴더)
│          ├── register.html                                    
│    ├── static      
│
├── app.py (실행파일)                                           
├── db.sqlite (이건 자동으로 생성됨)
├── models.py

 

static폴더를 만들었으면, JS와 CSS폴더를 만들어 줍니다. (폴더들의 이름은 상관없습니다.)

그리고 각각 맞는 파일들을 넣고 다음 함수를 통해 적용시킵니다.

url_for('폴더이름', filename='파일이름')

<!-- CSS -->

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

<!-- JS -->

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



    <!-- 만약 static폴더 내부의 js폴더의 script.js 파일이라면? -->

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