๐Ÿ“— WIL 4์ฐจ ํ”„๋กœ์ ํŠธ KPT ํšŒ๊ณ  05.04.์ˆ˜

๊น€๋ฐฅยท2022๋…„ 5์›” 11์ผ
1

Instagram clone project

ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

  • ์ธ์Šคํƒ€๊ทธ๋žจ์˜ ์ฃผ์š”๊ธฐ๋Šฅ๋“ค์„ ํด๋ก ํ•˜๋ฉฐ GitHub๋ฅผ ํ™œ์šฉํ•˜์—ฌ ํ˜‘์—… ์Šคํ‚ฌ์„ ํ‚ค์šฐ๊ณ  ๋ถ„์—…์„ ํ†ตํ•ด Front-End/Back-End ์ดํ•ด๋„๋ฅผ ๋†’์ด๋Š” ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ ๊ธฐ๊ฐ„

05/03/22 ~ 05/11/22

๋ฉค๋ฒ„๊ตฌ์„ฑ & ํŒŒํŠธ๋ถ„๋ฐฐ

Front-End + Back-End -> ์œค๊ฐ€ํ˜„, ๋ฌธ๋ช…์ฃผ
Back-End -> ๊น€์ฒ ํ˜„, ๊น€ํƒœ์ธ

๋ชฉ์—…

ํ”ผ๊ทธ๋งˆ ์ด์šฉํ•˜์—ฌ ๋ชฉ์—… ์ œ์ž‘ : ๊ฐ€ํ˜„

๋ชฉ์—…์— ๊ตฌํ˜„ํ•  ๊ธฐ๋Šฅ ์ž‘์„ฑ : ๋ช…์ฃผ๋‹˜

์ด์šฉํ•œ ํ˜‘์—… ํˆด

๋…ธ์…˜ ์ด์šฉํ•˜์—ฌ API ์„ค๊ณ„

ํŠธ๋ ๋กœ ์ด์šฉํ•˜์—ฌ ํ˜‘์—… ๋‹จ๊ณ„ ๊ณต์œ 

์ ์šฉ๋œ ๊ธฐ์ˆ 

Front-End : HTML, CSS, JavaScript

Back-End : Flask, Python, MongoDB

Proj. Management Tools : Git, Github, Slack, Notion, Trello, Figma

๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ

login.html - JWT ๊ธฐ๋ฐ˜ ๋กœ๊ทธ์ธ, ๋กœ๊ทธ์•„์›ƒ
register.html - ํšŒ์›๊ฐ€์ž…
main.html - ๋Œ“๊ธ€ ์ถ”๊ฐ€ ๋ฐ ๋ณด๊ธฐ, ๋”๋ณด๊ธฐ ๋ชจ๋‹ฌ, ํŒ”๋กœ์šฐ ๊ธฐ๋Šฅ
mypage.html - ํŒ”๋กœ์šฐ ๊ธฐ๋Šฅ

๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ ์‹œ์—ฐ


๋ฉ”์ธํŽ˜์ด์ง€์—์„œ ๊ฒŒ์‹œ๊ธ€ ๋Œ“๊ธ€ ์ž‘์„ฑ ๋ฐ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ

๋ฉ”์ธํŽ˜์ด์ง€์—์„œ ํŒ”๋กœ์šฐ ํ›„ ๊ฐœ์ธ ํŽ˜์ด์ง€์—์„œ ๋ฆฌ์ŠคํŠธ๋กœ ๋ณด์—ฌ์ฃผ๊ธฐ

๋ฉ”์ธํŽ˜์ด์ง€ > ๊ฐœ์ธํŽ˜์ด์ง€ ์ด๋™

๊ฐœ์ธํŽ˜์ด์ง€ > ๋ฉ”์ธํŽ˜์ด์ง€ ์ด๋™

๊ฐœ์ธํŽ˜์ด์ง€์— ๊ฒŒ์‹œ๊ธ€ ์—…๋กœ๋“œ

Keep

  • ํŠธ๋ ๋กœ ํ™œ์šฉ

Problem

1) ๋ฌธ์ œ

  • ๊ฐœ๋ฐœํ• ๋•Œ ์ค‘๋ณต ๊ธฐ๋Šฅ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ์—ˆ์Œ
    (์ฒ˜์Œ ๋ถ„์—…์‹œ ๊ตฌ์ฒด์ ์ธ ๋ชฉํ‘œ ์„ค์ •์ด ํ•„์š”ํ•จ ex)OO์€ OO๊ธฐ๋Šฅ์„ O์›” O์ผ๊นŒ์ง€ ๊ทธ ์ดํ›„ OO๊ธฐ๋Šฅ ๊ฐœ๋ฐœํ•˜๊ธฐ)

  • ํ˜‘์—…์„ ํ•˜๊ธฐ์œ„ํ•ด ํŠธ๋ ๋กœ, ๋…ธ์…˜๋“ฑ ๋งŒ๋“ค์–ด ๋†“์€๊ฒƒ์€ ๋งŽ์•˜๋Š”๋ฐ ํ˜‘์—… ํˆด๋กœ์„œ์˜ ๊ธฐ๋Šฅ์„ ์ž˜ ํ™œ์šฉํ•˜์ง€ ๋ชปํ–ˆ์Œ
    (์ž์‹ ์ด ํ•œ ๋ถ€๋ถ„์„ ๋ฆฌ๋ทฐํ•˜๋Š” ๊ณผ์ •์ด ์–ด๋Š์ •๋„ ํ•„์š”ํ•จ)

  • ๋’ค์ณ์ง€๋Š” ํŒ€์› ๋ฐœ์ƒ (๋„์™€์ฃผ๋Š”๊ฑด ํ’€๋กœ ํ•˜๋˜ ์ดํ•ด๋Š” ๋‹ค๋ฅธ ์˜์—ญ์ด๋‹ค)

2) ์›์ธ

  • ์‹œ๊ฐ„ ๋ถ€์กฑ์œผ๋กœ ์ธํ•œ ํœด์‹์‹œ๊ฐ„ ๋ถ€์กฑ, ์™„์„ฑ์— ๋Œ€ํ•œ ๋ถ€๋‹ด๊ฐ

3) ํ•ด๊ฒฐ

  • ํ”„๋กœ์ ํŠธ ์ „ ๋งก์€ ๊ธฐ๋Šฅ ๋ฐ ์•ž์œผ๋กœ ์ง„ํ–‰ํ•ด์•ผ ํ•  ๋ถ€๋ถ„์€ ๊ตฌ์ฒด์ ์œผ๋กœ ๋ถ„์—…ํ•˜์—ฌ ๊ธฐ๋กํ•œ๋‹ค. ์ค‘๊ฐ„์ค‘๊ฐ„ ์ƒํ™ฉ์„ ๋ณด๊ณ ํ•ด์„œ ์ž์‹ ์ด ๋งก๊ณ ์žˆ๋Š” ์ผ์ด ์ •ํ™•ํžˆ ๊ทธ ๋ถ€๋ถ„์ด ๋งž๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.

  • ํŠœํ„ฐ๋‹˜๊ป˜ ๋“ค์€ ๋‚ด์šฉ์„ ๊ฐ์ž๊ฐ€ ์ดํ•ดํ•œ ๋Œ€๋กœ ๋‹ค์‹œ ์„ค๋ช…ํ•ด๋ณด๋Š” ์‹œ๊ฐ„์„ ๊ฐ–์ž

  • ๋งˆ์Œ์˜ ์—ฌ์œ ๋ฅผ ๊ฐ€์ง€๊ณ  ์ง„๋“ํ•˜๊ฒŒ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด๋ณธ๋‹ค.

Try

  • ํ”ผ๋“œ๋ฐฑ์„ ์ž์ฃผ ํ•˜๋Š” ์Šต๊ด€์„ ๋“ค์ด์ž

  • ์‹ฌ์ ์œผ๋กœ ํž˜๋“  ๋ถ€๋ถ„์— ๋Œ€ํ•ด์„œ ์–˜๊ธฐํ•˜๋ฉด ํŒ€์›๋“ค๋ผ๋ฆฌ ๊ฒฉ๋ คํ•˜๊ณ  ๊ธฐ ๋ถ๋‹์•„์ฃผ๊ธฐ

  • ๋งˆ์Œ์˜ ์—ฌ์œ ๋ฅผ ๊ฐ–๊ธฐ

  • ๋ฐ์€ ๋ชฉ์†Œ๋ฆฌ๋กœ ์†Œํ†ตํ•˜๊ธฐ

  • ๊ณ„ํš ์„ธ์šธ๋•Œ ์ƒ๊ฐํ•˜๋Š” ๋ถ€๋ถ„์„ ์ƒ์„ธํžˆ ์–˜๊ธฐ ํ•˜๊ธฐ (์„ธ๋ถ€๊ธฐ๋Šฅ), ๊ณ„ํš๋‹จ๊ณ„์—์„œ ๊ตฌํ˜„ํ•ด์•ผํ•˜๋Š” ๊ธฐ๋Šฅ์ด ์ดํ•ด์•ˆ๋˜์—ˆ์„๋•Œ๋Š” ์ดํ•ดํ•˜๊ณ  ๋„˜์–ด๊ฐ€๊ธฐ

  • ๋ณธ์ธ์˜ ๊ตฌํ˜„์ƒํ™ฉ ์ •ํ™•ํ•˜๊ฒŒ ํŒ€์›์—๊ฒŒ ๊ณต์œ ํ•˜๊ธฐ

  • ๋ชจ๋ฅด๋Š”๊ฒŒ ์žˆ๋Š” ํŒ€์›์ด ํŠœํ„ฐ๋‹˜๊ป˜ ๊ฐˆ๋•Œ ๋‹ค๊ฐ™์ด ๊ฐ€์„œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•ด๋ณด๊ธฐ

  • ์ง์„ ์ง€์–ด์„œ ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•ด๋ณด๊ธฐ

  • ์ดํ•ด๊ฐ€์ง€ ์•Š๋”๋ผ๋„ ๋๊นŒ์ง€ ํ•ด๊ฒฐํ•ด๋ณด๋ ค๊ณ  ๋…ธ๋ ฅํ•˜๊ธฐ

  • ๋งˆ๋ฌด๋ฆฌ ์‹œ๊ฐ„์— ๊ฐ„๋‹จํ•˜๊ฒŒ ์˜ค๋Š˜์„ ๋Œ์•„๋ณด๊ณ  ๋‚ด์ผ์„ ๊ณ„ํšํ•˜๊ธฐ
    (๋ณธ์ธ์ด ์˜ค๋Š˜ํ•˜๋ฃจ ๊ตฌํ˜„ํ•œ ๋ถ€๋ถ„, ๋‚ด์ผ ๊ตฌํ˜„ํ•  ๋ถ€๋ถ„)

FEEL

  • ํƒœ์ธ: ์ดํ•ด ๊ฐ€์ง€ ์•Š๋Š” ๋ถ€๋ถ„์„ ์ชผ๊ฐœ๊ณ  ์ชผ๊ฐœ์„œ ๊ตฌ์ฒดํ™”ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋” ๊ฐ•๊ตฌํ•ด๋ด์•ผ๊ฒ ๊ณ , ๋Šฆ์€ ์‹œ๊ฐ„๊นŒ์ง€ ํž˜์จ์ฃผ์‹  ํŒ€์›๋ถ„๋“ค๊ป˜ ์ง„์‹ฌ์œผ๋กœ ๊ฐ์‚ฌ.

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

  • ์ฒ ํ˜„: ๊ฐœ์ธ์„ฑ์žฅ์„ ์ค‘์š”ํ•˜๊ฒŒ ์ƒ๊ฐํ•˜๊ณ  ํŒ€์›๋“ค์˜ ์ง์„ค์ ์ธ ํ”ผ๋“œ๋ฐฑ๋„ ๋ฐ˜์˜ํ•  ์ˆ˜ ์žˆ๋Š” ๋ฉ˜ํƒˆ์„ ๊ธธ๋Ÿฌ์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค.

  • ๊ฐ€ํ˜„: ํŒ€์›๋ถ„๋“ค์ด ํ”ผ๋“œ๋ฐฑ์„ ์ˆ˜์šฉํ•ด์ฃผ์…”์„œ ์ข‹๋‹ค. ๋‹ค์Œ ํ”„๋กœ์ ํŠธ์—์„  ๊นƒํ—ˆ๋ธŒ๋ฅผ ๋งŽ์ด ํ™œ์šฉํ•ด๋ณด๊ณ  ์‹ถ๋‹ค.

profile
๋ธ”๋กœ๊ทธ ์˜ฎ๊ฒผ์Šต๋‹ˆ๋‹ค!

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