[Flask] Bootstrap

이번 포스팅에서는 Bootstrap을 사용해보려 한다.

부트스트랩이란 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크이며 HTML과 CSS 기반의 템플릿 양식, 버튼, 네비게이션 및 기타 페이지를 구성하는 요소이다. 자바스크립트를 선택적으로 확장 할 수 있고 상업적 이용이 가능하다. 

 

 '프레임워크' 라고 하는 것은 재사용이 가능한 요소들의 집합되어 있으며, 정해진 구조와 틀 안에서 이것들이 확장이 가능한 기반 코드로 이루어 짐을 뜻한다. jquery는 라이브러리이고, 부트스트랩은 프레임워크다. 따라서, 우리는 '부트스트랩 프레임워크에서 jquery 라이브러리를 사용할 수 있다.'라고 말 할 수 있다.

 

간단한 웹페이지를 만들어 볼 건데,

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template("index.html")

@app.route('/about')
def about():
    return render_template("about.html")

기본 페이지 '/' 와 'about'탭을 만들어 보겠다.

 

부트스트랩은 getbootstrap.com/에서 쉽게 복사해서 쓰거나 다운 받을 수 있다. 

두개의 페이지를 만들건데, 사진과 같이 홈페이지에 있는 코드를 복사하여 templates 폴더 안에 index.html, about.html에 복사-붙여넣기 해줬다. 그리고 자신이 변경하고 싶은 HTML코드를 수정하면 나만의 웹사이트 만들기 성공이다!