Notice
Recent Posts
Recent Comments
Link
ยซ   2025/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
๊ด€๋ฆฌ ๋ฉ”๋‰ด

bom's happy life

Flask ์‹œ์ž‘ํ•˜๊ธฐ - HTMLํŒŒ์ผ ์ฃผ๊ธฐ ๋ณธ๋ฌธ

Deveolpment Study๐Ÿ—‚๏ธ/Python_Flask

Flask ์‹œ์ž‘ํ•˜๊ธฐ - HTMLํŒŒ์ผ ์ฃผ๊ธฐ

bompeach 2022. 6. 7. 16:00

 Flask ๊ธฐ์ดˆ 

 

1) ๊ธฐ๋ณธ ํด๋”๊ตฌ์กฐ - ํ•ญ์ƒ ์ด๋ ‡๊ฒŒ ์„ธํŒ…ํ•˜๊ณ  ์‹œ์ž‘!

โ˜… Flask ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค ๋•Œ, ํ•ญ์ƒ,

ํ”„๋กœ์ ํŠธ ํด๋” ์•ˆ์—,
ใ„ดstatic ํด๋” (์ด๋ฏธ์ง€, cssํŒŒ์ผ์„ ๋„ฃ์–ด๋‘ก๋‹ˆ๋‹ค)
ใ„ดtemplates ํด๋” (htmlํŒŒ์ผ์„ ๋„ฃ์–ด๋‘ก๋‹ˆ๋‹ค)
ใ„ดapp.py ํŒŒ์ผ

์ด๋ ‡๊ฒŒ ์„ธ ๊ฐœ๋ฅผ ๋งŒ๋“ค์–ด๋‘๊ณ  ์‹œ์ž‘. ์ด์ œ ๊ฐ ํด๋”์˜ ์—ญํ• ์„ ์•Œ์•„๋ณด์ž.
(๊ผญ ์ฐธ๊ณ !! venv๋Š” ์‹ค์ œ๋กœ๋Š” ๋ณด์ด์ง€๋งŒ, ์•ˆ๋ณด์ธ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ธฐ!!)

 

 

2)  HTML ํŒŒ์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

โ˜… templates ํด๋”์˜ ์—ญํ• ?

HTML ํŒŒ์ผ์„ ๋‹ด์•„๋‘๊ณ , ๋ถˆ๋Ÿฌ์˜ค๋Š” ์—ญํ• !

 

 

1. templates ์•ˆ์— ๊ฐ„๋‹จํ•œ index.html ํŒŒ์ผ ๋งŒ๋“ค๊ธฐ.

 

[์ฝ”๋“œ์Šค๋‹ˆํŽซ] index.html ์˜ˆ์ œ์ฝ”๋“œ

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <title>Document</title>

    <script>
        function hey(){
            alert('์•ˆ๋…•!')
        }
    </script>
</head>
<body>
    <button onclick="hey()">๋‚˜๋Š” ๋ฒ„ํŠผ!</button>
</body>
</html>

 

 

2. html ํŒŒ์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

 

flask ๋‚ด์žฅํ•จ์ˆ˜ render_template๋ฅผ ์ด์šฉํ•œ๋‹ค. ๋ฐ”๋กœ ์ด๊ฒŒ ํ”„๋ ˆ์ž„์›Œํฌ์˜ ์œ„๋ ฅ!
from flask import Flask, render_template
app = Flask(__name__)

## URL ๋ณ„๋กœ ํ•จ์ˆ˜๋ช…์ด ๊ฐ™๊ฑฐ๋‚˜,
## route('/') ๋“ฑ์˜ ์ฃผ์†Œ๊ฐ€ ๊ฐ™์œผ๋ฉด ์•ˆ๋ฉ๋‹ˆ๋‹ค.

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

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

 

 

 

์ €์ž‘์žํ‘œ์‹œ

'Deveolpment Study๐Ÿ—‚๏ธ > Python_Flask' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Flask ์‹œ์ž‘ํ•˜๊ธฐ - ์„œ๋ฒ„๋งŒ๋“ค๊ธฐ  (0) 2022.06.07
'Deveolpment Study๐Ÿ—‚๏ธ/Python_Flask' Related Articles more