๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

ํ•ด์„2

<TIL> / [์ฝ”๋ฆฐ์ด] ๋ฐฑ์—”๋“œ์—์„œ ํ”„๋ก ํŠธ์—”๋“œ, ํด๋ผ์ด์–ธํŠธ์—์„œ ์„œ๋ฒ„๋กœ ๊ทธ ํ๋ฆ„์— ๋Œ€ํ•ด์„œ ์ด ๊ธ€์€ ์ด์ œ ๋ง‰ ๊ฐœ๋ฐœ์˜ ๋ฌธ์„ ๋‘๋“œ๋ฆฌ๊ธฐ ์‹œ์ž‘ํ•œ [์ฝ”๋ฆฐ์ด]๊ฐ€ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค. ๋ณธ์ธ์˜ ๋จธ๋ฆฟ์†์— ๊ฐ€์žฅ ๊ธฐ์–ต์ด ์ž˜ ๋‚จ๋Š” ํ˜•ํƒœ (๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋ง ํ•˜๋“ฏ์ด)๋กœ ์ž‘์„ฑ์ด ๋˜๋‹ˆ ๊ฐ„ํ˜น ์ž˜๋ชป๋œ ๋ถ€๋ถ„์ด๋‚˜, ์ˆ˜์ •์‚ฌํ•ญ์ด ์žˆ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ์ดํ„ฐ์˜ ํ๋ฆ„ ์šฐ์„  ๋ฐฑ์—”๋“œ์ธ app.py์˜ ์ „์ฒด์ฝ”๋“œ ๋ณด๊ณ  ๊ฐ‘๋‹ˆ๋‹ค. ํ”„๋ ˆ์ž„์›Œํฌ๋Š” flask ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. from flask import Flask, render_template, request, jsonify app = Flask(__name__) @app.route('/') def home(): return render_template('index.html') @app.route("/bucket", methods=["POST"]) def bucket_post(): samp.. 2023. 5. 18.
<TIL> / CSS์™€ JavaScript์˜ ์ฐจ์ด ๋ฐ fetch์™€ ํ•ด์„ ์ด ๊ธ€์€ ์Šค์Šค๋กœ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์ƒ๊ธฐ์‹œํ‚ค๊ณ ์ž ์ž‘์„ฑํ•˜๋Š” ๊ธ€์ด๋ฏ€๋กœ, ํ˜น์—ฌ๋‚˜ ์ฝ”๋“œ๋‚˜ ์ •์˜๊ฐ€ ์ž˜๋ชป ์–ธ๊ธ‰๋œ ๋ถ€๋ถ„์ด ์žˆ๋‹ค๋ฉด, ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. HTML : ๋ผˆ๋Œ€ CSS : ๊พธ๋ฏธ๊ธฐ JavaScript : ์›€์ง์ด๊ธฐ HTML์€ ๋‚ด ์ƒ์— ์ตœ๊ณ ์˜ ์˜ํ™”๋“ค ํ˜„์žฌ ์„œ์šธ์˜ ๋‚ ์”จ : 20๋„ ์˜ํ™” ๊ธฐ๋ก ๋ฒ„ํŠผ ์˜ํ™” URL ๋ณ„ ์  --โญ์„ ํƒโญ-- โญ โญโญ โญโญโญ โญโญโญโญ โญโญโญโญโญ ์ฝ”๋ฉ˜ํŠธ ๋‚จ๊ฒจ์ฃผ์„ธ์š”. ๊ธฐ๋ก ๋‹ซ๊ธฐ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์˜ํ™” ์ œ๋ชฉ ์ฝ”๋ฉ˜ํŠธ โญโญโญ ๋‚˜์˜ ์˜๊ฒฌ ์œ„ ์ „์ฒด์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด CSS๋Š” HTML์˜ ๊ตฌ์„ฑ์š”์†Œ์ธ ์ง€์นญํ•œ ๋Œ€์ƒ์ด (๊พธ๋ฉฐ์ค˜์•ผ ํ•  ๋Œ€์ƒ์ด) div(๊ตฌ์—ญ) ์ด๋ผ๋ฉด ? 1. background-color ๋ถ€ํ„ฐ ๋ณ€๊ฒฝ (๋ฐ•์Šค์˜ ๋ฒ”์œ„๋ฅผ ์•Œ๊ธฐ ์œ„.. 2023. 5. 17.