๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

ํ™”์„ฑ๋•… ๊ณต๋™๊ตฌ๋งค

POST์™€ GET ๋ชจ๋‘ ์•„๋ž˜์™€ ๊ฐ™์€ ์ˆœ์„œ๋กœ ๋งŒ๋“ค ๊ฒƒ์ด๋‹ค. 1. ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ์—ฐ๊ฒฐ ํ™•์ธํ•˜๊ธฐ 2. ์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ 3. ํด๋ผ์ด์–ธํŠธ ๋งŒ๋“ค๊ธฐ 4. ์™„์„ฑ ํ™•์ธํ•˜๊ธฐ โ–ถ POST API ๋งŒ๋“ค๊ธฐ ์ด๋ฆ„, ์ฃผ์†Œ, ํ‰์ˆ˜ ์ €์žฅํ•˜๊ธฐ(Create → POST) 1. ์š”์ฒญ ์ •๋ณด: URL= /mars, ์š”์ฒญ ๋ฐฉ์‹ = POST 2. ํด๋ผ์ด์–ธํŠธ(ajax) → ์„œ๋ฒ„(flask) : name, address, size 3. ์„œ๋ฒ„(flask) → ํด๋ผ์ด์–ธํŠธ(ajax) : ๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋ƒ„ (์ฃผ๋ฌธ ์™„๋ฃŒ) * ์„œ๋ฒ„ ๋งŒ๋“ค๊ธฐ → name, address, size ์ •๋ณด๋ฅผ ๋ฐ›์•„์„œ ์ €์žฅ @app.route("/mars", methods=["POST"]) def web_mars_post(): name_receive = request.form['name_g..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | Flask ์‚ฌ์šฉํ•˜๊ธฐ

Flask ๊ฐ„๋‹จํ•œ ์›น ์‚ฌ์ดํŠธ, ํ˜น์€ ๊ฐ„๋‹จํ•œ API ์„œ๋ฒ„๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐ์— ํŠนํ™” ๋˜์–ด์žˆ๋Š” Python Web Framework · Flask ํ”„๋ ˆ์ž„์›Œํฌ : ์„œ๋ฒ„๋ฅผ ๊ตฌ๋™์‹œ์ผœ์ฃผ๋Š” ํŽธํ•œ ์ฝ”๋“œ ๋ชจ์Œ (ํฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) # Flask ๊ธฐ๋ณธ ์‹œ์ž‘ ์ฝ”๋“œ from flask import Flask app = Flask(__name__) @app.route('/') def home(): return 'This is Home!' if __name__ == '__main__': app.run('0.0.0.0',port=5000,debug=True) # Flask ๊ธฐ๋ณธ ํด๋” ๊ตฌ์กฐ - Flask ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค ๋•Œ, ํ•ญ์ƒ ํ”„๋กœ์ ํŠธ ํด๋” ์•ˆ์— ใ„ดstatic ํด๋” (์ด๋ฏธ์ง€, css ํŒŒ์ผ์„ ๋„ฃ์–ด ๋‘ ) ใ„ดtemplates ํด๋” (html ํŒŒ์ผ์„..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์ง€๋‹ˆ๋ฎค์ง ํฌ๋กค๋งํ•˜๊ธฐ

์ด๋ฒˆ ์ฃผ์ฐจ๋Š” ์ง€๋‹ˆ๋ฎค์ง์˜ 1~50์œ„ ๊ณก์„ ์ˆœ์œ„ / ๊ณก ์ œ๋ชฉ / ๊ฐ€์ˆ˜ ๋ฅผ ์Šคํฌ๋ž˜ํ•‘ํ•˜์˜€๋‹ค. ๊ฒฐ๊ณผ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('https://www.genie.co.kr/chart/top200?ditc=M&rtm=N&ymd=20211101',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') #bo..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | ์›น์Šคํฌ๋ž˜ํ•‘(ํฌ๋กค๋ง) | DB | mongoDB

ํฌ๋กค๋ง · Web์ƒ์— ์กด์žฌํ•˜๋Š” Contents๋ฅผ ๊ทธ๋Œ€๋กœ ๊ฐ€์ ธ์™€์„œ ํ•„์š”ํ•œ ๋ฐ์ดํ„ฐ๋งŒ ์ถ”์ถœํ•˜๋Š” ๊ธฐ๋ฒ• # ํฌ๋กค๋ง ๊ธฐ๋ณธ ์„ธํŒ… import requests from bs4 import BeautifulSoup headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'} data = requests.get('url ์ž…๋ ฅ',headers=headers) soup = BeautifulSoup(data.text, 'html.parser') # BeautifulSoup ์‚ฌ์šฉ๋ฒ• import requests from bs4 import..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

์›น๊ฐœ๋ฐœ ์ข…ํ•ฉ๋ฐ˜ | jQuery | Ajax

jQuery · HTML์˜ ์š”์†Œ๋“ค์„ ์กฐ์ž‘ํ•˜๋Š”, ํŽธ๋ฆฌํ•œ Javascript๋ฅผ ๋ฏธ๋ฆฌ ์ž‘์„ฑํ•ด๋‘” ๊ฒƒ (๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ) # jQuery import ํ•˜๊ธฐ ์ž์ฃผ ์‚ฌ์šฉํ•˜๋Š” jQuery 1. Input ๋ฐ•์Šค์˜ ๊ฐ’ ๊ฐ€์ ธ์˜ค๊ธฐ : $( '#id๊ฐ’' ).val( '๋‚ด์šฉ' ) → id๊ฐ’์— jQuery๋ฅผ ์ ์šฉํ•  ๊ฒƒ์ธ๋ฐ, ๊ทธ value๋ฅผ ๋„ฃ๊ณ  ์‹ถ๋‹ค๋Š” ์˜๋ฏธ $( '#id๊ฐ’' ).val() → id๊ฐ’์˜ value๋ฅผ ๊ฐ€์ ธ์˜ค๊ธฐ 2. div ๋ณด์ด๊ธฐ / ์ˆจ๊ธฐ๊ธฐ : $( '#id๊ฐ’' ).show() → div ๋ณด์ด๊ธฐ $( '#id๊ฐ’' ).hide() → div ์ˆจ๊ธฐ๊ธฐ 3. ํƒœ๊ทธ ๋‚ด html ์ž…๋ ฅํ•˜๊ธฐ : $( '#id๊ฐ’' ).append(๋ณ€์ˆ˜) → ๋ณ€์ˆ˜์˜ ๋ฌธ์ž์—ด์„ htmlํ™” ์‹œ์ผœ์ค€๋‹ค ex. Ajax · jQuery๋ฅผ importํ•œ ํŽ˜์ด์ง€์—์„œ๋งŒ ๋™์ž‘..

๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE

ํŒฌ๋ช…๋ก ๋งŒ๋“ค๊ธฐ

๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ ์‹ค์Šตํ•˜๋ฉด์„œ ๋งŒ๋“ค์–ด๋ณธ ์›นํ™”๋ฉด์ด๋‹ค. ์ฒ˜์Œ์œผ๋กœ ์ œ๋Œ€๋กœ๋œ HTML์„ ๋‹ค๋ค„๋ณด์•˜๋Š”๋ฐ ์•ฑ๋ณด๋‹ค ๋” ์ฆ‰๊ฐ์ ์œผ๋กœ ๋ณ€ํ™”ํ•˜๋Š”๊ฒŒ ์ž˜ ๋ณด์—ฌ์„œ ๋„ˆ๋ฌด ์žฌ๋ฏธ์žˆ์—ˆ๋‹ค. ์š”์ฆ˜ IVE์— ๋น ์ ธ์„œ IVE ํŒฌ๋ช…๋ก์„ ๋งŒ๋“ค์–ด๋ณด์•˜๋‹ค. ์•„์ง ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ํ™”๋ฉด์ด ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ๊นŒ์ง€๋Š” ์•ˆ๋˜์ง€๋งŒ ๋นจ๋ฆฌ ๊ณต๋ถ€ํ•ด์„œ ํ•˜๋‚˜์˜ ์™„๋ฒฝํ•œ ๋‚˜๋งŒ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค. ์œ„ ํ™”๋ฉด์˜ ์ฝ”๋“œ์ด๋‹ค. IVE ํŒฌ๋ช…๋ก ๋‹‰๋„ค์ž„ ์‘์›๋Œ“๊ธ€ ์‘์› ๋‚จ๊ธฐ๊ธฐ ์ด๋ฒˆ ์•จ๋ฒ” ๋…ธ๋ž˜ ๋„ˆ๋ฌด ์ข‹์•„์š”! ๋‹คํ˜œ ๋‹ค๋“ค ๋„ˆ๋ฌด ์˜ˆ๋ป์š”! DahyeKim ๋งค๋ ฅ์žˆ์–ด์š”:) ๋‹คํ—ค

Dhey
'๐Ÿ ๊ธฐํƒ€/์ŠคํŒŒ๋ฅดํƒ€์ฝ”๋”ฉํด๋Ÿฝ_FE' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก