오도원입니다.

건강과 행복을 위하여

PNU DSC/Solution Challenge

Flask 10. static 파일 관리하기

오도원공육사 2020. 3. 10. 22:52
반응형

플라스크에서는 static 파일을 관리하는 것이 굉장히 단순하다. 그냥 프로젝트 안에 static 폴더를 만들면된다. 그러면 이 폴더가 기본적으로 static url 주소의 하위로 지정이 되므로 파일을 해당 폴더에 둬서 갖다쓰면 된다.

 

label {
	font-size : 20px;
    font-weight : 700;
}

그리고 이것을 register.html 코드에 적용한다.

 

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

이런식으로 추가하면 된다.

 

이제 적용이 됐는지 확인해보자.

확실히 페이지가 변경된 것을 알 수 있다.

style.css파일이 적용이 되었다.

 

또한 플라스크의 url_for()함수에 의해서 해당 파일의 url도 알아서 적용되었다.

 

플라스크에서 static 파일을 관리하는 것은 매우 간단하다.

반응형

'PNU DSC > Solution Challenge' 카테고리의 다른 글

Flask 12. 로그아웃  (0) 2020.03.11
Flask 11. 로그인 페이지 만들기  (0) 2020.03.10
Flask 09. Flask-WTF  (0) 2020.03.10
Flask 08. 회원관리 - Controller  (0) 2020.03.09
Flask 07. 회원관리 - View (bootstrap)  (0) 2020.03.09