Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. Weโ€™ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

๐Ÿ“ŒAdditional Explanation #2

Open
ddongule opened this issue May 14, 2020 · 0 comments
Open

๐Ÿ“ŒAdditional Explanation #2

ddongule opened this issue May 14, 2020 · 0 comments
Assignees

Comments

@ddongule
Copy link
Member

ddongule commented May 14, 2020

๐Ÿ“Œ๊ถ๊ธˆ์ฆ์— ๋Œ€ํ•œ ๋ถ€์—ฐ์„ค๋ช… ์ž…๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ๋ฅผ ๋Œ๋ ค๋ณด๋‹ˆ, ๊ถ๊ธˆํ•œ ์ ์ด ๋ช‡๊ฐ€์ง€ ์žˆ์œผ์‹  ๊ฒƒ ๊ฐ™์•„ ์ด์Šˆ ๋‚จ๊ฒจ๋‘ก๋‹ˆ๋‹ค. ์ดํ•ดํ•˜๋Š” ๋ฐ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์–ด์š”!

แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2020-05-14 แ„‹แ…ฉแ„’แ…ฎ 8 38 09

โœ๏ธ1. Button, Anchor Tag

๋ฒ„ํŠผ์„ ๋งŒ๋“ค์–ด์ฃผ๋ ค๋ฉด <a tag> ์•ˆ์— style ์†์„ฑ์„ ๋„ฃ๊ฑฐ๋‚˜ div ๋“ฑ์œผ๋กœ ๊ฐ์‹ธ์ฃผ์–ด ์Šคํƒ€์ผ์„ ์ž…ํžˆ๋ฉด ์‰ฌ์›Œ์š”. <a tag>๋Š” Anchor(์•ต์ปค)์˜ ์•ฝ์–ด์ด๊ณ , ๋‹ป์ด๋ผ๋Š” ๋œป์„ ๊ฐ€์ง€๊ณ  ์žˆ์–ด์š”. href ์†์„ฑ์„ ํ†ตํ•ด ์›น ํŽ˜์ด์ง€์™€ ์›น ํŽ˜์ด์ง€๋ฅผ ์„œ๋กœ ์—ฐ๊ฒฐํ•ด์ฃผ์ฃ . ์ฆ‰, ์œค์•„์”จ๊ฐ€ update ํ˜น์€ delete๋ฅผ ์ด์šฉํ•ด ํ˜„์žฌ ํŽ˜์ด์ง€(detail page)์—์„œ ๋‹ค๋ฅธ ์›น ํŽ˜์ด์ง€(edit, delete page)๋กœ ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ์„ ๊ตฌํ˜„ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, <a tag>๋ฅผ ์“ฐ๋Š”๊ฒŒ ๋งž์•„์š”. ์–ด๋–ป๊ฒŒ ๊พธ๋ฏธ๋ฉด ์ข‹์„์ง€์— ๋Œ€ํ•ด์„œ๋Š” ๋‹ค์Œ HTML, CSS, JS ์„ธ์…˜์—์„œ ์กฐ๊ธˆ ๋” ์ž์„ธํžˆ ๋ฐฐ์›Œ๋ด์šค! ๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด ์Šค์Šค๋กœ ํ•™์Šตํ•ด ๋ณด์…”๋„ ์ข‹์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ <button tag>๋Š” ์–ด๋””์— ์‚ฌ์šฉํ•˜๋Š” ์ง€๊ฐ€ ๊ถ๊ธˆํ•˜์‹ค๊ฑฐ์—์š”. ๋ฒ„ํŠผ ํƒœ๊ทธ๋Š” ํด๋ฆญํ•  ์ˆ˜ ์žˆ๋Š” ๋ฒ„ํŠผ์„ ๋งŒ๋“ค ๋•Œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. onclick event (์‚ฌ์šฉ์ž๊ฐ€ ํด๋ฆญ์„ ํ†ตํ•ด ์–ด๋–ค ์ด๋ฒคํŠธ๋ฅผ ๋ฐœ์ƒ์‹œํ‚ค๋Š” ๊ฒƒ)๊ฐ€ ํ•„์š”ํ•œ ์ƒํ™ฉ์—์„œ ๋งŽ์ด ์‚ฌ์šฉ์ด ๋ผ์š”. ๊ฐ„๋‹จํžˆ, ๋งํฌ๋ฅผ ํ†ตํ•ด ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ๋„˜์–ด๊ฐ€์•ผ ํ•  ๋•Œ์—๋Š” <a tag>๋ฅผ, ๋‹จ์ˆœํ•œ ํด๋ฆญ ์ด๋ฒคํŠธ๊ฐ€ ํ•„์š”ํ•  ๋•Œ์—๋Š” <button tag>๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜์‹œ๋ฉด ํŽธํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ์‹ค ๋ฒ„ํŠผ๊ณผ ์•ต์ปคํƒœ๊ทธ๋Š” ์ž์ฃผ ํ˜ผ์šฉ๋˜์–ด ์“ฐ์—ฌ์š”. ๊ทธ๋Ÿฐ๋ฐ ๋ฒ„ํŠผํƒœ๊ทธ๋Š” ๋ธŒ๋ผ์šฐ์ €๋งˆ๋‹ค ๊ธฐ๋ณธ ์ ์šฉ๋˜์–ด์žˆ๋Š” ์Šคํƒ€์ผ์ด ๋‹ค๋ฅด๊ธฐ๋„ ํ•˜๊ณ , ์šฐ๋ฆฌ๊ฐ€ ๊ฐœ๋ฐœ์„ ํ•  ๋•Œ, ๊ทธ๋Ÿฐ ์Šคํƒ€์ผ๋ง์„ ๋ฎ์–ด์”Œ์šฐ๊ธฐ๊ฐ€ ๊ท€์ฐฎ์•„์„œ ๋ฒ„ํŠผ์ด ํ•„์š”ํ•œ ์ˆœ๊ฐ„์—๋„ ์•ต์ปคํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. (์ž˜ ์ดํ•ด๊ฐ€ ์•ˆ ๊ฐ€์‹ค ๊ฒƒ ๊ฐ™์•„์„œ ์‚ฌ์ง„ ์ฒจ๋ถ€ํ•ด๋ด์š”!)

์šฐ๋ฆฌ๊ฐ€ Chrome ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€, ์‚ฌํŒŒ๋ฆฌ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•˜๋Š”์ง€, IE๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์ง€์— ๋”ฐ๋ผ ๊ธฐ๋ณธ ๋ฒ„ํŠผ์˜ ํ˜•์‹์ด ๋‹ค๋ฅด๋‹ค๋Š” ๋œป์ด์—์š”.
แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2020-05-14 แ„‹แ…ฉแ„’แ…ฎ 8 58 16

โœ๏ธ2. Primary Key, ID

blog.id๊ฐ€ ๋ญ˜๊นŒ์š”? ์šฐ๋ฆฌ๊ฐ€ ๋ธ”๋กœ๊ทธ์— ๊ธ€์„ ์ž‘์„ฑํ•˜๋ฉด, ๊ทธ ์ž‘์„ฑ๋œ ๊ธ€์ด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅ๋  ๋•Œ, Django์—์„œ๋Š” ์ž๋™์œผ๋กœ primary key๋ฅผ ์ƒ์„ฑํ•ด์ค๋‹ˆ๋‹ค. primary key๋ผ๋Š”๊ฑด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—์„œ ์ •๋ณด๋ฅผ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•œ ํ‚ค๋ผ๊ณ  ๋ณด์‹œ๋ฉด ๋ผ์š”. Django์—์„œ๋Š” id๋ผ๋Š” column์„ ๋งŒ๋“ค์–ด ๊ทธ id๊ฐ’์„ primary key, ์ฆ‰ ์ •๋ณด๋ฅผ ์‹๋ณ„ํ•˜๊ธฐ ์œ„ํ•œ ํ‚ค๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฑฐ์—์š”.

๊ทธ๋Ÿผ primary key ๊ฐ€ ํ•„์š”ํ•œ ์ด์œ ๋ฅผ ์ƒ๊ฐํ•ด ๋ด…์‹œ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๋ฉด ๋ฐ์ดํ„ฐ ๋ฒ ์ด์Šค์— ์ •๋ณด๊ฐ€ ์Œ“์ด๊ฒŒ ๋ผ์š”. ๊ทธ๋Ÿฐ๋ฐ ์ด ๋ฐ์ดํ„ฐ๊ฐ€ ์ ์  ์Œ“์—ฌ์„œ ๋ช‡๋งŒ, ๋ช‡์‹ญ๋งŒ๊ฐœ๊ฐ€ ๋˜์–ด๋ฒ„๋ฆฌ๋ฉด ๊ธ€์˜ ์ œ๋ชฉ์ด๋‚˜ ๋‚ด์šฉ ๋“ฑ์ด ๋˜‘๊ฐ™์€ ๊ฒƒ์ด ์ƒ๊ธธ ์ˆ˜๋„ ์žˆ๊ฒ ์ฃ ? ๊ทธ๋Ÿด ๋•Œ ์–ด๋–ค ๊ธ€์ด ์–ด๋–ค ๊ธ€์ธ์ง€ ๊ตฌ๋ถ„์„ ํ•  ํ•„์š”๊ฐ€ ์žˆ์„๊ฑฐ์—์š”. ์ด๋Ÿด๋•Œ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•œ๊ฒŒ primary key ๋ž๋‹ˆ๋‹ค.

์•„๋ž˜ ์Šคํฌ๋ฆฐ์ƒท์€ ์œค์•„์”จ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์ž…๋‹ˆ๋‹ค. ๋งจ ์•ž์— ์œค์•„์”จ๊ฐ€ ๋งŒ๋“ค์ง€ ์•Š์€ id column์ด ๋ถ™์–ด์žˆ๋Š”๊ฒŒ ๋ณด์ด์‹œ์ฃ ? ์ด๋Ÿฐ id column์ด ์กด์žฌํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ์šฐ๋ฆฌ๊ฐ€ {{blog.title}}์„ ๊ฐ€์ ธ์˜ค๋Š” ๊ฒƒ์ฒ˜๋Ÿผ, {{blog.id}}๋ฅผ ํ†ตํ•ด id ๊ฐ’์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๋Š” ๊ฑฐ์—์š”. 1,3,5,6 ๋ฒˆ์งธ id ๊ฐ’์ด ์—†๋Š”๊ฒƒ์€ ์œค์•„์”จ๊ฐ€ ์ค‘๊ฐ„์— ๊ธ€์„ ๋งŒ๋“ค๊ณ , ์ง€์› ๊ธฐ ๋•Œ๋ฌธ์ด์—์š”. ์–ด๋–ค ํ˜•์‹์ธ์ง€ ์กฐ๊ธˆ ๊ฐ์ด ์˜ค์…จ์œผ๋ฉด ์ข‹๊ฒ ๋„ค์š”!
แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2020-05-14 แ„‹แ…ฉแ„’แ…ฎ 9 11 03

โœ๏ธ3. From, Import

from ๊ณผ import๋Š” ํŒŒ์ด์ฌ ๋ฌธ๋ฒ• ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ๋ชจ๋“ˆ์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ์žˆ์œผ๋ฉด ์กฐ๊ธˆ ๋” ์•Œ๊ธฐ ์‰ฌ์šด๋ฐ, ๋ชจ๋ฅด๋Š” ๊ฒƒ์„ ๊ฐ€์ •ํ•˜๊ณ  ์„ค๋ช…ํ•ด ๋“œ๋ฆด๊ฒŒ์š”! ๋ชจ๋“ˆ์€ ์‰ฝ๊ฒŒ ๋งํ•ด์„œ ํ•˜๋‚˜์˜ ํŒŒ์ด์ฌ ํŒŒ์ผ(.pyํ˜•์‹์˜ ํŒŒ์ผ)์ž…๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ๊ธฐ๋Šฅ๋“ค์„ ํ•˜๋‚˜์˜ ํŒŒ์ด์ฌ ํŒŒ์ผ์— ๋„ฃ์–ด๋‘๊ณ , import๋ฅผ ์ด์šฉํ•ด ๊ทธ ํŒŒ์ผ์„ ํ˜ธ์ถœํ•ด ๋‹ค๋ฅธ ํŒŒ์ด์ฌ ํŒŒ์ผ์—์„œ ์‚ฌ์šฉ์„ ํ•˜๋Š”๊ฑฐ์—์š”.

์˜ˆ๋ฅผ ๋“ค์–ด, ์œค์•„์”จ๊ฐ€ views.py์—์„œ from .models import Blog๋ฅผ ์จ์ฃผ์…จ๋Š”๋ฐ, ์ด ์ฝ”๋“œ๋ฅผ ํ•ด์„ํ•˜๋ฉด ์ด ํŽ˜์ด์ง€(views.py)๊ฐ€ ์žˆ๋Š” ๋””๋ ‰ํ† ๋ฆฌ์— ์žˆ๋Š” models.py๋ฅผ ๋ถˆ๋Ÿฌ์™€์„œ, ๊ทธ ์•ˆ์˜ Blog ๋ชจ๋ธ์„ ์—ฌ๊ธฐ์—์„œ ํ˜ธ์ถœํ•ด์„œ ์“ฐ๊ฒ ๋‹ค~! ๋ผ๋Š” ๋œป์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ๋ชจ๋ธ์— Blog๋ฅผ ๋งŒ๋“ค์–ด ์คฌ์ง€๋งŒ, ๊ทธ๊ฑธ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„œ ํ˜„์žฌ ํŽ˜์ด์ง€์—์„œ ํ˜ธ์ถœ์„ ํ•ด์ฃผ๋Š” ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๊ทธ๋Ÿผ ์ด์ œ ์ด๊ฑด ๋˜ ๋ญ”์ง€ ๊ถ๊ธˆํ•ดํ•˜์‹ค ์ˆ˜๋„ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์š”! from django.shortcuts import get_object_or_404 Django์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๋‚ด์žฅ ํ•จ์ˆ˜๋“ค์ด ์žˆ์Šต๋‹ˆ๋‹ค. get_object_or_404๋Š” Django์˜ ๋‚ด์žฅ ํ•จ์ˆ˜ ์ค‘ ํ•˜๋‚˜์ด๊ณ , ์šฐ๋ฆฌ๊ฐ€ ํ•„์š”ํ•  ๋•Œ๋งˆ๋‹ค ์ด๋ ‡๊ฒŒ ํ˜ธ์ถœํ•ด์„œ ์‚ฌ์šฉ์„ ํ•˜๋ฉด ๋ผ์š”.

โœ๏ธ4. Author Issue

์œค์•„์”จ ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋ณด๋‹ˆ, ์ผ๋‹จ ์ƒˆ ๊ธ€์„ ์“ฐ๊ณ , ์ €์žฅํ•  ๋•Œ์— author๊ฐ€ ์ €์žฅ์ด ์•ˆ๋˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์–ด์š”. new ํŽ˜์ด์ง€์—์„œ input์„ ํ†ตํ•ด request๋ฅผ ๋ณด๋‚ผ ๋•Œ ๋ฌธ์ œ๊ฐ€ ์žˆ์œผ๋‹ˆ, ์ €์žฅ๋„ ๋˜์ง€ ์•Š๋Š”๊ฑฐ๊ฒ ์ฃ ? ํ•˜์ง€๋งŒ new ํŽ˜์ด์ง€๋Š” ์ž˜ ์ž‘์„ฑํ•ด ์ฃผ์…จ์–ด์š”. ๊ทธ๋Ÿผ form ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด action์ด ์ˆ˜ํ–‰๋  ๋•Œ ๋ญ”๊ฐ€ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์•„ views.py๋ฅผ ๋ณด๋‹ˆ createํ•จ์ˆ˜์—์„œ author๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์ง€ ์•Š์œผ์…จ๋”๋ผ๊ตฌ์š”! edit ํ•จ์ˆ˜๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๊ตฌ์š”. ๊ทธ๋ฆฌ๊ณ  edit ํŽ˜์ด์ง€(html)์—์„œ๋„ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ, input์„ ๋ณต์‚ฌ ๋ถ™์—ฌ๋„ฃ๊ธฐ ํ•˜๋‹ค๋ณด๋‹ˆ <input name="title">์ด ๋‘๋ฒˆ ๋ฐ˜๋ณต๋˜๊ณ  ์žˆ์—ˆ์–ด์š”. ๊ณ ์นœ ์ฝ”๋“œ๋ฅผ ๋‹ค๋ฅธ ๋ธŒ๋žœ์น˜์— ์˜ฌ๋ ค Pull Request๋ฅผ ๋‚จ๊ฒจ๋‘˜ํ…Œ๋‹ˆ, ์–ด๋–ค ๋ถ€๋ถ„์ด ๋ฐ”๋€Œ์–ด์„œ author๊ฐ€ ์ž˜ ๋ณด์ด๊ฒŒ ๋˜๋Š”๊ฑด์ง€ ํ๋ฆ„์„ ์ดํ•ดํ•ด ๋ณด์„ธ์š”.

@ddongule ddongule assigned ddongule and yuna0102 and unassigned ddongule May 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants