์ฑ„๋„ํ†ก ์•„์ด์ฝ˜
BEST

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ ํ’€์Šคํƒ(feat. Node.js, React, MongoDB, AWS)

โ€˜์ด๋ฏธ์ง€์™€ ๊ฐ™์€ ํŒŒ์ผ๋“ค์„ ์–ด๋””์— ์–ด๋–ป๊ฒŒ ์ €์žฅํ•ด์•ผ ๋˜์ง€? ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ์ €์žฅ? ์•„๋‹ˆ๋ฉด ์„œ๋ฒ„ ํ•˜๋“œ๋””์Šคํฌ? ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์„œ๋ฒ„ ๋ถ€ํ•˜๋ฅผ ์ค„์ผ ์ˆ˜ ์žˆ์„๊นŒ? ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ๋ฒ„๋ฒ…๊ฑฐ๋ฆผ ์—†์ด ๋งŽ์€ ์ด๋ฏธ์ง€๋“ค์„ ๋น ๋ฅด๊ฒŒ ๋ถˆ๋Ÿฌ์˜ฌ ์ˆ˜ ์žˆ์„๊นŒ? AWS S3? CDN?! ๋‹จ์ˆœํžˆ ์ด๋ฏธ์ง€๋ฅผ ์ €์žฅํ•˜๊ณ  ๋ถˆ๋Ÿฌ์˜ค๊ณ  ์‹ถ์€๋ฐ ์™œ ์ด๋ ‡๊ฒŒ ์š”์†Œ๋“ค์ด ๋งŽ์€ ๊ฑธ๊นŒ? ์–ด๋–ค ์š”์†Œ๋“ค์ด ๋ฌด์Šจ ์—ญํ• ์„ ํ•˜๊ณ  ์–ด๋–ป๊ฒŒ ์กฐํ•ฉํ•ด์•ผ ๋ ๊นŒ?โ€™ ์ด๋ฏธ์ง€ ํŒŒ์ผ ๊ด€๋ จ ํ•„์š”ํ•œ ์š”์†Œ๋“ค์„ ํ’€์Šคํƒ์œผ๋กœ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ •์ œํ•ด์„œ ๊ฐ€๋ฅด์ณ๋“œ๋ฆฝ๋‹ˆ๋‹ค :)

๋‚ ๊ฐœ ๋‹ฌ๋ฆฐ ๋™์ „

๊ฐ•์˜๋ฅผ ํ™๋ณด ๋งํฌ๋กœ ๊ณต์œ ํ•˜๋ฉด, ํŒ๋งค ์ˆ˜์ต์˜ ์ตœ๋Œ€ 25%๋ฅผ ๋ฐ›์„ ์ˆ˜ ์žˆ์–ด์š”!

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • AWS S3, CloudFront, presignedUrl

  • ์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ง• & AWS Lambda

  • IntersectionObserver๋ฅผ ์ด์šฉํ•œ Infinite Scroll

  • Session ๊ธฐ๋ฐ˜ Authentication & Authorization

  • Node.js, Express

  • React, React Hooks

  • MongoDB

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ ๋…ธํ•˜์šฐ๋ฅผ ๋‚ด ์†์—! ๐Ÿ’พ
์žฌ๋ฏธ์žˆ๋Š” ํ’€์Šคํƒ ์˜ˆ์ œ๋กœ ํ•จ๊ป˜ํ•˜์„ธ์š”.

node.js(๋…ธ๋“œ), mongodb(๋ชฝ๊ณ db), react(๋ฆฌ์•กํŠธ), amazon web services(์•„๋งˆ์กด ์›น ์„œ๋น„์Šค)


์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๊ฐ€
์„œ๋น„์Šค ์™„์„ฑ๋„๋ฅผ ์ขŒ์šฐํ•œ๋‹ค๊ณ ์š”?

์ด๋ฏธ์ง€ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋„ˆ๋ฌด ๋А๋ฆฌ๋‹ค๋ฉด?

์„œ๋น„์Šค ์‚ฌ์šฉ์„ฑ์„ ํ•ด์น˜๊ณ , ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์— ์น˜๋ช…์ ์ด๊ฒ ์ฃ .

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๋ฅผ ๋‘˜๋Ÿฌ์‹ผ ์ˆ˜๋งŽ์€ ๊ณ ๋ฏผ๋“ค ๐Ÿค”

  • ์ด๋ฏธ์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ์ „์†กํ•˜๊ณ  ์ฃผ๊ณ ๋ฐ›์„ ์ˆ˜ ์žˆ์„๊นŒ์š”?
  • ์ด๋ฏธ์ง€๋ฅผ ๊ฐ๊ฐ ์„œ๋ฒ„ / ๋ฐฑ์—”๋“œ / ํด๋ผ์šฐ๋“œ์— ์ €์žฅํ•˜๋ฉด ์–ด๋–ค ์ฐจ์ด๊ฐ€ ๋‚ ๊นŒ์š”? 
  • ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œํ•  ๋•Œ ํŒŒ์ผ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋‚˜ ๋กœ๋”ฉ ํ˜„ํ™ฉ์„ ๋ณด์—ฌ์ค„ ์ˆ˜๋Š” ์—†์„๊นŒ์š”?
  • ํŽ˜์ด์ง€๋„ค์ด์…˜, ๋ฌดํ•œ ์Šคํฌ๋กค ๊ตฌํ˜„๋„ ํ•ด์•ผ ํ•˜๋Š”๋ฐ...

์†๋„์™€ ํ™•์žฅ์„ฑ
๋‘˜ ๋‹ค ๋†“์น  ์ˆ˜ ์—†์–ด์š”.

์›น์ด๋‚˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ๋•Œ ๊ฐœ๋ฐœ์ž๋“ค์ด ์›ํ•˜๋Š” ๊ฑด ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ์–ด์š”.

์ฒซ์งธ, ๋นจ๋ผ์•ผ ํ•ฉ๋‹ˆ๋‹ค.

10๋…„์—ฌ ์ „ ์•„๋งˆ์กด์—์„œ ๋ฐœํ‘œํ•œ ์ž๋ฃŒ์— ๋”ฐ๋ฅด๋ฉด ๋กœ๋”ฉ ์†๋„๊ฐ€ 100ms ๋Š˜์–ด๋‚  ๋•Œ๋งˆ๋‹ค ๋งค์ถœ์— 1%์”ฉ์˜ ์†์‹ค์ด ๋ฐœ์ƒํ–ˆ๋‹ค๊ณ  ํ•ด์š”. ์•„๋งˆ์กด ๊ฐ™์€ ๋Œ€๊ธฐ์—… ์ž…์žฅ์—์„œ 1%๋ผ๋ฉด ์—„์ฒญ๋‚œ ์†์‹ค์ด์ฃ .

๋‘˜์งธ, ํ™•์žฅ์„ฑ์ด ์ข‹์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์„œ๋น„์Šค ์‚ฌ์šฉ์ž ์ˆ˜๊ฐ€ ๋Š˜์–ด๋‚œ๋‹ค๊ณ  ํ•ด์„œ ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋А๋ ค์ง„๋‹ค๋ฉด ์˜๋ฏธ๊ฐ€ ์—†๊ฒ ์ฃ ? ๋ˆ„๊ตฌ๋‚˜ ์ •๋ง ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ์‚ฌ์šฉํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์–ดํ•˜๋‹ˆ๊นŒ์š”.


์—ฌ๊ธฐ์„œ ์ด๋ฏธ์ง€์™€ ๊ฐ™์€ ํŒŒ์ผ๋“ค์€ ์†๋„์™€ ํ™•์žฅ์„ฑ์— ๋งค์šฐ ํฐ ์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ์žˆ์–ด์š”. ์œ„์—์„œ ์‚ดํŽด๋ณธ ๊ฒƒ์ฒ˜๋Ÿผ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์ž์ฒด๋Š” ๋‹ค ๋๋Š”๋ฐ, ๋ง‰์ƒ ์ด๋ฏธ์ง€๋ฅผ ๋น ๋ฅด๊ฒŒ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ•˜๊ณ  ๋ฒ„๋ฒ…๊ฑฐ๋ ค์„œ ๋‹ต๋‹ตํ–ˆ๋˜ ์ ์ด ์žˆ์œผ์…จ์„ ๊ฑฐ์˜ˆ์š”. ์ด๋ฏธ์ง€์™€ ๊ฐ™์€ ํŒŒ์ผ์„ ํšจ๊ณผ์ ์œผ๋กœ ๋‹ค๋ฃจ์ง€ ๋ชปํ•˜๋ฉด ๋‹ค๋ฅธ ๋ฐฑ์—”๋“œ/ํ”„๋ก ํŠธ์—”๋“œ ์š”์†Œ์— ๋น„ํ•ด ์ดˆ๋ฐ˜๋ถ€ํ„ฐ ๊ธˆ๋ฐฉ ํ‹ฐ๊ฐ€ ๋‚ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ž˜๋ชปํ•˜๋ฉด ๋ฉ”์ธ ๋ฐฑ์—”๋“œ ์„œ๋ฒ„์— ๋ถˆํ•„์š”ํ•˜๊ฒŒ ํฐ ๋ถ€ํ•˜๋ฅผ ์ค„ ์ˆ˜๋„ ์žˆ์–ด์š”.

๊ทผ๋ณธ์ ์ธ ์›์ธ์„ ์ƒ๊ฐํ•ด๋ณผ๊นŒ์š”? ์ด๋ฏธ์ง€ ํŒŒ์ผ์€ ์šฉ๋Ÿ‰์ด ๋งค์šฐ ํฝ๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ๊ฐ€ ๋ฐฑ์—”๋“œ์— ํ˜ธ์ถœํ•  ๋•Œ ๋ฐ›๋Š” ๋ฐ์ดํ„ฐ ์–‘์€ ํฌ๋”๋ผ๋„ ํ‚ฌ๋กœ๋ฐ”์ดํŠธ(KB) ๋‹จ์œ„์ธ๋ฐ์š”. ์ด๋ฏธ์ง€ ๊ฐ™์€ ํŒŒ์ผ์€ ์ˆ˜์‹ญ ๋ฉ”๊ฐ€๋ฐ”์ดํŠธ(MB)๊นŒ์ง€๋„ ๊ฐˆ ์ˆ˜ ์žˆ์–ด์š”. ์ด๋ ‡๊ฒŒ ํฐ ์ด๋ฏธ์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋‹ˆ ์„œ๋น„์Šค๊ฐ€ ๋А๋ ค์งˆ ์ˆ˜๋ฐ–์— ์—†์ฃ .

๊ทธ๋ž˜์„œ, ์ด๋ฏธ์ง€ ํŒŒ์ผ์„ ์ž˜ ์ฒ˜๋ฆฌํ•˜๊ณ  ๊ด€๋ฆฌํ•˜๋Š” ๊ฒŒ ์„œ๋น„์Šค ๊ฐœ๋ฐœ์— ๋ฌด์ฒ™ ์ค‘์š”ํ•œ ์š”์ธ์ด๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ์–ด์š”.


์ง์ ‘ ๊ฒช์œผ๋ฉด์„œ ๋А๋‚€
๋…ธํ•˜์šฐ๋ฅผ ์•Œ๋ ค๋“œ๋ ค์š”.

์ œ๊ฐ€ ์˜ˆ์ „์— ์ด์ปค๋จธ์Šค ๊ฐœ๋ฐœ์„ ํ–ˆ์—ˆ์„ ๋•Œ ์ด ๋ฌธ์ œ๋ฅผ ์ œ๋Œ€๋กœ ๊ฒฝํ—˜ํ–ˆ์–ด์š”. ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์‹œ๊ฐ„์ด ์ƒ๋‹นํžˆ ๊ธธ์–ด์„œ ๋ฌธ์ œ๊ฐ€ ๋œ ์ ์ด ์žˆ๋Š”๋ฐ์š”. ์กฐ์‚ฌํ•ด ๋ณด๋‹ˆ ๋””์ž์ด๋„ˆ๋“ค์ด ์˜ฌ๋ฆฌ๋Š” ์ƒ์„ธ ์ด๋ฏธ์ง€๋Š” ๋ฌผ๋ก , ๊ณ ๊ฐ๋“ค์ด ํ›„๊ธฐ์— ์˜ฌ๋ฆฌ๋Š” ์ด๋ฏธ์ง€๊นŒ์ง€ ํ•˜๋‚˜ํ•˜๋‚˜ ์šฉ๋Ÿ‰์ด ๊ฝค ๋‚˜๊ฐ€๋”๋ผ๊ตฌ์š”.

์•„๋ฌด๋ฆฌ DB์™€ ๋ฐฑ์—”๋“œ๋ฅผ ์ตœ์ ํ™”ํ•ด๋„ ์˜๋ฏธ๊ฐ€ ์—†์—ˆ์–ด์š”. ์ด๋ฏธ์ง€ ๋กœ๋”ฉ์ด ๋ณ‘๋ชฉ์ด ๋œ ๊ฑฐ์ฃ . ์ž์‚ฌ๋ชฐ์„ ์ƒˆ๋กœ ๊ตฌ์ถ•ํ•˜๋ฉด์„œ ์ด ๋ฌธ์ œ๋ฅผ ์ตœ์ ์˜ ๋ฐฉ๋ฒ•์œผ๋กœ ํ•ด๊ฒฐํ–ˆ์–ด์š”.

๊ทธ๋Ÿฐ๋ฐ ์˜์™ธ๋กœ ์ฃผ๋ณ€์—๋„ ์ด ํ•ด๊ฒฐ์ฑ…์„ ์™„๋ฒฝํ•˜๊ฒŒ ๋ชจ๋ฅด๋Š” ๋ถ„๋“ค์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ๋ถ€๋ถ„์ ์œผ๋กœ ํ•ด๊ฒฐ์ฑ…์„ ๊ตฌ์ถ•ํ•˜์‹  ๋ถ„๋“ค์€ ๋งŽ์ง€๋งŒ AWS Lambda๋ฅผ ํ™œ์šฉํ•œ Resizing, ๊ทธ๋ฆฌ๊ณ  ํŠนํžˆ AWS S3 presignedUrl ๊ธฐ๋Šฅ์„ ๋ชจ๋ฅด์‹œ๋Š” ๋ถ„๋“ค์ด ๋งŽ๋”๋ผ๊ตฌ์š”. ์ธํ”„๋ผ๋ฅผ ํ•œ๋ฒˆ ์ œ๋Œ€๋กœ ๊ตฌ์ถ•ํ•˜๋ฉด ๋˜๋Š”๋ฐ์š”, ๋ฌธ์ œ๋Š” ๊ท€์ฐฎ์€ ๊ณผ์ •์ด ๋งŽ๊ณ  ์ž˜๋ชปํ•˜๋ฉด ํด๋ผ์šฐ๋“œ ๋ณด์•ˆ์— ์ทจ์•ฝํ•ด์งˆ ์ˆ˜๋„ ์žˆ์–ด์š”. ์ •๋ณด๋ฅผ ์ฐพ์•„๋ณด๋ ค๊ณ  ํ•ด๋„ ๋“œ๋ฌธ๋“œ๋ฌธ ํฉ์–ด์ ธ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ฒ˜์Œ์—๋Š” ํŒŒ์•…ํ•˜๊ธฐ๋„ ์‰ฝ์ง€ ์•Š๊ณ ์š”. ์ด๋ ‡๊ฒŒ ํŒŒํŽธํ™”๋œ ์ •๋ณด๋“ค์„ ํ•˜๋‚˜์˜ ์ •์ œ๋œ ์ž๋ฃŒ๋กœ ๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค ์‹ถ์–ด ๊ฐ•์˜๋ฅผ ๋งŒ๋“ค๊ธฐ๋กœ ๊ฒฐ์‹ฌํ–ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์ด๋ฒˆ ๊ฐ•์˜๋Š” ํด๋ผ์šฐ๋“œ๋Š” ๋ฌผ๋ก  ๋ฐฑ์—”๋“œ/ํ”„๋ก ํŠธ์—”๋“œ๊นŒ์ง€ ํ’€์Šคํƒ์œผ๋กœ ์ œ์ž‘๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹จ, ํ’€์Šคํƒ ์ž์ฒด์— ์ดˆ์ ์„ ๋‘” ๊ฐ•์˜๋Š” ์•„๋‹™๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๋ฅผ ์ œ๋Œ€๋กœ ํ•˜๋ ค๋ฉด ํ”„๋ก ํŠธ์—”๋“œ - ๋ฐฑ์—”๋“œ - ์ธํ”„๋ผ(ํด๋ผ์šฐ๋“œ) ๋ชจ๋‘ ์‹ ๊ฒฝ์จ์•ผ ํ•  ๋ถ€๋ถ„์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์—, ๊ตฌ์กฐ๋ฅผ ์ œ๋Œ€๋กœ ํŒŒ์•…ํ•˜๋Š” ์ฐจ์›์—์„œ ํ’€์Šคํƒ ๊ฐ•์˜๋กœ ์ œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š ์ดˆ์ ์€ ์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๋ผ๋Š” ๊ฑธ ๋ช…์‹ฌํ•ด์ฃผ์„ธ์š”!


์ด ๊ฐ•์˜๋งŒ์˜
ํŠน์ง•์„ ์•Œ๋ ค๋“œ๋ ค์š”.

Backend + Frontend + Infra = Fullstack

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ์˜
๋ชจ๋“  ๊ฒƒ์„ ๋‹ค๋ฃจ๋Š”
ํ’€์Šคํƒ ๊ฐ•์˜!

์‹ค์ „์— ๋งž๋Š”
๋ฌธ์ œ ํ•ด๊ฒฐ๋ ฅ์„
๊ธธ๋Ÿฌ๋“œ๋ ค์š”.

ํ•ต์‹ฌ ์ค‘์‹ฌ!
๊ผญ ํ•„์š”ํ•œ ๋‚ด์šฉ๋งŒ
์ปดํŒฉํŠธํ•˜๊ฒŒ.

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ์— ์ดˆ์ ์„ ๋งž์ถ˜ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด ๊ฐ•์˜๋Š” ๋ฐฑ์—”๋“œ, ํ”„๋ก ํŠธ ๊ทธ๋ฆฌ๊ณ  ์ธํ”„๋ผ(ํด๋ผ์šฐ๋“œ)๊นŒ์ง€ ๋‹ค๋ฃจ๋Š” ํ’€์Šคํƒ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ๊ฐ•์˜์—์„œ ์‚ฌ์šฉ๋˜๋Š” ๊ธฐ์ˆ ๋“ค์€ ๊ฐœ๋…๋“ค์„ ์„ค๋ช…ํ•ด๋“œ๋ฆฌ๋ ค๊ณ  ๋…ธ๋ ฅํ•˜์ง€๋งŒ ์ดˆ์ ์€ โ€˜์ด๋ฏธ์ง€ ๊ด€๋ฆฌโ€™๋ผ๋Š” ๊ฑธ ๋ช…์‹ฌํ•ด์ฃผ์„ธ์š”.

๊ฐ•์˜์—์„œ๋Š” ๋…ธ๋“œ(Node.js), ๋ชฝ๊ณ (MongoDB), ๋ฆฌ์•กํŠธ(React) ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ์ˆ ๋“ค์„ ์‚ฌ์šฉํ•˜๋Š”๋ฐ์š”. ์„œ๋น„์Šค ๊ฐœ๋ฐœ์— ์ž…๋ฌธํ•˜์‹œ๋Š” ๋ถ„๋“ค์—๊ฒŒ๋„ ์ „์ฒด์ ์ธ ํ’€์Šคํƒ ํ๋ฆ„์„ ๋ณด๊ธฐ์— ์ข‹๋‹ค๊ณ  ์ƒ๊ฐํ•ด์š” ๐Ÿ™‚

์ž‘์€ ๋ฌธ์ œ๋ถ€ํ„ฐ ํฐ ๋ฌธ์ œ๊นŒ์ง€ ํ•ด๊ฒฐํ•ด๋ณด์„ธ์š”.

ํ•ด๊ฒฐ์‚ฌ ์—ญํ• ์„ ํ•˜๋Š” ํ›Œ๋ฅญํ•œ ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ๋ฌธ์ œ์˜ ์›์ธ์„ ์ œ๋Œ€๋กœ ํŒŒ์•…ํ•˜๊ณ  ์ฃผ์–ด์ง„ ์‹œ๊ฐ„(์ž์›)์œผ๋กœ ๊ทธ์— ๋งž๋Š” ์ตœ์ ์˜ ํ•ด๊ฒฐ์ฑ…์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์•ผ ํ•ด์š”. ๋”ฐ๋ผ์„œ ๋‹จ์ˆœํžˆ ํ•ด๊ฒฐ์ฑ…์„ ์•”๊ธฐํ•˜๋“ฏ ๋ฐฐ์šฐ๋Š” ๊ฑด ์˜๋ฏธ๊ฐ€ ์—†์–ด์š”.

๋Œ€ํ‘œ์ ์ธ ์˜ˆ์‹œ๋กœ ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜(Microservice Architecture, MSA)๊ฐ€ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์š”. ์—ฌ๊ธฐ์ €๊ธฐ์„œ ์‚ฌ์šฉํ•˜๊ณ  ์ข‹๋‹ค๋Š” ์–˜๊ธฐ๋ฅผ ๋“ฃ๊ณ  ๋ง‰์—ฐํ•˜๊ฒŒ ์‹œ์ž‘ํ•˜๋Š” ์„œ๋น„์Šค์— ๋„์ž…ํ•˜๋ฉด ์žฌ์•™์ด ์˜ฌ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค... ์ •ํ™•ํžˆ ์™œ ํ•„์š”ํ•œ์ง€๋„ ์ž˜ ๊ณต๊ฐ์ด ์•ˆ ๋  ๊ฑฐ๊ตฌ์š”. ์˜คํžˆ๋ ค ์—ญํšจ๊ณผ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. 

๊ทธ๋ž˜์„œ ์ด ๊ฐ•์˜์—์„œ๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ ์™„๋ฒฝํ•œ ํ•ด๊ฒฐ์ฑ…์„ ๊ฐ€๋ฅด์ณ๋“œ๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„๋“ค์ด ๊ณต๊ฐํ•  ์ˆ˜ ์žˆ๋Š” ์ž‘์€ ๋ฌธ์ œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•  ๊ฑฐ์˜ˆ์š”. ๊ทธ๋ฆฌ๊ณ  ์ฐจ์ฐจ ๋‚œ์ด๋„๋ฅผ ํ•˜๋‚˜์”ฉ ์˜ฌ๋ฆฌ๋ฉด์„œ ๊ถ๊ทน์˜ ๋ฌธ์ œํ•ด๊ฒฐ๋ฒ•์„ ๋ณด์—ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ๊ด€๋ฆฌ์˜ ํ•ต์‹ฌ์„ ๋‹ด์•˜์Šต๋‹ˆ๋‹ค.

์ด ๊ฐ•์˜์—์„œ๋Š” ์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๋ฅผ ์•Œ๋ ค๋“œ๋ฆฌ๋Š” ๋ฐ ์žˆ์–ด ๊ผญ ํ•„์š”ํ•œ ๊ธฐ์ˆ ๋งŒ ๋‹ค๋ฃน๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด CSS framework๋ฅผ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ ์ง์ ‘ ์Šคํƒ€์ผ๋ง์„ ํ•˜๋ฉด ์˜ˆ์œ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒ ์ฃ ? ๊ทธ๋ ‡์ง€๋งŒ ์ด๋ฏธ์ง€ ๊ด€๋ฆฌ๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ฒƒ๊ณผ๋Š” ์ „ํ˜€ ๋ฌด๊ด€ํ•˜๊ธฐ ๋•Œ๋ฌธ์—, ๋””์ž์ธ์ด ํˆฌ๋ฐ•ํ•˜๋”๋ผ๋„ ์ •๋ง ์ตœ์†Œํ•œ์˜ ์Šคํƒ€์ผ๋ง๋งŒ ์ ์šฉํ–ˆ์–ด์š”. ๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ ์•Œ์ฐฌ ํ•ต์‹ฌ ํ•„์ˆ˜ ๋…ธํ•˜์šฐ๋ฅผ ๋ฐฐ์›Œ๋ณด์„ธ์š”!


์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š”
์›น ํ˜น์€ ๋ชจ๋ฐ”์ผ ์•ฑ
๊ฐœ๋ฐœํ•˜๊ณ  ์‹ถ์€ ๋ถ„

ํ’€์Šคํƒ ๊ฐœ๋ฐœ์„
ํ•œ๋ฒˆ ๊ฐ€๋ณ๊ฒŒ
๋ง›๋ณด๊ณ  ์‹ถ์€ ๋ถ„

AWS(์•„๋งˆ์กด ์›น ์„œ๋น„์Šค)
ํด๋ผ์šฐ๋“œ๋ฅผ
ํ™œ์šฉํ•ด๋ณด๊ณ  ์‹ถ์€ ๋ถ„

์ด๋ฏธ์ง€ ๋“ฑ
๊ณ ์šฉ๋Ÿ‰ ํŒŒ์ผ ๊ด€๋ฆฌ๋ฅผ
์ œ๋Œ€๋กœ ํ•˜๊ณ  ์‹ถ์€ ๋ถ„


์žฌ๋ฏธ์žˆ๋Š” ์˜ˆ์ œ๋กœ
๋”ฐ๋ผํ•˜๋ฉฐ ๋ฐฐ์›Œ๋ณด์„ธ์š”.

์‚ฌ์ง„์„ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ๊ฐ„๋‹จํ•œ ์‚ฌ์ง„์ฒฉ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด ํด๋ผ์šฐ๋“œ์— ๋ฐฐํฌ๊นŒ์ง€ ํ•˜๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.
๋งŽ์€ ์ด๋ฏธ์ง€๋„ ๊ฑฐ๋œฌํ•˜๊ฒŒ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์›น์•ฑ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๋”ฐ๋ผ ๊ตฌํ˜„ํ•ด๋ณด์„ธ์š”!

๊ฐ•์˜๋ฅผ ๋”ฐ๋ผ ๋ฐฐ์›Œ๋ณด์„ธ์š”!

โœ… Multer๋ฅผ ํ™œ์šฉํ•œ, ์ œ์ผ ๊ธฐ๋ณธ์ธ ์ด๋ฏธ์ง€ ์ €์žฅ
โœ… ์„ธ์…˜ ๊ธฐ๋ฐ˜ ์ธ์ฆ ์ธ๊ฐ€ ๋ฐ ์‚ฌ์ง„์ฒฉ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ
โœ… ์ฒ˜์Œ ๋งŒ๋‚˜๋Š” MongoDB์˜ ๋งค๋ ฅ!
โœ… ์„ฑ๋Šฅ์„ ์ขŒ์šฐํ•˜๋Š” ํŽ˜์ด์ง€๋„ค์ด์…˜(Pagination),
๊ทธ๋ฆฌ๊ณ  ์ด๋ฅผ ๋ณด์™„ํ•œ ๋ฌดํ•œ ์Šคํฌ๋กค(Infinite Scroll) ๊ตฌํ˜„
โœ… ์„œ๋ฒ„๋„ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋„ ์•„๋‹Œ AWS S3 ํŒŒ์ผ ์ €์žฅ์†Œ ํด๋ผ์šฐ๋“œ์— ํŒŒ์ผ์„ ๊ด€๋ฆฌํ•˜๋Š” ๋ฒ•
โœ… AWS Lambda๋ฅผ ํ™œ์šฉํ•ด ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ๋ฅผ ์ค„์ด๊ธฐ

๊ฐ•์˜์—์„œ ๋งŒ๋“ค์–ด๋ณผ ์‚ฌ์ง„์ฒฉ ์„œ๋น„์Šค๋Š” ์ด๋ ‡๊ฒŒ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค.
 


์˜ˆ์ƒ ์งˆ๋ฌธ Q&A

Q. ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ๊ธฐ์ˆ ์Šคํƒ์ด ๋‹ฌ๋ผ๋„ ๋“ค์„ ์ˆ˜ ์žˆ์„๊นŒ์š”?

์›น๊ฐœ๋ฐœ ์ž์ฒด์— ๋Œ€ํ•œ ๊ฒฝํ—˜์ด ์กฐ๊ธˆ์ด๋ผ๋„ ์žˆ์œผ์‹œ๋‹ค๋ฉด Javascript ์กฐ์ฐจ ์ž˜ ๋ชจ๋ฅด๋Š” Java, PHP, Python ๊ฐœ๋ฐœ์ž์ด์‹œ๋”๋ผ๋„ ์ถฉ๋ถ„ํžˆ ๋”ฐ๋ผ๊ฐ€์‹ค ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋ด์š”. ์˜คํžˆ๋ ค ๊ฐ€๋ณ๊ฒŒ Node.js, MongoDB, React๋ฅผ ์ฒดํ—˜ํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ๊ธฐํšŒ๋ผ๊ณ  ๋ด์š”. ์ฒ˜์Œ๋ถ€ํ„ฐ ๊ฐ๊ฐ์„ ๊นŠ๊ฒŒ ๊ณต๋ถ€ํ•˜๋ ค๋ฉด ์ž…๋ฌธ ์ž์ฒด๊ฐ€ ๋งค์šฐ ๋ถ€๋‹ด์Šค๋Ÿฌ์šธ ์ˆ˜ ์žˆ์–ด์š”. ๊ทธ๋ฆฌ๊ณ  React๊ฐ€ ์ต์ˆ™ํ•˜์ง€ ์•Š์€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค๋„ ๋ฌผ๋ก  ์ˆ˜๊ฐ•ํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ๋ด์š”. ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์ง„ ๊ด€๋ฆฌ ์ž์ฒด๋Š” ์–ธ์–ด/ํ”„๋ ˆ์ž„์›Œํฌ ์ƒ๊ด€ ์—†์ด ๊ณตํ†ต์ ์ธ ๋ถ€๋ถ„๋“ค์ด ๋งŽ๋‹ค๊ณ  ๋ด…๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ์ด ์ˆ˜์—…์„ ํ†ตํ•ด ํฐ ๊ทธ๋ฆผ์„ ์Šต๋“ํ•˜์‹œ๊ณ  ๋ณธ์ธ์ด ์‚ฌ์šฉ์ค‘์ธ ๊ธฐ์ˆ ์Šคํƒ์— ๋งž๊ฒŒ ์ˆ˜์ •ํ•ด๋‘์‹œ๋ฉด ๋œ๋‹ค๊ณ  ๋ด์š” :)

Q. Pdf, ์˜์ƒ ๊ฐ™์€ ํŒŒ์ผ๋„ ๋‹ค๋ฃจ๋‚˜์š”?

์ด ๊ฐ•์˜์—์„œ๋Š” ์ด๋ฏธ์ง€๋ฅผ ์ค‘์ ์ ์œผ๋กœ ๋‹ค๋ฃจ๊ธด ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ Pdf, ์˜์ƒ๊ณผ ๊ฐ™์€ ํŒŒ์ผ ์—…๋กœ๋“œ๋„ ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ์™€ ๋งค์šฐ ์œ ์‚ฌํ•˜๊ฒŒ ๊ด€๋ฆฌ๋ฉ๋‹ˆ๋‹ค. ์ฆ‰ ๊ณตํ†ต์ ์ธ ๋ถ€๋ถ„๋“ค์ด ๋งค์šฐ ๋งŽ์•„์š”. ์ œ์ผ ๋‹ค๋ฅธ์ ์€ ๋ถˆ๋Ÿฌ์™€์„œ ๋ณด์—ฌ์ฃผ๋Š” ๋ฐฉ๋ฒ•์ด์ง€ ์•Š์„๊นŒ ์‹ถ์–ด์š”. Pdf, ์˜์ƒ์„ ๋‹จ์ˆœํžˆ ๋‹ค์šด๋ฐ›๊ฒŒ ํ•  ์ˆ˜๋„ ์žˆ๊ณ ์š”. ์˜์ƒ ๊ฐ™์€ ๊ฒฝ์šฐ ์ธํ”„๋Ÿฐ์ฒ˜๋Ÿผ ํ™”๋ฉด์— ์‹คํ–‰ํ•˜๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•๋“ค๋„ ์žˆ๊ณ ์š”.  ์ด๋ฏธ์ง€์— ์ค‘์ ์„ ๋‘” ์ด์œ ๋Š” ์ƒ๋Œ€์ ์œผ๋กœ ์ž์ฃผ ์‚ฌ์šฉ๋˜๊ณ  ํŠธ๋ž˜ํ”ฝ์ด ์ ์€ ์„œ๋น„์Šค ์ดˆ๋ฐ˜์—๋„ UIUX์— ํฐ ์•…์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด์—์š”.

Q. AWS ๋น„์šฉ์ด ๋ฐœ์ƒํ•˜๋‚˜์š”?

์‹ค์ œ ์„œ๋น„์Šค ๋ก ์นญ์„ ํ•˜๊ณ  ํŠธ๋ž˜ํ”ฝ์ด ๋ฐœ์ƒํ•˜๋ฉด ์‚ฌ์šฉํ•˜๋Š” ์–‘์— ๋”ฐ๋ผ ๋‹น์—ฐํžˆ ๋น„์šฉ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์ˆ˜์—…์šฉ์œผ๋กœ ์‚ฌ์šฉํ•˜์‹ค ๋•Œ์—๋„ ๋น„์šฉ์ด ๋ฐœ์ƒํ•  ์ˆ˜๋„ ์žˆ์–ด์š”. ํ•˜์ง€๋งŒ ๋ฐœ์ƒํ•˜๋”๋ผ๋„ ๋งค์šฐ ์ ์€ ๊ธˆ์•ก์ผ๊ฑฐ์—์š”. ๊ฐ•์˜์—์„œ ๋น„์šฉ ๋ถ€๋ถ„๋„ ๋‹ค๋ฃจ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋ฌด์—‡๋ณด๋‹ค AWS์— ์ฒ˜์Œ ๊ฐ€์ž…ํ•˜์‹œ๋ฉด ์ œ๊ณต๋˜๋Š” ํฌ๋ ˆ๋”ง์ด ์žˆ์„ํ…๋ฐ์š”. ํ•ด๋‹น ํฌ๋ ˆ๋”ง์œผ๋กœ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋Š”๋ฐ์—๋Š” ์ถฉ๋ถ„ํ•˜๊ณ ๋„ ๋‚จ์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ ์ฃผ์˜ํ•˜์‹ค์ ์€ ๊ฐ•์˜ ์ˆ˜๊ฐ• ํ›„ ์‚ฌ์šฉํ•˜์‹œ๋˜ AWS ๋ฆฌ์†Œ์Šค๋“ค์„ ๋ชจ๋‘ ์‚ญ์ œ ํ•ด์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค! ์ด๊ฑด ๊ฐ•์˜ ๋ ๋ถ€๋ถ„์—์„œ ๋‹ค๋ฃจ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.


์ง€์‹๊ณต์œ ์ž์˜
๋‹ค๋ฅธ ๊ฐ•์˜๊ฐ€ ๊ถ๊ธˆํ•˜๋‹ค๋ฉด?

MongoDB ๊ธฐ์ดˆ๋ถ€ํ„ฐ
์‹ค๋ฌด๊นŒ์ง€(feat. Node.js)

DB๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ
์„ค๊ณ„ํ•˜๊ณ  ์‚ฌ์šฉํ•˜๋ ค๋ฉด!

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์›น ํ˜น์€ ๋ชจ๋ฐ”์ผ ์–ดํ”Œ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๊ฐ€๋ณ๊ฒŒ ํ’€์Šคํƒ ๊ฐœ๋ฐœ์„ ๋ง›๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • AWS ํด๋ผ์šฐ๋“œ๋ฅผ ํ™œ์šฉํ•ด๋ณด๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ์ด๋ฏธ์ง€ ๊ฐ™์€ ํŒŒ์ผ ๊ด€๋ฆฌ๋ฅผ ์ œ๋Œ€๋กœ ํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • (๊ถŒ์žฅ) ๊ธฐ๋ณธ์ ์ธ Javascript ๋ฌธ๋ฒ•

์•ˆ๋…•ํ•˜์„ธ์š”
๊น€์‹œํ›ˆ (๋„๋„์†Œํ”„ํŠธ)์ž…๋‹ˆ๋‹ค.

2,658

๋ช…

์ˆ˜๊ฐ•์ƒ

177

๊ฐœ

์ˆ˜๊ฐ•ํ‰

261

๊ฐœ

๋‹ต๋ณ€

4.7

์ 

๊ฐ•์˜ ํ‰์ 

3

๊ฐœ

๊ฐ•์˜

ํ˜„์žฌ ๊ณต๋™์ฐฝ์—…ํ•œ ์ž‘์€ ์Šคํƒ€ํŠธ์—… Ninjalerts์—์„œ CTO์—ญํ• ๋กœ ์ผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Ninjalerts๋Š” ์ด๋”๋ฆฌ์›€ ๋ธ”๋ก์ฒด์ธ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ NFT ๊ฑฐ๋ž˜ ์ •๋ณด๋“ค์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์•Œ๋ ค์ฃผ๋Š” ์„œ๋น„์Šค์—์š”!

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

์˜จ๋ผ์ธ์— ๋‚˜์˜จ ๋‹ค์–‘ํ•œ ์ข‹์€ ์ž๋ฃŒ๋“ค ๋•๋ถ„์— ๋น ๋ฅด๊ฒŒ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ์—ˆ์–ด์š”. ์ œ ๋…ธํ•˜์šฐ๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„๋“ค์—๊ฒŒ๋„ ๋„์›€์ด ๋˜๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค :) Linkedin ํ”„๋กœํ•„

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

93๊ฐœ โˆ™ (14์‹œ๊ฐ„ 12๋ถ„)

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

49๊ฐœ

4.6

49๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • bi9choi๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    bi9choi

    ์ˆ˜๊ฐ•ํ‰ 3

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ์ข‹์€ ๊ฐ•์˜ ์ž˜ ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์˜ ๋“ค์œผ๋ฉด์„œ ๋ถˆํŽธํ•œ์ ๋„ ์žˆ์—ˆ์ง€๋งŒ, ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋งŽ์€ ๊ฒƒ์„ ๋ฐฐ์›Œ๊ฐ‘๋‹ˆ๋‹ค. ๋ชฝ๊ณ ๋””๋น„,nodejs ์„ ์ˆ˜์ง€์‹์ด ์—†์Œ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๊ฐ•์˜ ๋“ฃ๋Š”๋ฐ ํฐ ํƒˆ์€ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. ์†Œ์Šค์ฝ”๋“œ๊ฐ€ ์ œ๊ณต๋œ๋‹ค๋ฉด ์˜คํƒˆ์ž๋‚˜ ๋‹ค๋ฅธ ๋ฌธ์ œ๋ฅผ ์ฐพ๋Š”๋ฐ ์กฐ๊ธˆ์€ ๋„์›€์ด ๋˜์ง€ ์•Š์„๊นŒ ์ƒ๊ฐ๋“ญ๋‹ˆ๋‹ค. ๊ฐ•์‚ฌ๋‹˜์˜ ๋‹ค๋ฅธ๊ฐ•์˜๋„ ๊ธฐ๋Œ€ํ•˜๊ณ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ•์‚ฌ๋‹˜์˜ ๋ชฝ๊ณ db๊ฐ•์˜ ๊ตฌ๋งคํ•˜๋Ÿฌ ๊ฐ€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค ^_^ ์ด๋ฒˆ๊ฐ•์˜๋ฅผ ํ†ตํ•ด ๋ฐฐ์šด ์ง€์‹์„ ํ™œ์šฉํ•ด์„œ ๋งŒ๋“ค ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ๊ฐํ•˜๋ฉด ๋ฒŒ์จ ์‹ ๋‚˜๋Š”๊ตฐ์š”

    • ์™€ bi9choi๋‹˜ ๊ทธ๋ ‡๊ฒŒ ๋ง์”€ํ•ด์ฃผ์…”์„œ ๋„ˆ๋ฌด๋‚˜๋„ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!! ์ €๋„ ์•„์‰ฌ์šด ์ ๋“ค์ด ๋งŽ์•„์„œ ์†์ƒํ–ˆ๋Š”๋ฐ ์•ž์œผ๋กœ ๋” ์ข‹์€ ๊ฐ•์˜๋“ค ์™„์„ฑ๋„ ์žˆ๊ฒŒ ์‹ ๊ฒฝ์จ์„œ ๋งŒ๋“ค์–ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค!

  • ๊ฐ•์ „์šฑ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ๊ฐ•์ „์šฑ

    ์ˆ˜๊ฐ•ํ‰ 4

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    ๋ฆฌ์•กํŠธ + ๋…ธ๋“œ + ๋ชฝ๊ณ db ์กฐํ•ฉ์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํŒŒํŠธ๋ณ„๋กœ ๋‚˜๋ˆ„๋‹ˆ๊นŒ ์ดํ•ด๋„ ์‰ฌ์› ๊ณ , ๊ฐ ์„น์…˜ ์ดˆ๋ฐ˜์— ์†Œ๊ฐœ์˜์ƒ์€ ๊ทธ ์„น์…˜์˜ ์ „์ฒด๋ฅผ ์ดํ•ดํ•˜๋Š”๋ฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค! ์งˆ๋ฌธ๋„ ๋‚จ๊ธฐ๋ฉด ๊ธˆ๋ฐฉ๊ธˆ๋ฐฉ ๋‹ตํ•ด์ฃผ์…”์„œ ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์ข‹์•˜์Šต๋‹ˆ๋‹ค.

    • ๋ฐ•์šฉ์ง„๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      ๋ฐ•์šฉ์ง„

      ์ˆ˜๊ฐ•ํ‰ 2

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

      91% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

      ๊ฐ•์˜๋ณ„๋กœ ์Œํ–ฅ์˜ ์ฐจ์ด๋กœ ์ธํ•œ ๋ถˆํŽธํ•จ์€ ์กฐ๊ธˆ ์žˆ์—ˆ์ง€๋งŒ ๋ฐ์ดํ„ฐ์™€ ๊ด€๋ จ๋œ ์„  ์ง€์‹ ์—†์ด ํ•™์Šต์ด ๊ฐ€๋Šฅํ•˜๊ณ , ์—ฌ๋Ÿฌ ์ƒํ™ฉ์—์„œ์˜ ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๊ณผ์ •๊นŒ์ง€ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ์ข‹์€ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค!

      • itjustbong๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        itjustbong

        ์ˆ˜๊ฐ•ํ‰ 5

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

        92% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

        ์•„์ง 1/3๋ฐ–์— ๋ชป๋“ค์—ˆ์ง€๋งŒ, ์ข‹์€ ๋‚ด์šฉ์ด ๋งŽ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ, ๋กœ๊ทธ์ธ ๋“ฑ ์ „๋ฐ˜์ ์ธ ๋‚ด์šฉ์„ ํ•œ๋ฒˆ ํ•ด๋ณผ ์ˆ˜ ์žˆ์–ด์„œ ์ข‹์Šต๋‹ˆ๋‹ค. ๋ฌผ๋ก  ๊ธฐ์ดˆ์ง€์‹์ด ์–ด๋А ์ •๋„ ์žˆ์–ด์•ผ ๊ฐ•์˜ ๋‚ด์šฉ์„ ๋”ฐ๋ผ์˜ค์‹œ๋Š”๋ฐ์— ๋ฌธ์ œ๊ฐ€ ์—†์„ ๊ฒƒ ๊ฐ™๊ตฌ์š”! AWS ๋žŒ๋‹ค๋‚˜ ํ›„๋ฐ˜๋ถ€ ๊ฐ•์˜๊นŒ์ง€ ๋” ๋“ฃ๋Š”๋‹ค๋ฉด ์ข‹์€ ๊ฒฝํ—˜์ด ๋  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค

        • ์ Š์Œ์˜๋Œ๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
          ์ Š์Œ์˜๋Œ

          ์ˆ˜๊ฐ•ํ‰ 6

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

          44% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

          ๋ชฝ๊ณ ๋””๋น„ ๊ฐ•์˜๋„ ๋“ค์—ˆ์—ˆ๋Š”๋ฐ, ํ•˜๋‚˜ํ•˜๋‚˜ ๊ตฌ์ถ•ํ•ด๋‚˜๊ฐ€๋Š” ๊ณผ์ •์„ ์•Œ๊ธฐ์‰ฝ๊ฒŒ ํ•ด์ฃผ์…”์„œ ์ด๋ฒˆ ๊ฐ•์˜๋„ ๋ฆฌ์•กํŠธ ๋ถ€๋ถ„๊นŒ์ง€ ๊ฐœ๋…์„ ์žก์œผ๋ฉด์„œ ๋ฐฐ์šฐ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ ‘๊ทผํ•˜๋Š” ๋ฐฉ๋ฒ•๋ก ์ด๋‚˜ ๊นŠ์ด๊ฐ€ ๋„ˆ๋ฌด ์ข‹์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋งŒ ์„น์…˜ 2, useState ๊ฐ•์˜ 6:41๋ถ„์—์„œ 5์ดˆ ์ •๋„๋Š” ํŽธ์ง‘ํ•ด๋„ ๋  ๊ฒƒ ๊ฐ™์•„์š”.

          • ์ Š์Œ์˜๋Œ๋‹˜ ์•ˆ๋…•ํ•˜์„ธ์š” :) ์ข‹์€ ํ”ผ๋“œ๋ฐฑ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! ํ•ด๋‹น ์˜์ƒ ํ™•์ธ ํ›„ ์กฐ์น˜ํ•˜๋„๋ก ํ• ๊ฒŒ์š”!

        ๊น€์‹œํ›ˆ (๋„๋„์†Œํ”„ํŠธ)๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

        ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

        ๋น„์Šทํ•œ ๊ฐ•์˜

        ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

        ์›” โ‚ฉ15,400

        5๊ฐœ์›” ํ• ๋ถ€ ์‹œ

        โ‚ฉ77,000