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

728x90

bootstrap

2/17 ๋ชฉ ๋ชฉ์š”์ผ! ๋ฆฌ์ŠคํŠธ๋กœ ๋Œ์•„๊ฐ€๊ธฐ, ์ˆ˜์ •, ์‚ญ์ œ, ์ข‹์•„์š” ๋ฒ„ํŠผ์„ ๋งŒ๋“ค๊ณ  ๊ฐ๊ฐ์˜ ๊ธฐ๋Šฅ์„ ์—ฌํƒœ ๋ฐฐ์šด ๊ฒƒ์„ ์‘์šฉํ•ด ๊ตฌํ˜„ํ•ด์•ผ ํ•˜๋Š”๋ฐ ์–ด๋ ต๋‹ค์•„์•„์•„์•„! ๋ฆฌ์ŠคํŠธ๋กœ ๋Œ์•„๊ฐ€๊ธฐ ๋ง๊ณ ๋Š” ๊ฐ์ด ์•ˆ ์žกํ˜€.. 1. HTML ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ์ด์šฉํ•ด์„œ ์‚ฌ์šฉ์ž ์ž…๋ ฅ ์–‘์‹(์ž…๋ ฅ Form)์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ, Django๊ฐ€ ์ œ๊ณตํ•˜๋Š” Model Form(class)๋ฅผ ์ด์šฉํ•จ bbs App ๋””๋ ‰ํ„ฐ๋ฆฌ ์•ˆ์— forms.py ์ƒ์„ฑํ•˜๊ณ  Django์—์„œ forms ๋ชจ๋“ˆ, bbs.models์—์„œ class๋ฅผ ๋ถˆ๋Ÿฌ์˜จ ํ›„ form์— ๋Œ€ํ•œ class ์ •์˜ํ•จ ↓forms.py↓ from django import forms from bbs.models import Board class BoardForm(forms.ModelForm): class Meta: model =.. ๋”๋ณด๊ธฐ
2/10 ๋ชฉ ๋ชฉ์š”์ผ~~ ์ง€๋‚œ ์ˆ˜์—… ๋•Œ ํ•˜๋˜ ์ผ๋ณ„ ๋ฐ•์Šค์˜คํ”ผ์Šค API ์„œ๋น„์Šค๋ฅผ ๋” ๋ฐฐ์šด๋‹ค. AJAX์˜ async: true ๋น„๋™๊ธฐ(๋ฐ์ดํ„ฐ ์ˆ˜์‹  ๊ธฐ๋‹ค๋ฆฌ์ง€ ์•Š๊ณ  ๋ฐ”๋กœ ๋‹ค๋ฅธ ์ž‘์—… ์‹คํ–‰. default) ํ˜น์€ ๋™๊ธฐ(false. ์ˆœ์ฐจ์ ) ํ˜ธ์ถœ์„ ์ง€์ •ํ•จ ์›น๋””์ž์ธ๊นŒ์ง€ ์‹ ๊ฒฝ ์“ธ ์—ฌ์œ ๋Š” ์—†๊ธฐ ๋•Œ๋ฌธ์—, Bootstrap Examples์—์„œ ํŽ˜์ด์Šค ์†Œ์Šค(HTML)์™€ css ํŒŒ์ผ์„ WebStorm์œผ๋กœ ๊ฐ€์ ธ์™€์„œ ํ™œ์šฉํ•œ๋‹ค! HTML์—์„œ ๋ถˆํ•„์š”ํ•œ ๋ผ์ธ๋“ค ์ง€์šฐ๊ณ  jQuery CND, jQuery ํŒŒ์ผ, CSS ํŒŒ์ผ ์—ฐ๋™์‹œํ‚ด input type="date"๋กœ ๋‹ฌ๋ ฅ์„ ๋„ฃ์–ด ์ผ๋ณ„ ๋ฐ•์Šค์˜คํ”ผ์Šค ์ˆœ์œ„๋ฅผ ์กฐํšŒํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„ฃ๊ณ , Delegation Model(JS Event ์ฒ˜๋ฆฌ ๋ฐฉ์‹)๋กœ Event๊ฐ€ ์ฒ˜๋ฆฌ๋  ์ˆ˜ ์žˆ๋„๋ก 'onclick' Event Attribut.. ๋”๋ณด๊ธฐ

728x90