Flask는 Python으로 작성된 마이크로 웹 프레임워크입니다. 이를 이용해 프론트엔드 개발을 진행할 수 있습니다. 프론트엔드 개발이란 웹사이트나 웹 애플리케이션의 사용자 인터페이스(UI)를 디자인하고 구현하는 과정을 의미합니다.

Flask 개요

Flask는 가벼우면서도 강력한 도구로, 웹 어플리케이션을 구축하는 데 사용됩니다. 쉽고 빠르게 시작할 수 있으며, 작은 프로젝트부터 큰 규모의 애플리케이션까지 다양한 용도로 사용할 수 있습니다.

Flask 설치

먼저, Flask를 설치해야 합니다.

pip install flask

Flask 애플리케이션 생성

Flask 애플리케이션을 생성하기 위해 다음과 같은 코드를 작성합니다:

from flask import Flask

app = Flask(__name__)

@app.route('/')
def home():
    return "Hello, Flask!"

if __name__ == '__main__':
    app.run()

위 코드는 Hello, Flask!라는 텍스트를 반환하는 간단한 웹 애플리케이션을 생성합니다. @app.route('/') 데코레이터는 루트 URL에 대한 요청이 발생했을 때 home() 함수를 실행하도록 지정합니다.

Flask의 템플릿 엔진

Flask는 Jinja2라는 템플릿 엔진을 기본으로 사용합니다. 이를 통해 동적인 웹 페이지를 생성할 수 있습니다.

from flask import Flask, render_template

app = Flask(__name__)

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

if __name__ == '__main__':
    app.run()

위 코드에서 render_template 함수를 사용하여 ‘index.html’ 템플릿 파일을 렌더링합니다. Jinja2는 이 파일을 동적으로 처리하고 필요한 데이터를 삽입합니다.

정적 파일 관리

Flask는 정적 파일(이미지, CSS, JavaScript 등)을 쉽게 관리할 수 있는 기능을 제공합니다. 이를 사용하려면 static 디렉토리를 생성하고 해당 디렉토리에 원하는 파일을 저장하면 됩니다.

from flask import Flask, render_template

app = Flask(__name__)

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

if __name__ == '__main__':
    app.run()

위 코드와 함께 static 디렉토리에 styles.css 파일을 추가하면 해당 파일에 포함된 스타일이 적용됩니다.

결론

Flask를 이용한 프론트엔드 개발은 Python을 사용해서 웹 어플리케이션의 UI를 구축하는 강력한 방법입니다. Flask의 간결한 문법과 다양한 확장 기능을 통해 웹 개발을 더욱 빠르고 효율적으로 진행할 수 있습니다. Flask를 사용하여 프론트엔드 개발에 도전해보세요!