view, template, URLconf ๋งŒ๋“ค๊ณ  ์—ฐ๊ฒฐํ•˜๊ธฐ

2024. 1. 28. 01:01ยทdjango
728x90

๐Ÿ’ป์ง€์ •ํ•œ ํŽ˜์ด์ง€์—์„œ ๋‚ด๊ฐ€ ์„ค์ •ํ•œ HTML์ด ๋ณด์ผ ์ˆ˜ ์žˆ๋„๋ก ํ•œ๋‹ค.

 

1. template ๋งŒ๋“ค๊ธฐ

1) template์„ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ํ”„๋กœ์ ํŠธ ์ตœ์ƒ๋‹จ ๊ฒฝ๋กœ์—์„œ templates ํด๋”๋ฅผ ์ƒ์„ฑ
2) templates ํด๋” ์•ˆ์— html ํŒŒ์ผ ์ƒ์„ฑ (main ํŽ˜์ด์ง€์™€ burger_list ํŽ˜์ด์ง€์— ์‚ฌ์šฉํ•  ํ…œํ”Œ๋ฆฟ์„ ๊ฐ๊ฐ ์ƒ์„ฑํ•จ)

main.html์€ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑํ•จ

 
burger_list.html์€ ์•„๋ž˜์™€ ๊ฐ™์ด ์ž‘์„ฑ

 

2. django๊ฐ€ templates์— ์žˆ๋Š” HTML ํŒŒ์ผ๋“ค์„ template์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •ํ•ด์ฃผ๊ธฐ

1) ํ”„๋กœ์ ํŠธ ํด๋” ์•ˆ์— ์ƒ์„ฑ๋˜์–ด์žˆ๋Š” settings.py๋กœ ์ด๋™
2) ์šฐ์„  templates ๋””๋ ‰ํ„ฐ๋ฆฌ๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ๋ณ€์ˆ˜๋ฅผ ์ƒ์„ฑ(TEMPLATES_DIR)
    BASE_DIR~ ์•„๋ž˜์— ์ž‘์„ฑ
    BASE_DIR์€ ์ตœ์ƒ์œ„ ๋””๋ ‰ํ„ฐ๋ฆฌ๋ฅผ ๋งํ•˜๊ณ , TEMPLATES_DIR๋กœ ์ง€์ •ํ•œ BASE_DIR / "templates"๋Š” templates ๋””๋ ‰ํ„ฐ๋ฆฌ์˜        ์œ„์น˜๋ฅผ ๋งํ•˜๋Š” ๊ฒƒ! 

 
3) ๋ณ€์ˆ˜๋ฅผ ์ƒ์„ฑํ•ด์ฃผ๊ณ  ๋‚œ ํ›„, TEMPLATES ํ•ญ๋ชฉ์— template์„ ์ฐพ์„ ๊ฒฝ๋กœ(๋ฐฉ๊ธˆ ๋ณ€์ˆ˜๋กœ ์ƒ์„ฑํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ)๋ฅผ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค. 

 

3. view์—์„œ template์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •ํ•ด์ฃผ๊ธฐ

html ํŒŒ์ผ์„ ๋ธŒ๋ผ์šฐ์ €์— ๋Œ๋ ค์ค„ ์ˆ˜ ์žˆ๋„๋ก django.shortcuts.render ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ
renderํ•จ์ˆ˜ ๋‘๋ฒˆ์งธ ์ธ์ˆ˜์— template ๊ฒฝ๋กœ๋ฅผ ์ง€์ •ํ•˜๋Š”๋ฐ, template ๊ฒฝ๋กœ๋Š” ์•ž์„œ ์ง€์ •ํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ ๊ฒฝ๋กœ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ์ž‘์„ฑ

 

4. ์š”์ฒญ์„ ๋ฐ›๊ณ  ์ฒ˜๋ฆฌํ•  URLconf ์„ค์ •

1) views.py์— ์ž‘์„ฑํ•œ main๊ณผ burger_list ํ•จ์ˆ˜๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค

 
2) ๊ฒฝ๋กœ๋ฅผ ์ง€์ •ํ•˜์ง€ ์•Š์œผ๋ฉด views ํŒŒ์ผ ์•ˆ์— main ํ•จ์ˆ˜๋ฅผ, burgers ๊ฒฝ๋กœ๋กœ ์ ‘๊ทผํ•˜๋ฉด burger_list ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๋„๋ก ์—ฐ๊ฒฐ

 
python manage.py runserver๋กœ ๊ฐœ๋ฐœ ์„œ๋ฒ„๋ฅผ ์‹คํ–‰์‹œ์ผœ๋ณด๋ฉด ์„ค์ •ํ•œ๋Œ€๋กœ ์ž˜ ๋‚˜์˜ค๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค!

 
โœ๏ธ์ •๋ฆฌํ•˜์ž๋ฉด
์šฐ์„  ๋ณด์—ฌ์งˆ ํ…œํ”Œ๋ฆฟ์„ ๋งŒ๋“ค๊ณ 
django๊ฐ€ template์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๊ฒฝ๋กœ๋ฅผ ์•Œ๋ ค์คŒ
๊ทธ๋ฆฌ๊ณ  view์—๊ฒŒ ํŠน์ • ์š”์ฒญ์„ ๋ฐ›์•˜์„๋•Œ ๋‚ด๋ณด๋‚ผ html์„ ์ง€์ •ํ•ด์ฃผ๊ณ  (main๊ณผ burger_list)
๋ธŒ๋ผ์šฐ์ €์—์„œ ์š”์ฒญ์„ ๋ฐ›๊ณ  ํ•ด๋‹น ์š”์ฒญ์— ๋งž๋Š” ์‘๋‹ต์„ ๋‚ด๋ณด๋‚ด๊ธฐ ์œ„ํ•ด view์—์„œ ์„ค์ •ํ•œ ํ•จ์ˆ˜๋“ค์„ URLconf๋กœ ์—ฐ๊ฒฐํ•ด์ค€๋‹ค!

728x90

'django' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

DB์— ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ template์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ณ  ํ…Œ์ด๋ธ” ๊พธ๋ฏธ๊ธฐ  (1) 2024.01.28
model ํด๋ž˜์Šค ๋งŒ๋“ค๊ณ  ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ  (1) 2024.01.28
[Django] ์„ค์น˜ ๋ฐ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ  (0) 2024.01.27
Django ๋””์ž์ธํŒจํ„ด MTV, get&post  (0) 2024.01.27
'django' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • DB์— ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ template์œผ๋กœ ๊ฐ€์ ธ์˜ค๊ณ  ํ…Œ์ด๋ธ” ๊พธ๋ฏธ๊ธฐ
  • model ํด๋ž˜์Šค ๋งŒ๋“ค๊ณ  ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ
  • [Django] ์„ค์น˜ ๋ฐ ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ
  • Django ๋””์ž์ธํŒจํ„ด MTV, get&post
GinaKim
GinaKim
์•ˆ๋…•ํ•˜์„ธ์š”! ๋ฐ˜๊ฐ‘์Šต๋‹ˆ๋‹ค :)
  • GinaKim
    ๋””๋””
    GinaKim
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (91)
      • Python (43)
        • Python ๊ธฐ์ดˆ๋ฌธ๋ฒ• (25)
        • ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” (5)
        • ํ†ต๊ณ„ (8)
        • ํฌ๋กค๋ง (5)
      • git (5)
      • streamlit (5)
      • django (5)
      • ๋จธ์‹ ๋Ÿฌ๋‹ (18)
      • Spark (4)
      • Google Cloud Platform (8)
      • Tableau (0)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
GinaKim
view, template, URLconf ๋งŒ๋“ค๊ณ  ์—ฐ๊ฒฐํ•˜๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”