๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
์‹œ๋„/Code-States

[D+150] Final Project : 30์ผ์ฐจ ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ์ตœ์ข…ํšŒ๊ณ 

by ๐Ÿ‡๋ฐ•๋ด‰๋ด‰๐Ÿ‡ 2021. 3. 18.

D+150

- Final Project : 30์ผ์ฐจ -

( ํŒŒ์ด๋„ ํ”„๋กœ์ ํŠธ ์ตœ์ข… ํšŒ๊ณ  )



๐Ÿƒ๐Ÿปโ€โ™€๏ธ ๋๋‚˜์ง€ ์•Š์„ ๊ฒƒ๋งŒ ๊ฐ™์•˜๋˜ ํ”„๋กœ์ ํŠธ! ์‹œ์›์„ญ์„ญ ๋งˆ์ง€๋ง‰ ํ›„๊ธฐ

๋งˆ์ง€๋ง‰ ํ›„๊ธฐ๋ฅผ ์ ์„ ๋‚ ์ด ๋ฒŒ์จ ์™€๋ฒ„๋ ธ๋‹ค๋‹ˆ....!


์•„์ง๋„ ์˜ค๋ฅ˜๋ฅผ ๋ณด๋ฉฐ ๋จธ๋ฆฌ๋ฅผ ๊ฐ์‹ธ๊ณ  ๊ณ ๋ฏผํ•˜๊ณ  ์žˆ์–ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์€๋ฐ ํ›„๊ธฐ๋ฅผ ์ ๋Š”๋‹ค๋Š”๊ฒŒ ์‚ด์ง ๋ฏฟ๊ธฐ์ง€ ์•Š์ง€๋งŒ ๊ฐœ์ธ์ ์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•œ ๊ฒƒ์— ๋Œ€ํ•ด ๊ฐ„๋žตํ•œ ์„ค๋ช…๊ณผ ๊ฐ„๋‹จ ํ›„๊ธฐ๋ฅผ ๊ธฐ๋กํ•ด ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.


๐Ÿง—๐Ÿปโ€โ™€๏ธ ๋‹น์‹ ์˜ ํ•˜๋ฃจ๋ฅผ ๊ธฐ๋กํ•˜์„ธ์š”, nAgAndA(๋‚˜๊ฐ„๋‹ค)

๋‚˜๊ฐ„๋‹ค๋Š” ํ•˜๋ฃจ์—ฌํ–‰๊ณ„ํš์„ ํšจ์œจ์ ์œผ๋กœ ์‰ฝ๊ณ  ๋น ๋ฅด๊ฒŒ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ์„œ๋น„์Šค๋กœ

๊ฐ€๊ณ ์‹ถ์€ ๊ณณ์„ ์ž‘์„ฑํ•˜๊ณ  ์นธ๋ฐ˜๋ณด๋“œ๋กœ ๋‚˜๋ˆ„์–ด์ ธ ์žˆ๋Š” ์‹œ๊ฐ„๋Œ€ ๋ณ„๋กœ ๊ณ„ํš์„ ์ •๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํŽธ๋ฆฌํ•œ ์„œ๋น„์Šค ์ด๋‹ค.


๋‚˜๊ฐ„๋‹ค๋Š” '๋‚˜๋„๊ฐ„๋‹ค'์˜ ์ค„์ž„๋ง๋กœ SNS๋ฅผ ์ž˜ ์‚ฌ์šฉํ•˜๋Š” ์ Š์€์ธต ์„ธ๋Œ€์˜ ์‚ฌ๋žŒ๋“ค์ด ์„œ๋กœ์˜ ์ผ์ƒ์„ ๊ณต์œ ํ•˜๋ฉด์„œ ๋”ฐ๋ผํ•˜๊ธฐ๋„ ํ•˜๊ณ ,

SNS๋กœ ์•Œ๋ ค์ง„ ์œ ๋ช…์ŠคํŒŸ์— ๋ฐฉ๋ฌธํ•ด ์ธ์ฆ์ƒท์„ ๋‚จ๊ธฐ๋ฉฐ ๊ธฐ๋กํ•˜๋Š” ๊ฒƒ์„ ๋ณด๊ณ  ๋‚จ๋“ค์ด ๊ฐ€๋ฉด ๋‚˜๋„๊ฐ„๋‹ค๋ผ๋Š” ์˜๋ฏธ๋กœ ์ด๋ฆ„์„ ์ง€์—ˆ๋‹ค.



๐Ÿ“น ์ฃผ์š” ๊ธฐ๋Šฅ

์ •๋ง ๋งŽ์€ ๊ธฐ๋Šฅ๋“ค์„ ๊ตฌํ˜„ํ–ˆ์ง€๋งŒ ๊ฐ„๋‹จํ•˜๊ฒŒ ์šฐ๋ฆฌ ์›น์„œ๋น„์Šค์˜ ๋ฉ”์ธํŽ˜์ด์ง€์™€ ๊ธฐ๋Šฅ๋งŒ ๊ฐ„๋žตํ•˜๊ฒŒ ์„ค๋ช…ํ•ด ๋ณด๋ ค๊ณ  ํ•œ๋‹ค.



๋จผ์ € ์šฐ๋ฆฌ ํ™ˆํŽ˜์ด์ง€์— ๊ฐ€์žฅ ์ฒซ ํ™”๋ฉด์œผ๋กœ ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ๋ง›๋ณด๊ธฐ๋กœ ์‚ฌ์šฉํ•ด ๋ณผ ์ˆ˜ ์žˆ๋„๋ก ํด๋ฆญ์„ ์œ ๋„ํ•˜๋Š” ๋ถ€๋ถ„๊ณผ ํ™ˆํŽ˜์ด์ง€๋ฅผ ์ฒ˜์Œ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ํ•ด๋‹น ํ™ˆํŽ˜์ด์ง€์— ๋Œ€ํ•œ ๊ฐ„๋žตํ•œ ์„ค๋ช…๊ณผ GIFํŒŒ์ผ๋กœ ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ ์˜ˆ์‹œ๋ฅผ ํ™•์ธํ•ด ๋ณผ ์ˆ˜ ์žˆ๋‹ค.



๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋กœ ์ ‘์†ํ•˜๋ฉด ์šฐ์ธก์— ํšŒ์›๊ฐ€์ž…์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์–ด์žˆ์œผ๋ฉฐ, ํด๋ฆญํ•  ๊ฒฝ์šฐ ์Šฌ๋ผ์ด๋“œ ํ˜•์‹์œผ๋กœ ํŽ˜์ด์ง€๊ฐ€ ์นธ์ด ์ „ํ™˜๋œ๋‹ค.


๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋”ฐ๋กœ ํšŒ์›๊ฐ€์ž… ํ•„์š”์—†์ด ์นด์นด์˜ค ์†Œ์…œ๋กœ๊ทธ์ธ์ด๋‚˜ ๊ฒŒ์ŠคํŠธ ๋กœ๊ทธ์ธ์„ ํ†ตํ•ด์„œ๋„ ๊ธฐ์กด ํšŒ์›๋“ค์ด ์ด์šฉํ•˜๋Š” ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.


๐Ÿ“‚ ๊ธฐ๋Šฅ ๊ตฌํ˜„

๊ตฌ์ฒด์ ์ธ ๊ธฐ๋Šฅ๋“ค์„ ํ™•์ธํ•˜๊ณ ์ž ํ•œ๋‹ค๋ฉด ํ•ด๋‹น ํ† ๊ธ€ํ‚ค๋ฅผ ๋ˆŒ๋Ÿฌ ํ™•์ธํ•ด ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

๐Ÿ“ผ ๋ฐ˜์‘ํ˜• ์›น ํŽ˜์ด์ง€

Desktop
Tablet
Mobile

๐Ÿ“ผ ํšŒ์›๊ฐ€์ž…

ํšŒ์›๊ฐ€์ž…

๐Ÿ“ผ ๋กœ๊ทธ์ธ

์ผ๋ฐ˜ ๋กœ๊ทธ์ธ
์†Œ์…œ๋กœ๊ทธ์ธ(์นด์นด์˜ค)
๊ฒŒ์ŠคํŠธ๋กœ๊ทธ์ธ

๐Ÿ“ผ ๋งˆ์ดํŽ˜์ด์ง€

๋งˆ์ดํŽ˜์ด์ง€
ํ”„๋กœํ•„ ์—…๋กœ๋“œ
ํšŒ์›์ •๋ณด ์ˆ˜์ •

๐Ÿ“ผ ์Šค์ผ€์ค„

์Šค์ผ€์ค„UI
์Šค์ผ€์ค„์ž‘์„ฑ
๊ฒ€์ƒ‰๊ฒฐ๊ณผ

๐Ÿ›  ์Šคํƒ

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



๐Ÿ“ˆ ๊ธฐ๋Šฅํ”Œ๋กœ์šฐ


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



์„œ๋ฒ„ ํ”Œ๋กœ์šฐ๋Š” ์ž‘์„ฑํ•  API๋ฅผ ํŽ˜์ด์ง€ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑํ–ˆ๋Š”๋ฐ ์˜คํžˆ๋ ค ์„œ๋ฒ„๋Š” ์ดˆ๋ฐ˜์— ์ƒ๊ฐํ–ˆ์—ˆ๋˜ API๋ณด๋‹ค ํ›จ์”ฌ ๋งŽ์€ API๋ฅผ ์ž‘์„ฑํ–ˆ์œผ๋ฉฐ, ์ด๋Ÿฐ๊ณณ์—์„œ๋„ API๊ฐ€ ์‚ฌ์šฉ๋œ๋‹ค๊ณ ? ์‹ถ์€ ๊ณณ๋„ API๋ฅผ ๋”ฐ๋กœ ์ถ”๊ฐ€ํ•ด์ค˜์„œ ๋งค๋ฒˆ ๋จธ๋ฆฌ๋ฅผ ๊ฐ์‹ธ๊ณ  ๊ณ ๋ฏผ์„ ํ–ˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.


๐ŸŽณ ํŒ€์›Œํฌ


ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ญ์ƒ ์ง„ํ–‰ํ•ด์˜ค๋ฉด์„œ ๋Š๋ผ๋Š”๊ฑด ์‹ค๋ ฅ๋„ ์‹ค๋ ฅ์ด์ง€๋งŒ ํŒ€์›Œํฌ์˜ ์ค‘์š”์„ฑ๋„ ๊ต‰์žฅํžˆ ์ค‘์š”ํ•˜๋‹ค๋Š” ๊ฒƒ์„ ๋Š๊ผˆ๋‹ค.


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


๋˜ํ•œ ๋‚˜๊ฐ™์€ ๊ฒฝ์šฐ์—” ๋ฐฑ์—”๋“œ ํŒŒํŠธ๋ฅผ ํŒ€์žฅ๋‹˜๊ณผ ํ•จ๊ป˜ ์ง„ํ–‰์„ ํ•˜์˜€๋Š”๋ฐ ๊ฐ์ž ์ž‘์„ฑํ•˜๋Š” API๊ฐ€ ๋‹ค๋ฅด๋‹ค๊ณ  ํ•ด์„œ ๊ฐœ๋ณ„์ฃผ์˜๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ํ•˜์ง€ ์•Š๊ณ  ๊ฐ์ž์˜ ์—ญํ• ์„ ๋‚˜๋ˆ„๋”๋ผ๋„ ํ˜ผ์ž ํ•ด๊ฒฐํ•˜์ง€ ๋ชปํ•˜๋Š” ๋ฌธ์ œ๋Š” ์„œ๋กœ ๊ณ ๋ฏผํ•˜๊ณ  ์ž‘์„ฑํ•ด๋‚˜๊ฐ€๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด ๋‚˜๊ฐ์œผ๋กœ์จ ๋‚ด๊ฐ€ ์ž‘์„ฑํ•˜์ง€ ์•Š์€ API์ด๋”๋ผ๋„ ์ฝ”๋“œ๋ฅผ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค.

๐Ÿ‘ฉ๐Ÿปโ€๐Ÿฆฐ ์ตœ์ข… ํ›„๊ธฐ

๋๋‚˜์ง€ ์•Š์„ ๊ฒƒ๋งŒ ๊ฐ™์•˜๋˜ ์‹œ๊ฐ„์ด ํ•œ์ฃผํ•œ์ฃผ ์ง€๋‚˜๊ฐ€๋ฉด์„œ ๋๋‚˜๊ฐ€๊ณ  ์žˆ๋‹ค๋Š” ๊ฑธ ๋งค ์ˆœ๊ฐ„ ๋Š๋ผ๋ฉด์„œ ์ •๋ง ๋งŽ์€ ๊ฐ์ •๋“ค์„ ๋Š๊ผˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.


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


์•ž์œผ๋กœ๋„ ์ทจ์ค€์ด๋ผ๋Š” ์–ธ๋•์ด ๋‚ด๊ฒŒ ๋‹ค๊ฐ€์˜ค๊ฒ ์ง€๋งŒ ๋‚˜๋Š” ๋‚จ๋“ค๊ณผ ๋น„๊ตํ•˜์ง€ ์•Š๊ณ  ์ฒœ์ฒœํžˆ ๋งˆ๋ผํ†ค์„ ํ•˜๋ฉฐ ์™„์ฃผํ•  ๋ชฉํ‘œ์ง€์ ์„ ํ–ฅํ•ด ๋‚˜์•„๊ฐˆ ๊ฒƒ์ด๊ณ , ๊ทธ๋ ‡๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.


์–ธ์ œ๋‚˜ ์›ƒ์„ ์ˆ˜ ์žˆ๋Š” ์ฆ๊ฑฐ์šด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋„๋ก ๋…ธ๋ ฅํ•˜์ž!



๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€