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

๋ฐ˜์‘ํ˜•

๐Ÿ’ป Deep Wide Programming

(79)
Django Templates 1. ๋ฐ˜๋ณต๋˜๋Š” html ๊ตฌ์กฐ๊ฐ€ ์žˆ๋‹ค๋ฉด, templates ํด๋”๋ฅผ ์ƒ์„ฑํ•ด์ฃผ๊ณ , ๊ทธ ์•ˆ์— base.html์„ ๋งŒ๋“ ๋‹ค. 1-2. ๊ทธ๋ฆฌ๊ณ  ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ ๋‹ค๋ฅธ ํŒŒ์ผ์—์„œ extendํ•ด์„œ ์‚ฌ์šฉํ•ด์ค€๋‹ค. ๋งˆ์น˜ ๋ถ€๋ชจ-์ž์‹ ํด๋ž˜์Šค์ฒ˜๋Ÿผ. ์˜ˆ๋ฅผ ๋“ค์–ด, home.html์ด ์žˆ๋‹ค๋ฉด ํ•ด๋‹น html์˜ ์ตœ์ƒ๋‹จ์— ๋‹ค์Œ์˜ ์ฝ”๋“œ๋ฅผ ์ž…๋ ฅํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋‹ค. {% extends "base.html" %} ๊ทธ๋Ÿฌ๋ฉด, base.html์—์„œ ๋งŒ๋“  html ์ฝ”๋“œ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฒŒ ๋œ๋‹ค. 2. ๋‚˜์•„๊ฐ€, ํ•ด๋‹น html์•ˆ์—๋‹ค๊ฐ€ ์›ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์ฃผ์ž…ํ•  ์ˆ˜๋„ ์žˆ๋‹ค. ๋‹ค์‹œ ๋งํ•ด, home.html์ด๋ผ๋Š” ์ž์‹ ํ…œํ”Œ๋ฆฟ์ด base.html์ด๋ผ๋Š” ๋ถ€๋ชจ ํ…œํ”Œ๋ฆฟ์— ์›ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์ง‘์–ด๋„ฃ์„ ์ˆ˜ ์žˆ๊ฒŒ ๋˜๋Š” ๊ฒƒ์ด๋‹ค. ๋ฐ”๋กœ, block์„ ์ด์šฉํ•ด์„œ ๊ฐ€๋Šฅํ•˜๋‹ค. ๋ถ€๋ชจํ…œํ”Œ๋ฆฟ์ธ base.html์— block..
Django ์ „๋ฐ˜๋ถ€ ์ •๋ฆฌ & ๋ณต์Šต Django Model ~ Admin๊นŒ์ง€ Quick Review Config - master folder ๋‚˜๋จธ์ง€ ์ƒ์„ฑํ•ด์ค€ ํด๋”๋“ค์€, ๋ชจ๋‘ application์ด๋‹ค. application = function์˜ group ์ฒ˜์Œ์—, models & admin ์„ ๊ฑด๋“œ๋ฆผ. ์žฅ๊ณ ๊ฐ€ ์šฐ๋ฆฌ๊ฐ€ ์“ด ์ฝ”๋“œ๋ฅผ ์ด์šฉํ•จ. ํŒŒ์ด์ฌ ์ฝ”๋“ค๋ฅด SQL๋ฌธ์œผ๋กœ ์ž๋™์œผ๋กœ ๋ฐ”๊ฟ”์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ์†Œํ†ตํ•ด์ค€๋‹ค. models.py์— ์ ์€ ์ฝ”๋“œ๋Š”, ์žฅ๊ณ ๊ฐ€ ์•Œ์•„์„œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํ…Œ์ด๋ธ”๋กœ ๋งŒ๋“ค์–ด์ค€๋‹ค. Model์€ fields๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋‹ค. textField, CharField, ๋“ฑ๋“ฑ๋“ฑ. model์„ ์ง์ ‘ ๋ณด๋ ค๋ฉด, admin ํŒจ๋„์„ ๋ณด๋ฉด ๋œ๋‹ค. admin.py์—์„œ ์ผ๋‹จ modeldmf Class๋กœ registerํ•ด์ค€๋‹ค. @admin.register(mod..
Typescript Installing & Setting www.typescriptlang.org/#installation Typed JavaScript at Any Scale. TypeScript extends JavaScript by adding types to the language. TypeScript speeds up your development experience by catching errors and providing fixes before you even run your code. www.typescriptlang.org npm ์ฝ”๋“œ๋ฅผ ๋ณต์‚ฌํ•ด, ํ„ฐ๋ฏธ๋„์— mac์€ sudo๋ฅผ ์•ž์— ๋ถ™์—ฌ ์„ค์น˜๋ฅผ ์ง„ํ–‰. ๊ทธ๋ฆฌ๊ณ , vs cod์—์„œ app.ts ํŒŒ์ผ์„ ๋งŒ๋“ค์–ด ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์—ˆ๋‹ค. function logName (name: string){ cons..
์žฅ๊ณ  ๊ณต๋ถ€์— ๋„์›€๋˜๋Š” ์‚ฌ์ดํŠธ ๋งํฌ & ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ ์–ธ์–ด opentutorials.org/module/4034/24665 ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ(Template) ์–ธ์–ด - Django ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ(Template) ์–ธ์–ด 2019-04-18 19:37:51 ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ ์–ธ์–ด ์ง€๋‚œ ํ† ํ”ฝ์—์„œ {% load static %}์™€ ๊ฐ™์ด ์‚ฌ์šฉํ•˜์˜€๋Š”๋ฐ, ์ด๋Š” ์ด๋ฒˆ ํ† ํ”ฝ์—์„œ ๊ณต๋ถ€ํ•  ํ…œํ”Œ๋ฆฟ ํƒœ๊ทธ๋ฅผ ํ™œ์šฉํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์žฅ๊ณ  ํ…œํ”Œ๋ฆฟ ์–ธ์–ด๋Š” opentutorials.org ๋‹ค์Œ์— ํ•„์š”ํ•  ๋•Œ ๋‹ค์‹œ ์ฐพ์•„๋ณด๋ ค๊ณ  ๋ฉ”๋ชจ~.~
[์กฐ์ฝ”๋”ฉ]javascript- API ํ™œ์šฉ ์—ฐ์Šตํ•˜๊ธฐ(์นด์นด์˜คAPI๋กœ ์ฑ…๊ฒ€์ƒ‰ ์›น ๋งŒ๋“ค๊ธฐ) API๋งˆ๋‹ค ์ •ํ•ด์ง„ '์š”์ฒญ'๊ณผ '์‘๋‹ต'์˜ ํ˜•์‹์ด ์žˆ๋Š”๋ฐ, ์ด ํ˜•์‹์ด ์ž‘์„ฑ๋œ ๋ฌธ์„œ๋ฅผ API ๊ฐ€์ด๋“œ๋ผ๊ณ  ๋ถ€๋ฅธ๋‹ค. 1. html ๊ธฐ๋ณธ ์„ธํŒ… ํ›„, 2. 3. Boby ์ค‘ ๋งจ ํ•˜๋‹จ์— ๋ณต๋ถ™ 4. jQuery๋ฅผ ์ด์šฉํ•œ AJAX ์“ฐ๊ธฐ (jQuery๋กœ ajax ํ•จ์ˆ˜๋ฅผ ์“ฐ๋ฉด ์„œ๋ฒ„์™€ ์ข€๋” ์‰ฝ๊ฒŒ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋‹ค) api.jquery.com/jquery.ajax/ jQuery.ajax() | jQuery API Documentation Description: Perform an asynchronous HTTP (Ajax) request. The $.ajax() function underlies all Ajax requests sent by jQuery. It is often unnecessary to directly call t..
[์ƒํ™œ์ฝ”๋”ฉ & ๊ทธ๋žฉ์˜ ๊ธฐ์ˆ ๋ธ”๋กœ๊ทธ] ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ๊ฐ„๋‹จ ๊ธฐ์ดˆ ํ•™์Šต ๋ฉ”๋ชจ(#์›น์„œ๋ฒ„, #Api ์„œ๋ฒ„) ์—ญ์‹œ ๊ธฐ๋ณธ์€ ์ƒํ™œ์ฝ”๋”ฉ.. ์˜ˆ์ „์— ์›น์„ ์ฒ˜์Œ ๊ณต๋ถ€ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ ๋ณด์•˜๋˜ ์˜์ƒ์ด์ง€๋งŒ, ํ•œ์ฐฝ ๊ณต๋ถ€ํ•˜๋‹ค๊ฐ€ ๋‹ค์‹œ ๋Œ์•„์™€์„œ ๋ณด๋‹ˆ ์ดํ•ด๊ฐ€ ์‰ฌ์›Œ์กŒ๋‹ค.. ์—ญ์‹œ ๋ฐ˜๋ณตํ•™์Šต์ด ์ตœ๊ณ ๋‹ค. +๊ทธ๋žฉ์˜ ๊ฐœ๋ฐœ๋ธ”๋กœ๊ทธ ๋˜ํ•œ ์ตœ๊ณ .. ์ƒํ™œ์ฝ”๋”ฉ๊ณผ ํ•จ๊ป˜ ๋‘๊ณ , ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ์— ๋Œ€ํ•œ ์ „๋ฐ˜์ ์ธ ์ดํ•ด์— ์„ฑ๊ณตํ–ˆ์Šต๋‹ˆ๋‹ค! ํ•ต์‹ฌ์ ์ธ ๊ฒƒ๋“ค๋งŒ ๊ฐœ์ธ ๋ฆฌ๋งˆ์ธ๋“œ ์šฉ์œผ๋กœ ์ด๊ณณ์— ๋ฉ”๋ชจ๋ฉ”๋ชจํ•ฉ๋‹ˆ๋‹ค.. ํ˜น, ํ•„์š”ํ•˜์‹  ๋ถ„๋“ค์€ ํ•˜๋‹จ์— ์ฒจ๋ถ€ํ•œ ์›๋ฌธ ํฌ์ŠคํŠธ ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”! ์ด ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„์˜ ์†Œํ†ต ๊ณผ์ •์„ ์ข€ ๋” ๋“ค์—ฌ๋‹ค๋ณด์ž. ์ข€ ๋” ํ’€์–ด์„œ ๋ณด๋ฉด, ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. 1. ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์›น์„ ์š”์ฒญ(์‚ฌ์šฉ์ž๊ฐ€ ๋ธŒ๋ผ์šฐ์ €์— url์ž…๋ ฅ ์‹œ) ํ–ˆ์„๋•Œ, ์›น์„œ๋ฒ„๊ฐ€ ๊ฐ–๊ณ ์žˆ๋˜ ์›น(html,css, js)์„ ๋„˜๊ฒจ์ค€๋‹ค. 2. 1๋ฒˆ ๊ณผ์ •์„ ํ†ตํ•ด ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ตœ์ข…์ ์œผ๋กœ ์›น์„ ํ™”๋ฉด์— ๊ทธ๋ ธ๋‹ค(๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง). 3..
[โ›บ๏ธDjango] MORE about ADMINS + a #ํ•™์Šต๋ฉ”๋ชจ ๋ณดํ˜ธ๋˜์–ด ์žˆ๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.
[โ›บ๏ธDjango] MODELS AND QUERYSETS ๋ฉ”๋ชจ ๐Ÿ“Œ์žฅ๊ณ  ์„ค์ •๊ณผ ์žฅ๊ณ  ๋ชจ๋ธ๋กœ ํ”„๋กœ์ ํŠธ์™€ ์†Œํ†ตํ•˜๋Š” ๋ฒ• pipenv shell python manage.py shell from users.models import User ๐Ÿ“ŒUser.objects ๐Ÿ’ฅ manager: ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋กœ๋ถ€ํ„ฐ elements๋ฅผ ๊ฐ€์ ธ์˜ค๊ฒŒ ํ•ด์ฃผ๋Š”๋ฐ, SQL์„ ์“ฐ์ง€ ์•Š๊ณ ๋„ ํŒŒ์ด์ฌ์„ ์ด์šฉํ•ด์„œ ๊ฐ€์ ธ์˜ค๊ฒŒ ํ•ด์ค€๋‹ค! ๐Ÿ‘‰The most Sexiest part of Django! manager๋Š” object ์•ˆ์— ์žˆ๋‹ค ๐Ÿ”— ์ฐธ๊ณ  docs.djangoproject.com/en/2.2/topics/db/queries/ Making queries | Django documentation | Django Django The web framework for perfectionists with deadlines...

728x90
๋ฐ˜์‘ํ˜•