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

์ฝ”๋กœ๋‚˜๋งต ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ง€๋„์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ 2

์ฝ”๋กœ๋‚˜๋งต ๊ฐœ๋ฐœ์ž๊ฐ€ ์•Œ๋ ค์ฃผ๋Š” ์ง€๋„ ์„œ๋น„์Šค ์ œ์ž‘ ์‹ฌํ™” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

Thumbnail

์ค‘๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[์›น ๊ฐœ๋ฐœ, ํ’€์Šคํƒ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

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

  • ๋„ค์ด๋ฒ„ ์ง€๋„ api๋ฅผ ํ†ตํ•œ ์›น ๊ธฐ๋ฐ˜ ์ง€๋„์„œ๋น„์Šค ๊ตฌ์ถ•

  • ๊ธฐ๋ณธ์ ์ธ ์ง€๋„์„œ๋น„์Šค์— ํ•„์š”ํ•œ ๋งˆ์ปค, ์ธํฌ์œˆ๋„์šฐ ์ƒ์„ฑ

  • ์นด์นด์˜ค api๋ฅผ ํ†ตํ•œ ์ขŒํ‘œ ์—…๋กœ๋“œ ํŽ˜์ด์ง€ ๊ตฌ์ถ•

  • MongoDB์™€ mongoose๋ฅผ ์—ฐ๋™ํ•œ ์ง€๋„์„œ๋น„์Šค ๊ตฌ์ถ•

  • ์ง€๋„ ์„œ๋น„์Šค ์ตœ์ ํ™”๋ฅผ ์œ„ํ•œ ํด๋Ÿฌ์Šคํ„ฐ๋ง ๊ธฐ๋Šฅ

  • ํ–‰์ •๊ตฌ์—ญ(๋„) ์‹œ๊ฐํ™” ๋ฐ ์ด๋ฒคํŠธ ์ถ”๊ฐ€

์ฝ”๋กœ๋‚˜๋งต ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜, ์ง€๋„์„œ๋น„์Šค ์ •๋ณตํ•˜๊ธฐ ๐Ÿงญ

์ง€๋„ ์„œ๋น„์Šค ์ œ์ž‘์— ๋Œ€ํ•œ ์ˆ˜๋งŽ์€ ๊ณ ๋ฏผ๋“ค!

โ€œ์ง€๋„ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์€๋ฐ, ์–ด๋””์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์•ผ ํ• ์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”.โ€
โ€œ์žฅ์†Œ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ DB์— ์ €์žฅํ•˜๊ณ  ์‹ถ์€๋ฐ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”?โ€
โ€œ์ง€๋„ ์œ„์— ๋ฐ์ดํ„ฐ๊ฐ€ ๋งŽ์•„์ง€๋‹ค๋ณด๋‹ˆ ์ตœ์ ํ™”๊ฐ€ ํ•„์š”ํ•œ๋ฐ ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ• ๊นŒ์š”?โ€

์•ˆ๋…•ํ•˜์„ธ์š”, ๊ฐœ๋ฐœ์ž ์ด๋™ํ›ˆ์ž…๋‹ˆ๋‹ค.
์ €๋Š” 1400๋งŒ๋ช…์ด ์ด์šฉํ•œ ์ฝ”๋กœ๋‚˜๋งต, ๊ทธ๋ฆฌ๊ณ  ๋งˆ์Šคํฌ ๋งต์„ ๊ธฐํš/๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์•ฝ๊ตญ ๋งˆ์Šคํฌ ์žฌ๊ณ ๋ฅผ ์ง€๋„ ์œ„์— ์‹œ๊ฐํ™”ํ•œ ํ”„๋กœ์ ํŠธ โ€˜๋งˆ์Šคํฌ๋งตโ€™

ํ™•์ง„์ž ๋™์„ ์„ ์ง€๋„ ์œ„์— ์ ๊ณผ ์„ ์œผ๋กœ ํ‘œ์‹œํ•œ ํ”„๋กœ์ ํŠธ โ€˜์ฝ”๋กœ๋‚˜๋งตโ€™

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

๋งŽ์€ ๋ถ„๋“ค์˜ ์‘์›๊ณผ ๊ด€์‹ฌ ๋•๋ถ„์— ์ฒซ ๊ฐ•์˜์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์ข‹์€ ํ”ผ๋“œ๋ฐฑ์„ ๋งŽ์ด ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.
๊ฐ•์˜์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ ์ค‘, ๋” ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๋ฐฐ์šฐ๊ณ  ์‹ถ๋‹ค๋Š” ์˜๊ฒฌ์ด ๋งŽ์•„ ์ƒˆ๋กœ์šด ๊ฐ•์˜๋ฅผ ๊ณ„ํšํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ๋ณธ ๊ฐ•์˜๋ฅผ ์ œ์ž‘ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์ธํ”„๋Ÿฐ <์ฝ”๋กœ๋‚˜๋งต ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ง€๋„์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ> ๊ฐ•์˜ ์ˆ˜๊ฐ•ํ‰

์ด๋ฒˆ ๊ฐ•์˜์—์„œ๋Š” MongoDB, Mongoose, ์—…๋กœ๋“œ ๊ธฐ๋Šฅ, ๋งˆ์ปคํด๋Ÿฌ์Šคํ„ฐ๋ง, ํ–‰์ •๊ตฌ์—ญ ์‹œ๊ฐํ™” ๋“ฑ ์ข€ ๋” ์‹ฌํ™”๋œ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•˜์˜€์œผ๋ฉฐ, ์ฝ”๋กœ๋‚˜๋งต์„ ํ˜„์žฌ๊นŒ์ง€ ์šด์˜ํ•˜๋ฉด์„œ ์–ป์€ ์ง€๋„์„œ๋น„์Šค ์ œ์ž‘ ๋…ธํ•˜์šฐ๋ฅผ ๋‹ด์•˜์Šต๋‹ˆ๋‹ค. ์ฝ”๋กœ๋‚˜๋งต์—์„œ ์‚ฌ์šฉํ•œ ๊ธฐ๋Šฅ๋“ค, ์ตœ์ ํ™” ๋ฐฉ๋ฒ• ๋ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ํ™œ์šฉ ๋ฐฉ๋ฒ• ๋“ฑ์„ ์ตœ๋Œ€ํ•œ ์•Œ๊ธฐ ์‰ฝ๊ฒŒ ๊ฐ•์˜์— ํ’€์–ด๋ƒˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๋Ÿฌ๋ถ„๋“ค์˜ ์ง€๋„์„œ๋น„์Šค ์‹ค๋ ฅ ํ–ฅ์ƒ์— ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค. 
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค:)


์™œ ์ง€๋„ ์„œ๋น„์Šค์ผ๊นŒ์š”?

์ถœ์ฒ˜: ์  ๋ฆฌ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€

ํ˜„์žฌ 1000๋งŒ ๋‹ค์šด๋กœ๋“œ ์•ฑ โ€œZenly(์  ๋ฆฌ) - ์นœํ•œ ์นœ๊ตฌ๋ผ๋ฆฌโ€๋ฅผ ์•„์‹œ๋‚˜์š”?

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

์ถœ์ฒ˜: ์  ๋ฆฌ ๊ณต์‹ ํ™ˆํŽ˜์ด์ง€

์ด๋Š” ํ˜„์žฌ ํŠธ๋ Œ๋“œ๋กœ ์ž๋ฆฌ์žก์•„ ๊ณ„์†ํ•ด์„œ ์ง€์†๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 
๋•Œ๋ฌธ์— ์œ„์น˜์ •๋ณด์™€ ์ด๋™๊ฒฝ๋กœ๋ฅผ ์‹œ๊ฐํ™”ํ•˜๋Š” ์ง€๋„ ์„œ๋น„์Šค์˜ ์ค‘์š”์„ฑ ์—ญ์‹œ ํฌ๊ฒŒ ์ฆ๊ฐ€ํ•  ๊ฒƒ์ด๋ผ ์˜ˆ์ƒํ•ฉ๋‹ˆ๋‹ค.
์œ„์น˜ ์ •๋ณด๋ฅผ ์‹œ๊ฐํ™” ํ•˜๋Š”๋ฐ ๊ฐ€์žฅ ์ข‹์€ UI๋Š” ๋ฐ”๋กœ ์ง€๋„์ด๊ธฐ ๋•Œ๋ฌธ์ด์ฃ .

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

์ง€๋„ ์„œ๋น„์Šค์— ๋Œ€ํ•œ ์ดํ•ด๋„์™€ ์‹ค๋ ฅ์„ ๋ณด์œ ํ•˜๋Š” ๊ฒƒ์€ ํŠธ๋ Œ๋“œ์— ๋งž์ถฐ ์ž์‹ ์˜ ๊ฐ•์ ์„ ํ‚ค์šฐ๋Š” ์ข‹์€ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

์ฝ”๋กœ๋‚˜๋งต ์—ญ์‹œ ์ง€๋„ UI๋ฅผ ์ฑ„ํƒํ•˜์—ฌ 1400๋งŒ๋ช…์ด ๋„˜๋Š” ์‚ฌ์šฉ์ž์—๊ฒŒ ๋งŽ์€ ๋„์›€์„ ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์ฒ˜๋Ÿผ ์ง€๋„ ์„œ๋น„์Šค๋Š” ๋‹ค์–‘ํ•œ ์„œ๋น„์Šค์™€ ๊ฒฐํ•ฉ์ด ๊ฐ€๋Šฅํ•˜๊ณ  ํญ๋ฐœ์ ์ธ ์ž ์žฌ๋ ฅ์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚จ๋“ค๊ณผ ์ฐจ๋ณ„ํ™”๋œ ์ž์‹ ๋งŒ์˜ ๊ฐ•์ ์„ ํ‚ค์šฐ๊ณ  ์‹ถ์€ ๋ถ„๋“ค์—๊ฒŒ ์ด ๊ฐ•์˜๋ฅผ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.


๋ฌด์—‡์„ ๋ฐฐ์šฐ๋‚˜์š”?
ํ•™์Šต ๋‚ด์šฉ & ๊ฐ•์˜ ํŠน์ง•

๊ตญ๋‚ด ์œ ์ผ!
์ง€๋„ ์„œ๋น„์Šค ์ œ์ž‘ ๊ฐ•์˜

MongoDB / Mongoose / Node.js / 
Express / Naver map API / Kakao map API

๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ๋งˆ์ปค๋ฅผ ์ƒ์„ฑํ•˜๊ณ 
์ธํฌ์œˆ๋„์šฐ๋ฅผ ๋„์›Œ์ฃผ๋Š” ๊ธฐ๋Šฅ
์นด์นด์˜ค api๋ฅผ ํ™œ์šฉํ•œ ํ‚ค์›Œ๋“œ ๊ฒ€์ƒ‰
MongoDB์— ์œ„์น˜ ๋ฐ์ดํ„ฐ ์ €์žฅ
๋งˆ์ปค ํด๋Ÿฌ์Šคํ„ฐ๋ง ๊ธฐ๋Šฅ
ํ–‰์ •๊ตฌ์—ญ ๋ฐ์ดํ„ฐ ๋ ˆ์ด์–ด ๊ธฐ๋Šฅ
  • ์ง€๋„ ์„œ๋น„์Šค ์šด์˜์‹œ ํ•„์š”ํ•œ ๊ธฐ๋Šฅ๋“ค์„ ์„ ๋ณ„ํ•ด ๊ฐ•์˜๋กœ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ํ•ด๋‹น ๊ธฐ๋Šฅ์ด ์™œ, ์–ด๋–ป๊ฒŒ ์“ฐ์˜€๋Š”์ง€ ์‰ฝ๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋„๋ก ๋ถ€์—ฐ ์„ค๋ช…์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • ์ž๋ง‰์„ ์ œ๊ณตํ•ด ๊ฐ•์˜์— ๋ณด๋‹ค ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์„น์…˜๋ณ„ ์†Œ๊ฐœ

Section 0. ๊ฐ•์˜ ์†Œ๊ฐœ
ํ”„๋กœ์ ํŠธ ๋ฐ ๊ฐ•์˜ ์†Œ๊ฐœ๋ฅผ ํ†ตํ•ด ์•ž์œผ๋กœ ์ œ์ž‘ํ•  ์ง€๋„ ์„œ๋น„์Šค์—์„œ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ๋“ค์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.
Section 1. ์ดˆ๊ธฐํ™˜๊ฒฝ ๊ตฌ์ถ•
ํ”„๋กœ์ ํŠธ ์ œ์ž‘์— ํ•„์š”ํ•œ ์ดˆ๊ธฐํ™˜๊ฒฝ์„ ์„ค์น˜ํ•˜๊ณ  ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. Node.js ๋ฐ VS Code, ๊ฐœ๋ฐœ์— ํ•„์š”ํ•œ ํ•„์ˆ˜ ํŒจํ‚ค์ง€๋“ค์„ ์„ค์น˜ํ•˜๊ณ  ์‹คํ–‰ํ•ด ๋ด…๋‹ˆ๋‹ค.
Section 2. ์ง€๋„ ์„œ๋น„์Šค ํ”„๋กœ์ ํŠธ ๊ตฌ์ถ•
Express๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ•˜๊ณ , ์ง€๋„์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•œ ์ค€๋น„๋ฅผ ํ•ฉ๋‹ˆ๋‹ค. ๋„ค์ด๋ฒ„ ์ง€๋„ API๋ฅผ ๋ฐœ๊ธ‰๋ฐ›๊ณ  ํ•ด๋‹น ํ”„๋กœ์ ํŠธ์— ์ ์šฉ์‹œํ‚ต๋‹ˆ๋‹ค.
Section 3. ๋งˆ์ปค ๋ฐ ์ธํฌ์œˆ๋„์šฐ ์ƒ์„ฑ
๋งˆ์ปค๋ฅผ ํ‘œ์‹œํ•˜๊ณ  ํด๋ฆญ ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•ด ์ธํฌ์œˆ๋„์šฐ๋ฅผ ๋„์šฐ๋Š” ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ ๊ฐœ์˜ ๋งˆ์ปค๋ฅผ ํ‘œ์‹œํ•ด ๋ณด๊ณ  CSS๋ฅผ ํ†ตํ•ด ๋งˆ์ปค ์•„์ด์ฝ˜์„ ๋ณ€๊ฒฝํ•ด๋ณผ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•ด ์‚ฌ์šฉ์ž์˜ ํŽธ์˜์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ธํฌ์œˆ๋„์šฐ๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์ •๋ณด๋ฅผ ์ง€๋„ ์œ„์— ๋„์›Œ๋ด…๋‹ˆ๋‹ค.
Section 4. MongoDB์™€ Mongoose ํ™œ์šฉ
NoSQL์˜ ๋Œ€ํ‘œ์ ์ธ DB์ธ MongoDB๋ฅผ ์†Œ๊ฐœํ•˜๊ณ , ํ˜ธ์ŠคํŒ… ํ•ด๋ณด๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ Compass๋ผ๋Š” DB๊ด€๋ฆฌ ํˆด์„ ์„ค์น˜ํ•ด๋ณด๊ณ  ์‹คํ–‰ํ•ด๋ด…๋‹ˆ๋‹ค. ๋˜ํ•œ Node.js์™€ MongoDB๋ฅผ ์œ„ํ•œ ODM ํŒจํ‚ค์ง€์ธ Mongoose๋ฅผ ์†Œ๊ฐœํ•˜๊ณ  ์„ค์น˜ํ•ด๋ณด๋ฉฐ, schema(์Šคํ‚ค๋งˆ)๋ฅผ ์ž‘์„ฑํ•ด ๋ด…๋‹ˆ๋‹ค. 
Section 5. ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ์ดˆ๊ธฐํ™˜๊ฒฝ ๊ตฌ์ถ•
์นด์นด์˜ค API๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ‚ค์›Œ๋“œ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๊ณ , ๊ฒฐ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ง€๋„์œ„์— ํ‘œ์‹œํ•˜๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ์„ ์œ„ํ•œ ์ดˆ๊ธฐ ํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•ด ๋ด…๋‹ˆ๋‹ค.
Section 6. ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ๋งˆ๋ฌด๋ฆฌ
ํ‚ค์›Œ๋“œ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ๋ฐ์ดํ„ฐ๋ฅผ MongoDB์— ์ €์žฅํ•˜๊ณ , ์ด๋ฅผ ์ง€๋„ ์œ„์— ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค. Postman์œผ๋กœ ํ†ต์‹ ์„ ํ•ด๋ณด๋ฉฐ ์—…๋กœ๋“œ ์„œ๋ฒ„๋ฅผ ๊ตฌ์ถ•ํ•ฉ๋‹ˆ๋‹ค.
Section 7. ๋งˆ์ปค ํด๋Ÿฌ์Šคํ„ฐ๋ง ๊ธฐ๋Šฅ ๊ตฌํ˜„
์ง€๋„ ์„œ๋น„์Šค ์ตœ์ ํ™” ๋ฐฉ์•ˆ ์ค‘ ํ•˜๋‚˜์ธ ๋งˆ์ปค ํด๋Ÿฌ์Šคํ„ฐ๋ง ๊ธฐ๋Šฅ์„ ์†Œ๊ฐœํ•˜๊ณ  ๊ตฌํ˜„ํ•ด ๋ด…๋‹ˆ๋‹ค. ์ง€๋„ ์„œ๋น„์Šค์—์„œ ๋ณด์—ฌ์ค˜์•ผํ•  ๋ฐ์ดํ„ฐ๊ฐ€ ๋งŽ์€ ๊ฒฝ์šฐ ํด๋Ÿฌ์Šคํ„ฐ๋ง ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์ด๋ฅผ ๋ชจ์•„์„œ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
Section 8. ํ–‰์ •๊ตฌ์—ญ(๋„) ๋ฐ์ดํ„ฐ ๋ ˆ์ด์–ด ํ‘œ์‹œ
ํ–‰์ •๊ตฌ์—ญ๋ณ„๋กœ ๊ตฌํš์„ ๋‚˜๋ˆ„์–ด ์‹œ๊ฐํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ํ–‰์ •๊ตฌ์—ญ๋งˆ๋‹ค ํ•ด๋‹น ๊ตฌ์—ญ์„ ํด๋ฆญํ–ˆ์„ ๋•Œ, ๋งˆ์šฐ์Šค๊ฐ€ ์˜ฌ๋ผ๊ฐ”์„ ๋•Œ, ๋‚ด๋ ค๊ฐ”์„ ๋•Œ์— ๋”ฐ๋ฅธ ์ด๋ฒคํŠธ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํˆดํŒ ๋ฐ ํ•ด๋‹น ๊ตฌ์—ญ ์ƒ‰์ƒ์„ ๋ณ€๊ฒฝํ•˜๋Š” ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•ด๋ด…๋‹ˆ๋‹ค. 

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

Q. ์ˆ˜์—… ๋‚ด์šฉ์„ ์–ด๋Š ์ •๋„ ์ˆ˜์ค€๊นŒ์ง€ ๋‹ค๋ฃจ๋‚˜์š”?

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

Q. ๋„ค์ด๋ฒ„ API์™€ ์นด์นด์˜ค API๋ฅผ ๋‘˜ ๋‹ค ์“ด ์ด์œ ๊ฐ€ ์žˆ๋‚˜์š”?

๊ฐ๊ฐ ์žฅ์ ์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ฅผ ์ตœ๋Œ€๋กœ ํ™œ์šฉํ•˜๊ณ  ์‹ถ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. 
๋„ค์ด๋ฒ„ ์ง€๋„ API๋Š” ๋ถ€๊ฐ€์ ์ธ ๊ธฐ๋Šฅ ๋ฐ ์ตœ์ ํ™”๊ฐ€ ์ž˜ ๋˜์–ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ณ , ์นด์นด์˜ค API์˜ ๊ฒฝ์šฐ ํ‚ค์›Œ๋“œ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์˜ ์„ฑ๋Šฅ์ด ๋งค์šฐ ์ข‹๊ธฐ ๋•Œ๋ฌธ์— 2๊ฐœ๋ฅผ ๋ชจ๋‘ ์ฑ„ํƒํ•˜์—ฌ ๋‘ ์žฅ์ ์„ ๊ทน๋Œ€ํ™” ํ•˜๋ ค ํ•ฉ๋‹ˆ๋‹ค.

Q. ๋น„์ „๊ณต์ž๋„ ๋“ค์„ ์ˆ˜ ์žˆ๋‚˜์š”?

๋‹น์—ฐํžˆ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋‹ค๋งŒ ์ง€๋„ ์„œ๋น„์Šค ํŠน์„ฑ์ƒ JavaScript๋ฅผ ๋งŽ์ด ์‚ฌ์šฉํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๊ธฐ์ดˆ์ ์ธ ์ง€์‹์ด ์š”๊ตฌ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๊ด€๋ จ ์ง€์‹์ด ๋ถ€์กฑํ•˜๋‹ค๋ฉด ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณตํ•˜๋Š” ๋กœ๋“œ๋งต์„ ํ†ตํ•ด HTML, CSS, JS ๊ด€๋ จ ๊ธฐ์ดˆ ์ง€์‹์„ ์Šต๋“ ํ›„ ์ˆ˜๊ฐ•ํ•˜๊ธฐ๋ฅผ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค. 

Q. ์ด์ „ ๊ฐ•์˜์™€ ๋‹ค๋ฅธ ์ ์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์ด์ „ ๊ฐ•์˜ '์ฝ”๋กœ๋‚˜๋งต ๊ฐœ๋ฐœ์ž์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ง€๋„์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ'์˜ ๊ฒฝ์šฐ ์ง€๋„์„œ๋น„์Šค ์ œ์ž‘ ์ž…๋ฌธ์„ ์œ„ํ•œ ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค~!! ๋‹จ์ˆœํ•˜๊ฒŒ ์ง€๋„๋ฅผ ๋„์šฐ๊ฑฐ๋‚˜ ๋งˆ์ปค๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋“ฑ์˜ ๊ธฐ๋ณธ์ ์ธ ๊ธฐ๋Šฅ๋งŒ ๋ฐฐ์šฐ๊ณ  ์‹ถ๋‹ค๋ฉด ์ด์ „ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๊ธธ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.
๋ณธ ๊ฐ•์˜๋Š” ์„œ๋ฒ„ํ†ต์‹ , MongoDB์™€ Mongoose๋ฅผ ํ†ตํ•œ ๋ฐ์ดํ„ฐ ํ•ธ๋“ค๋ง, ๋งˆ์ปค ํด๋Ÿฌ์Šคํ„ฐ๋ง, Ajax, ๋ฐ์ดํ„ฐ ๋ ˆ์ด์–ด ํ‘œ์‹œ ๋“ฑ๊ณผ ๊ฐ™์ด ์ดˆ๊ธ‰๋ถ€ํ„ฐ ์ค‘๊ธ‰๊นŒ์ง€์˜ ๋‚ด์šฉ์„ ๋‹ด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋•Œ๋ฌธ์— ์ข€ ๋” ๋งŽ์€ ๊ธฐ๋Šฅ์„ ํ•™์Šตํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„๋“ค์—๊ฒŒ ์ถ”์ฒœ๋“œ๋ฆฝ๋‹ˆ๋‹ค.


์ง€๋„ ์„œ๋น„์Šค ์ œ์ž‘,
์™„์ „ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด?


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

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

  • ์ฝ”๋กœ๋‚˜๋งต๊ณผ ๊ฐ™์€ ์ง€๋„์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์€ ๋ถ„๋“ค

  • ์ง€๋„๊ด€๋ จ api๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์ง€๋งŒ ์–ด๋–ป๊ฒŒ ํ•ด์•ผํ• ์ง€ ๋ชจ๋ฅด๋Š” ๋ถ„๋“ค

  • DB์™€ ์—ฐ๋™๋œ ์ง€๋„์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ๋ถ„๋“ค

  • ์ง€๋„์„œ๋น„์Šค์˜ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ๋ฐฐ์›Œ๋ณด๊ณ  ์‹ถ์€ ๋ถ„๋“ค

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

  • HTML

  • CSS

  • Javascript

์•ˆ๋…•ํ•˜์„ธ์š”
์ด๋™ํ›ˆ์ž…๋‹ˆ๋‹ค.

1,287

๋ช…

์ˆ˜๊ฐ•์ƒ

115

๊ฐœ

์ˆ˜๊ฐ•ํ‰

164

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

3

๊ฐœ

๊ฐ•์˜

์•ˆ๋…•ํ•˜์„ธ์š” ๊ฐœ๋ฐœ์ž ์ด๋™ํ›ˆ์ž…๋‹ˆ๋‹ค.

4400๋งŒ ์กฐํšŒ์ˆ˜๊ฐ€ ๋„˜๋Š” ์ฝ”๋กœ๋‚˜๋งต์„ ์ตœ์ดˆ๋กœ ๊ธฐํšํ•˜๊ณ  ๊ฐœ๋ฐœํ•˜์˜€์œผ๋ฉฐ, ๋งˆ์Šคํฌ๋งต, ์ฝ”๋กœ๋‚˜๋ฏธ๋ฅผ ํ†ตํ•ด ๋งŽ์€ ์‚ฌ์šฉ์ž๋ถ„๋“ค์˜ ๋ถˆํŽธํ•จ์„ ํ•ด์†Œํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ์šด์˜ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ๋Š” ์ž‘์€ ์Šคํƒ€ํŠธ์—…์„ ์ฐฝ์—…ํ•˜์—ฌ CTO๋กœ์„œ ์—ด์‹ฌํžˆ ๊ฐœ๋ฐœ์„ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋”๋ณด๊ธฐ

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

์ „์ฒด

33๊ฐœ โˆ™ (3์‹œ๊ฐ„ 14๋ถ„)

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

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

23๊ฐœ

4.5

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

  • ์œ ๊ฒฝ์‹

    โˆ™

    ์ˆ˜๊ฐ•ํ‰ 2

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

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

    ๋„ค์ด๋ฒ„, ์นด์นด์˜ค ๋งต์„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉํ•˜๊ฒŒ ์•Œ๋ ค์ฃผ์…”์„œ ํ•™์Šต์— ๋งŽ์€ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ธ ๋งŒํผ Javascript, jQuery, ajax, DB ๋“ฑ ๊ธฐ๋ณธ ๊ฐœ๋…์€ ์žˆ์–ด์•ผ ํ•˜๋„ค์š”.

    • ์ดํ˜ธ์ง„

      โˆ™

      ์ˆ˜๊ฐ•ํ‰ 2

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      ์ด์ „ ๊ฐ•์˜์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์•Œ๊ธฐ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ๋Š” ๊ฐ•์˜์˜€์Šต๋‹ˆ๋‹ค~!! ์ž๋ง‰์ด ์žˆ์–ด ๋”ฐ๋ผ๊ฐ€๊ธฐ๊ฐ€ ํŽธํ•˜๋„ค์š”

      • ์ด๋™ํ›ˆ
        ์ง€์‹๊ณต์œ ์ž

        ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค ํ˜ธ์ง„๋‹˜:) ์•ž์œผ๋กœ ๋” ์ข‹์€ ์ปจํ…์ธ ๋กœ ๋ณด๋‹ตํ•˜๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค~!!

    • ๋กœ๋นˆ(Robin)

      โˆ™

      ์ˆ˜๊ฐ•ํ‰ 1

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      5

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

      ์ง€๋„ API๋ฅผ ์ดํ•ดํ•˜๊ณ  ํ™œ์šฉํ•˜๋Š”๋ฐ์— ํฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

      • mini0204

        โˆ™

        ์ˆ˜๊ฐ•ํ‰ 4

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

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

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

        • ๊ถŒ์ง€์›

          โˆ™

          ์ˆ˜๊ฐ•ํ‰ 5

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

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

          ์‚ฌ์šฉํ•˜๊ธฐ ์–ด๋ ค์› ๋˜ ์ง€๋„ API ๋“ค์„ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ๊ฐ€๋ณ๊ฒŒ ๋‚˜๋งŒ์˜ ์ง€๋„์„œ๋น„์Šค ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์„ ๋ฐฐ์šฐ๋Š” ์ข‹์€ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค

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

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

          ์—ฐ๊ด€ ๋กœ๋“œ๋งต

          ๊ฐ•์˜๊ฐ€ ํฌํ•จ๋œ ๋กœ๋“œ๋งต์œผ๋กœ ํ•™์Šตํ•ด ๋ณด์„ธ์š”!

          โ‚ฉ59,400