Skip to content

๐ŸŽญ ๊ฐ€๋ฉด์ฆํ›„๊ตฐ ์‹ฌ๋ฆฌ์— ๋„์›€๋˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ž์‹ ์˜ ์„ฑ์ทจ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ

Notifications You must be signed in to change notification settings

mic050r/innerflow-dj

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

66 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽญ ์„ฑ์žฅ๊ณผ ๋ณ€ํ™”๋ฅผ ๊ธฐ๋กํ•˜๋Š” ํ”Œ๋žซํผ, ์ด๋„ˆํ”Œ๋กœ์šฐ

'์ด๋„ˆํ”Œ๋กœ์šฐ' ๋Š” ๋ฏธ๋ฆผ๋งˆ์ด์Šคํ„ฐ๊ณ ์˜ ์‹ฌ๋ฆฌํ•™์—ฐ๊ตฌ๋ฐ˜ ๋™์•„๋ฆฌ๋ฅผ ์ฃผ์ œ๋กœ ๊ธฐํšํ•œ ๊ฐ€๋ฉด์ฆํ›„๊ตฐ ์‹ฌ๋ฆฌ์— ๋„์›€๋˜๋Š” ์•„ํ‹ฐํด๊ณผ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ž์‹ ์˜ ์„ฑ์žฅ๊ณผ ๋ณ€ํ™”๋ฅผ ์ถ”์ ํ•˜๊ณ  ์„ฑ์ทจ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.


๐Ÿš€ ํ”„๋กœ์ ํŠธ ๋™๊ธฐ

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

๋”ฐ๋ผ์„œ ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์— ๋Œ€ํ•œ ์ธ์‹๊ณผ ์ดํ•ด๋ฅผ ๋†’์ด๊ณ , ์‚ฌ์šฉ์ž๋“ค์ด ์ž์‹ ์˜ ์‹ฌ๋ฆฌ์  ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ๊ฐœ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ๋„๊ตฌ์™€ ์ž์›์„ ์ œ๊ณตํ•˜๊ธฐ ์œ„ํ•ด "์ด๋„ˆํ”Œ๋กœ์šฐ"๋ฅผ ์ œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

"์ด๋„ˆํ”Œ๋กœ์šฐ"๋Š” ์‚ฌ์šฉ์ž๋“ค์ด ์ž์‹ ์˜ ๊ฐ์ •์„ ์†”์งํ•˜๊ฒŒ ํ‘œํ˜„ํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜์—ฌ, ๊ฐœ๋ฐœ์ž๋“ค์ด ๋ณด๋‹ค ๊ฑด๊ฐ•ํ•˜๊ณ  ๊ธ์ •์ ์œผ๋กœ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. (์ž์„ธํ•œ OverView๋Š” ๊ธฐํš์„œ์—์„œ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค!)

ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ•˜๋Š” ๋ฌธ์ œ์  ๐Ÿ‘‡๐Ÿป

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

์ด๋„ˆํ”Œ๋กœ์šฐ๋Š” ๊ฐœ์ธ์ ์ธ ์„ฑ์žฅ๊ณผ ์‹ฌ๋ฆฌ์ ์ธ ์•ˆ๋…•์„ ์œ„ํ•ด ํ•„์š”ํ•œ ์ž์›๊ณผ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž๋“ค์ด ๋” ๋‚˜์€ ์‚ถ์„ ์‚ด์•„๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.


๐Ÿ“ Skill

์‚ฌ์šฉ๊ธฐ์ˆ 
Front HTML CSS JavaScript
Back Django Python PostgreSQL Docker

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

  1. ์†Œ์…œ ๋กœ๊ทธ์ธ
    • ์‚ฌ์šฉ์ž๋Š” ์นด์นด์˜ค ๋กœ๊ทธ์ธ์„ ํ†ตํ•ด ์ด๋„ˆํ”Œ๋กœ์šฐ ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  2. ํ™ˆํŽ˜์ด์ง€
    • ๊ฐ€๋ฉด์ฆํ›„๊ตฐ ์‹ฌ๋ฆฌ์— ๋„์›€๋˜๋Š” ์•„ํ‹ฐํด ๋ชฉ๋ก๊ณผ ์„ฑ๊ณผ ํ‚ค์›Œ๋“œ ๋ชจ์Œ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
    • ์‚ฌ์šฉ์ž์˜ ํ•™์Šต๋ชฉํ‘œ ์ง„ํ–‰์ƒํ™ฉ์„ ์š”์•ฝํ•˜์—ฌ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค.
  3. ์„ฑ์ทจ ์ผ์ง€ ์ž‘์„ฑ
    • ์‚ฌ์šฉ์ž๋Š” ๋งค์ผ์˜ ์„ฑ์ทจ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ์ผ๊ธฐ ํ˜•์‹์˜ ์„ฑ์ทจ ์ผ์ง€๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์„ฑ์ทจ ์ผ์ง€์—๋Š” ๋‚ ์งœ, ์˜ค๋Š˜์˜ ์˜จ๋„, ํ‚ค์›Œ๋“œ ๋“ฑ์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  4. ์ž๊ธฐ ์นญ์ฐฌ ์ž‘์„ฑ
    • ์‚ฌ์šฉ์ž๋Š” ์ž์‹ ์„ ์นญ์ฐฌํ•˜๊ณ  ๊ธ์ •์ ์ธ ์ƒ๊ฐ์„ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ์นญ์ฐฌ ์ผ์ง€๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  5. ํ˜„์‹ค์ ์ธ ๋ชฉํ‘œ ์„ค์ • ๋ฐ ์ถ”์ 
    • ์‚ฌ์šฉ์ž๋Š” ํ˜„์‹ค์ ์ด๊ณ  ๊ตฌ์ฒด์ ์ธ ๋ชฉํ‘œ๋ฅผ ์„ค์ •ํ•˜๊ณ , ์ด๋ฅผ ๋‹ฌ์„ฑํ•˜๊ธฐ ์œ„ํ•œ ์ผ์ •์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ๋ชฉํ‘œ์— ๋งž๋Š” to do list๋ฅผ ์ž‘์„ฑํ•˜๊ณ , ์™„๋ฃŒํ•œ ํ•ญ๋ชฉ์„ ์ฒดํฌํ•˜์—ฌ ๋ช‡ ํผ์„ผํŠธ ๋‹ฌ์„ฑํ–ˆ๋Š”์ง€ ์‹œ๊ฐ์ ์œผ๋กœ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  6. ์ต๋ช…๊ฒŒ์‹œํŒ
    • ์‚ฌ์šฉ์ž๋Š” ์ต๋ช…์œผ๋กœ ์งˆ๋ฌธ์„ ์˜ฌ๋ฆฌ๊ณ  ๋‹ต๋ณ€์„ ๋ฐ›์„ ์ˆ˜ ์žˆ๋Š” ๊ฒŒ์‹œํŒ์„ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€์„ ์ถ”๊ฐ€/์ˆ˜์ •/์‚ญ์ œํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
    • ์ „์ฒด, ๋‹ต๋ณ€์„ ๊ธฐ๋‹ค๋ฆฌ๋Š” ์งˆ๋ฌธ, ๋‚ด ๊ฒŒ์‹œ๊ธ€์„ ํ•„ํ„ฐ๋งํ•˜์—ฌ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ’ป DEMO

InnerFlow.mp4

About

๐ŸŽญ ๊ฐ€๋ฉด์ฆํ›„๊ตฐ ์‹ฌ๋ฆฌ์— ๋„์›€๋˜๋Š” ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ์‚ฌ์šฉ์ž๊ฐ€ ์ž์‹ ์˜ ์„ฑ์ทจ๋ฅผ ๊ธฐ๋กํ•  ์ˆ˜ ์žˆ๋Š” ํ”Œ๋žซํผ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published