๐Ÿคต๐Ÿผ์–•๊ณ  ์–•์€ ๊ฐœ๋ฐœ์ž์˜ ํฌํŠธํด๋ฆฌ์˜ค ๋งŒ๋“ค๊ธฐ 1๐Ÿคต๐Ÿผ

๋ฌธ์„ยท2021๋…„ 3์›” 14์ผ
0

๐Ÿ’ฅ ํฌํŠธํด๋ฆฌ์˜ค๊ฐ€ ์žˆ์–ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์€๋ฐ...

๊ฐœ๋ฐœ์ž์—๊ฒŒ ํฌํŠธํด๋ฆฌ์˜ค(์ดํ•˜ ํฌํด)์€ ํ•„์ˆ˜๋‹ค. ์–ด๋Š ์ •๋„ ๊ทœ๋ชจ ์žˆ๋Š” ๊ธฐ์—…, ์˜ˆ๋ฅผ ๋“ค๋ฉด ๋Œ€๊ธฐ์—… ์‹ ์ž… ๊ณต์ฑ„๋ผ๋“ ๊ฐ€.. ๋ฅผ ์ œ์™ธํ•˜๋ฉด ํฌํด PT๋Š” ์•…๋ชฝ์ด๋‹ค ์ ์–ด๋„ ๋‚˜์—๊ฒ. ํŠน์ถœ๋‚œ ๋ถ„์•ผ, ์›”๋“ฑํ•œ ๊ธฐ์ˆ  ์Šคํƒ ๋“ฑ๋“ฑ ๋‚œ ์•„๋ฌด๊ฒƒ๋„ ์—†๋‹ค. ๊ทธ๋ž˜๋„ ํฌํด์€ ์žˆ์–ด์•ผํ•œ๋‹ค. ็„ก์—์„œ ๆœ‰๋ฅผ ์ฐฝ์กฐํ•˜๋Š” ์ •์‹ ์ด ํ•„์š”ํ•˜๋‹ค.
๊ทผ๋ฐ ๋˜ ๊ฐœ๋ฐœ์ž๋“ค์ด ํฌํด์„ ํ‰๋ฒ”ํ•˜๊ฒŒ ๋งŒ๋“ค๋ฆฌ๊ฐ€ ์—†๋‹ค. Form Follows Function <- ํ•œ๊ตญ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋งŒ๋“  ์›น์‚ฌ์ดํŠธ์ธ๋ฐ ์ด๊ฒƒ๋งŒ ๋ด๋„ ๋›ฐ๋Š” ๋†ˆ ์œ„์— ๋‚˜๋Š” ๋†ˆ ์žˆ๊ณ  ๋‚˜๋Š” ๋†ˆ์€ ๋‚ ๊ฐœ์— ํŠœ๋‹๊นŒ์ง€ํ•œ๋‹ค. ๋‚˜๋„ ๋ฆฝ๋ฐค ์ •๋„๋Š” ๋ฐœ๋ผ์•ผ ํ•  ๊ฒƒ ๊ฐ™์•„ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๋งŒ๋“ค์–ด๋ด์•ผ๊ฒ ๋‹ค.

๐Ÿ’ป Web์œผ๋กœ ๋งŒ๋“ค์–ด๋ณด์ž.

์›น์œผ๋กœ ์ œ๊ณต๋˜๋Š” ํฌํŠธํด๋ฆฌ์˜ค๋Š” ๊ทธ๋ƒฅ ์ข‹๋‹ค. ์ธํ„ฐ๋„ท๊ณผ ์ฃผ๋‘ฅ์ด๋งŒ ์žˆ์œผ๋ฉด ๋ฉด์ ‘ ์ค€๋น„๋Š” ๋์ด๋‹ค. ์ด๋งŒํ•œ ์ ‘๊ทผ์„ฑ๊ณผ ํŽธ์˜์„ฑ์ด ์—†๋‹ค. ๋‹ค๋ฅธ ์•„์ด๋””์–ด๋‚˜ ๊ธฐ์ˆ ์ด ์—†๋Š” ๊ฒƒ ๋˜ํ•œ ๋งž๋‹ค.
๋‚œ ํ”„๋ก ํŠธ์—”๋“œ ์ „๋ฌธ ๊ฐœ๋ฐœ์ž๋Š” ์•„๋‹ˆ์ง€๋งŒ React๋ฅผ ์กฐ๊ธˆ ์•Œ๊ณ , ๋ฐฑ์—”๋“œ ์ „๋ฌธ ๊ฐœ๋ฐœ์ž๋Š” ์•„๋‹ˆ์ง€๋งŒ Django,Springboot,Node.js๋ฅผ ์กฐ๊ธˆ ์•ˆ๋‹ค. ๊ทธ๋Ÿผ ์ผ๋‹จ React๋ฅผ ์“ฐ๊ณ  (์†”์งํžˆ ์Œฉ๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๊ณ ๋ฏผํ•จ) ๋ฐฑ ๋‹จ์—๋Š” Node.js๊ฐ€ ํŽธํ•˜๊ฒ ์ง€๋งŒ ๊ทธ ์กฐํ•ฉ์€ ์˜ˆ์ „์— ๋งŒ์ ธ๋ดค์œผ๋‹ˆ Django๋ฅผ ๋ถ™์—ฌ๋ณด์ž. ์†”์งํžˆ ํฌํด์— ์„œ๋ฒ„๊ฐ€ ๊ตณ์ด ์žˆ์–ด์•ผ ํ•  ์ด์œ ๋Š” ์—†๋‹ค. ํ•˜์ง€๋งŒ ์žˆ์–ด์•ผ ํ•  ์ด์œ ๋Š” ๋‚˜์ค‘์— ๋งŒ๋“ค ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค. ์žฌ๋ฏธ์žˆ๋Š” ๊ฒƒ๋“ค์„ ๋ถ™์—ฌ ๋ณผ ์ˆ˜ ์žˆ๊ฒ ์ง€.

๐Ÿ” ์•„๋งž๋‹ค ์„œ๋ฒ„.

๊ทผ๋ฐ ์›น ๋งŒ๋“ค๋ฉด ์–ด๋””๋‹ค ์˜ฌ๋ฆฌ๋ƒ. ec2, gcp? ์œ ๋ฃŒ๋‹ค. ๋‚ด ์ปด? ์œ ๋ฃŒ๋‹ค. ๋‚ด๊ฐ€ ์•„๋Š” ๋ฌด๋ฃŒ ํ˜ธ์ŠคํŒ… ์„œ๋น„์Šค๊ฐ€ heroku, pythonenywhere๊ฐ€ ์žˆ๋‹ค. ๋‘˜ ๋‹ค ์จ๋ดค๋Š”๋ฐ pythoneneywhere์€ ๊ณผ๊ธˆํ•ด์„œ ์—…๊ทธ๋ ˆ์ด๋“œ ์•ˆํ•˜๋ฉด ์ œํ•œ๋˜๋Š”๊ฒŒ ๋„ˆ๋ฌด ๋งŽ๋‹ค. ํ˜ธ์ŠคํŒ… ์„œ๋ฒ„์—์„œ ์™ธ๋ถ€ ๋„๋ฉ”์ธ ์ ‘๊ทผ๋„ ๋ชปํ•œ๋‹ค. heroku๋Š”? ๋œ๋‹ค. ๋‹จ, ์‚ด์ง ๋Š๋ฆฌ๋‹ค. ์ด์œ ๋Š” ์„œ๋ฒ„๊ฐ€ ๋ฏธ๊ตญ, ์œ ๋Ÿฝ์ธ๋ฐ๋‹ค๊ฐ€ 15๋ถ„ ๋™์•ˆ reques๊ฐ€ ์—†์œผ๋ฉด ์ฃผ๋ฌด์‹ ๋‹ค. ๊ทธ๋ž˜์„œ 14๋ถ„ ๋งˆ๋‹ค ๊นจ์šฐ๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ๋‹ค. ์ถ”ํ›„์— ์„ค๋ช….

react + django + heroku ์กฐํ•ฉ์œผ๋กœ ๋งŒ๋“ค์–ด๋ณด์ž

https://whoami-moonseok.herokuapp.com/

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