TIL86. WetchaPedia Project : Client-Server Model diagram

ID์งฑ์žฌยท2021๋…„ 11์›” 14์ผ
0

WeChaCha Project

๋ชฉ๋ก ๋ณด๊ธฐ
8/8
post-thumbnail

๐Ÿ“Œ ์ด ํฌ์ŠคํŒ…์—์„œ๋Š” Django ํ”„๋กœ์ ํŠธ ์ง„ํ–‰ ์ค‘ Client-Server Model diamgram์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.


๐ŸŒˆ Client-Server Model diagram


๐Ÿค” ์ฒ˜์Œ์—” ๋ฌด์—‡์„ ์˜๋ฏธํ•˜๋Š”์ง€ ๋ชฐ๋ž๋‹ค.

โœ”๏ธ Client-Server Model diagram์ด ๋ฌด์–ผ ์˜๋ฏธํ•˜๋Š”์ง€ ๋ชฐ๋ž๋‹ค. ์—ฌ๊ธฐ์ €๊ธฐ์„œ ๋งŽ์ด ๋ณด์™”๋˜ client์™€ server๊ฐ€ ๋‹จ์ˆœํžˆ request์™€ response๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ๊ทธ๋ฆผ์— ๋Œ€ํ•œ ์ดํ•ด์ธ๊ฐ€ ์‹ถ์—ˆ๋‹ค.

โœ”๏ธ ๋ฉ˜ํ† ๋‹˜๊ฒŒ ์งˆ๋ฌธ๋“œ๋ฆฌ๊ณ , ์‹ค์ œ request๊ฐ€ ์–ด๋–ค ๋ฐฉ์‹์— ์˜ํ•ด Django๊นŒ์ง€ ๋„๋‹ฌํ•˜๊ณ  ์‘๋‹ต๋˜๋Š”์ง€์— ๋Œ€ํ•œ ๋ชจ๋ธ ๊ตฌ์„ฑ๋„๋ฅผ ๊ณต๋ถ€ํ•ด์•ผ๊ฒ ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค.

๐Ÿค” Client-Server Model diagram

โœ”๏ธ ์šฐ์„  ์ตœ๋Œ€ํ•œ ๊ตฌ์ฒด์ ์œผ๋กœ ์ด ๊ณผ์ •์— ์–ด๋–ป๊ฒŒ ๋ฐœ์ƒ๋˜๊ณ  ๋งˆ์น˜๊ฒŒ๋˜๋Š”์ง€์— ๋Œ€ํ•œ ์ „์ฒด์ ์ธ ์ดํ•ด๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š” ์ •๋ง ์ข‹์€ ๊ณ„๊ธฐ๊ฐ€ ๋˜์—ˆ๋‹ค.

โœ”๏ธ ์‹œ์ž‘์€ ํด๋ผ์ด์–ธํŠธ์—์„œ request๊ฐ€ ๋ฐœ์ƒ๋  ๋•Œ, Domain Name์œผ๋กœ ์š”์ฒญํ–ˆ๋‹ค๋ฉด ํด๋ผ๋ฆฌ์–ธํŠธ์—์„œ DNS์— ์ ‘๊ทผํ•ด ์ด์— ๋Œ€ํ•œ IP์ฃผ์†Œ๋ฅผ ์ฐพ์•„ ๋‹ค์‹œ request๊ฐ€ ์ด๋ค„์ง„๋‹ค.

โœ”๏ธ ์ดํ›„ ์ด ์š”์ฒญ์€ Web Server๋กœ ์ „๋‹ฌ๋˜๋Š”๋ฐ, html,css,์ด๋ฏธ์ง€ ํŒŒ์ผ ๋“ฑ ์ •์  ์ฒ˜๋ฆฌ๋Š” ์—ฌ๊ธฐ์„œ ๋งก์•„์ค€๋‹ค.

โœ”๏ธ ๋‹ค๋งŒ, ๋™์ ์ฒ˜๋ฆฌ๋Š” Django ์„œ๋ฒ„๋กœ ์ „๋‹ฌ๋˜์–ด์•ผํ•˜๋Š”๋ฐ, Web server์—์„œ๋Š” python ์ฝ”๋“œ๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์ง€ ๋ชปํ•œ๋‹ค.

โœ”๏ธ ์ด์— WSGI๊ฐ€ ๋ฏธ๋“ค์›จ์–ด๋กœ ์ค‘๊ฐ„ ์—ญํ• ์„ํ•ด ๋™์  ์š”์ฒญ์„ Django ์„œ๋ฒ„์—์„œ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ๋„๋ก ์—ญํ• ์„ ํ•œ๋‹ค.

โœ”๏ธ ์ด์— Django ์„œ๋ฒ„๋กœ ์ „๋‹ฌ๋œ ๋™์  ์š”์ฒญ์€ url conf๋ฅผ ํ†ตํ•ด ๋ถ„์„๋˜์–ด ํ•„์š”ํ•œ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœ์‹œํ‚ค๊ณ , ์ด ํ•จ์ˆ˜์˜ ๋กœ์ง์— ๋”ฐ๋ผ DB์™€ ์กฐ์œจํ•˜๊ณ  ํด๋ผ์ด์–ธํŠธ์— ์‘๋‹ตํ•˜๊ฒŒ๋˜๋Š” ๊ณผ์ •์ด๋‹ค.

๐Ÿค” ๋Š๋‚€์ 

โœ”๏ธ ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„ ํ†ต์‹ ์— ์žˆ์–ด ์„œ๋กœ request์™€ response ๊ทธ๋ฆผ๋งŒ ๋ณด๋‹ค๋ณด๋‹ˆ, ์•Œ์•„์„œ ๋˜๋Š” ์ค„ ์•Œ๊ณ  ์ด ๊ณผ์ •์— ๋Œ€ํ•ด์„œ ๊นŠ๊ฒŒ ์ƒ๊ฐํ•ด๋ณด๋ ค๋Š” ๋…ธ๋ ฅ์ด ์—†์—ˆ๋˜ ๋‚ด๊ฐ€ ๋ถ€๋„๋Ÿฝ๋‹ค.

โœ”๏ธ ํ˜„์žฌ ๋ฐฐํฌ๊ฐ€ ๋œ ์ƒํƒœ์—์„œ ์ „์ฒด์ ์ธ ์‹œ์•ผ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๊ฒŒ ๋˜์–ด, ํ†ต์‹  ๊ณผ์ •์— ์žˆ์–ด ๋” ๊นŠ์€ ๋ฐฐ์›€์ด ๋˜์—ˆ๊ณ , ๋„คํŠธ์›Œํฌ ๊ณต๋ถ€์— ๋Œ€ํ•œ ์ฆ๊ฑฐ์›€์„ ๋Š๊ผˆ๋‹ค.

โœ”๏ธ ๊ทธ ๊ธฐ๋Šฅ์„ ์‹ค์ œ ์–ด๋””๊นŒ์ง€, ์–ด๋–ป๊ฒŒ ์ดํ•ดํ•˜๋Š๋ƒ์— ๋Œ€ํ•œ ๊ณต๋ถ€๋Š” ์ฐธ ์ค‘์š”ํ•œ๊ฑฐ ๊ฐ™๋‹ค. "์ด๋ ‡๊ฒŒํ•˜๋ฉด ๋œ๋‹ค."๋ผ๊ณ  ์‰ฝ๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ๋„˜์–ด๊ฐ”๋˜ ๊ฒƒ๋“ค์— ๋Œ€ํ•ด ๋” ๊ถ๊ธˆ์ฆ์„ ๊ฐ€์ ธ๋ด์•ผ ๊ฒ ๋‹ค.

profile
Keep Going, Keep Coding!

0๊ฐœ์˜ ๋Œ“๊ธ€