2.Lush>Hush Project

๊ฐœ๋ฏธ๋Š”๋š ๋š ยท2022๋…„ 10์›” 2์ผ
0

Project

๋ชฉ๋ก ๋ณด๊ธฐ
2/2
post-thumbnail

Hush_wecode 1st project

๐Ÿ˜ƒSummary

์–ด๋Š๋ง ์œ„์ฝ”๋“œ์— ๋“ค์–ด์˜ค๊ณ  6์ฃผ์ฐจ,,,ํ•™์Šต ์ปค๋ฆฌํ˜๋Ÿผ์ด ๋๋‚˜๊ณ  ํ”„๋กœ์ ํŠธ๊ฐ€ ์‹œ์ž‘๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ํ‰์†Œ์ฒ˜๋Ÿผ ์œ„์›Œํฌ์— ์ถœ๊ทผํ•˜์˜€๊ณ , ์ž ์‹œ ๋’ค ๋งค๋‹ˆ์ €๋‹˜์ด ํ”„๋กœ์ ํŠธ ๋งด๋ฒ„ ๋ช…๋‹จ๊ณผ ๋‚ด๊ฐ€ ์ง„ํ–‰ํ•  ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐœํ‘œํ•ด์ฃผ์…จ๋‹ค. ๋งด๋ฒ„๋Š” ํ”„๋ก ํŠธ์—”๋“œ์— ์„๋ฌธ๋‹˜, ๋ฃจ๋น„๋‹˜, ํ˜œ๋ฆฐ๋‹˜/ ๋ฐฑ์—”๋“œ์—๋Š” ๋‹ค์˜๋‹˜, ์Šน๋ ฌ๋‹˜, ์ •ํ›ˆ๋‹˜์ด ํ•จ๊ป˜ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ๋‚˜๋Š” ํ‰์†Œ์— ๋‘ฅ๊ธ€๋‘ฅ๊ธ€ํ•œ ์„ฑ๊ฒฉ์ด๋ผ ๋ชจ๋“  ๋ถ„๋“ค๊ณผ ํ•œ๋ฒˆ์”ฉ ์นœ๋ถ„์ด ์žˆ์—ˆ๊ณ , ๋‹ค๋“ค ๋ฐ˜๊ฐ‘๊ฒŒ ๋งž์ดํ•ด์ฃผ์…”์„œ ๋„ˆ๋ฌด ๊ธฐ๋ปค๋‹ค. ๊ทธ๋ ‡๊ฒŒ ํ™”๊ธฐ์• ์• ํ•œ ๋ถ„์œ„๊ธฐ ์†์— ํ”„๋กœ์ ํŠธ ํšŒ์˜๊ฐ€ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ํด๋ก ์ฝ”๋”ฉ์— ์ฃผ์ œ๊ฐ€ ๋œ LUSH ์‚ฌ์ดํŠธ๋ฅผ "์šฐ๋ฆฌ๋งŒ์˜ ์ƒ‰๊น”๋กœ ๋งŒ๋“ค์–ด๋ณด์ž!" ์–˜๊ธฐ๊ฐ€ ๋‚˜์™”๊ณ , ์šฐ๋ฆฌ๋Š” ์ดˆ์ฝœ๋ฆฟ ๋ธŒ๋žœ๋“œ HERSHY's์˜ ์–ด๊ฐ์„ ๋”ฐ์„œ HUSH๋ผ๋Š” ๋””์ €ํŠธ ํŒ๋งค ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ๋กœ ๊ฒฐ์ •ํ•˜์˜€๋‹ค.

๐Ÿ˜ŽProgress

member - ์ด๋ฒˆ์—๋„ ์ง€๋‚œ ํŠธ์œ„ํ„ฐ์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ํ”„๋ก ํŠธ 4๋ช… ๋ฐฑ์—”๋“œ 3๋ช…์œผ๋กœ ํ”„๋กœ์ ํŠธ๊ฐ€ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ์•„๋ฌด๋ž˜๋„ ์ €๋ฒˆ ์ฃผ ์ง„ํ–‰ํ•œ ํŠธ์œ„ํ„ฐ ํ”„๋กœ์ ํŠธ๊ฐ€ ํฐ ๋„์›€์ด ๋˜์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ์™€ ๋ฐฑ์—”๋“œ ๊ฐ„์˜ ๊ธฐํš ๋‹จ๊ณ„์—์„œ์˜ ์ž…์žฅ์ฐจ์ด, ์‹ค์ œ ํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ์ง„ํ–‰์†๋„ ๋“ฑ์„ ๊ณ ๋ คํ•˜๋ฉฐ ์ˆ˜์›”ํ•˜๊ฒŒ ํšŒ์˜๊ฐ€ ์ง„ํ–‰๋˜์—ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ฒด๊ณ„์ ์ธ ํ”„๋กœ์ ํŠธ ์ง„ํ–‰์„ ์œ„ํ•ด ํŒ€์žฅ(PM)์„ ์ •ํ•˜๊ธฐ๋กœ ํ–ˆ๊ณ , ์ด๋ฒˆ์—๋„ ๋‚ด๊ฐ€ ๊ฐ์‚ฌํ•˜๊ฒŒ๋„ ๋˜ ๋งก์•„์„œ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.
์•„ ์ฐธ๊ณ ๋กœ ๊ฐ•์กฐํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์ด ์žˆ๋Š”๋ฐ, ์šฐ๋ฆฌํŒ€์ด HUSH๋ผ๋Š” ์ด๋ฆ„์˜ ํŒ€์ด ๋  ์ˆ˜ ์žˆ๋˜๊ฑฐ๋Š” ์šฐ๋ฆฌ ๋งด๋ฒ„๋“ค์ด 7๋ช… ์ค‘ 7๋ช…์ด ๋จน๋Š” ๊ฒƒ์— ์ง„์‹ฌ!์ด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ์ด๊ฑด ํŒ€์› ์ „์ฒด ํšŒ์˜์—์„œ ๊ณตํ†ต์œผ๋กœ ๊ฒฐ์ •๋‚ด๋ฆฐ ๊ฒƒ์ด๋‹ค....์ •๋ง tmi๋‹ค...ํ•˜,,,ํ•˜ใ…,,,,

function - ์šฐ๋ฆฌ๋Š” ์ œํ’ˆ์„ ํŒ๋งคํ•˜๋Š” ์‚ฌ์ดํŠธ์˜€๊ณ , ๊ฐ์ž ํ•„์š”ํ•œ ๊ธฐ๋Šฅ์— ๋Œ€ํ•ด์„œ ์„œ์ˆ ํ•˜๊ณ , ๊ทธ์— ๋งž๋Š” ๊ธฐ๋Šฅ์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ• ์ง€, ๋˜ 2์ฃผ๋ผ๋Š” ์‹œ๊ฐ„ ์•ˆ์— ์ „๋ถ€ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์„์ง€์— ๋”ฐ๋ผ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๋นผ๊ฑฐ๋‚˜๋ฅผ ์˜๋…ผํ•˜์˜€๋‹ค. ๊ทธ๋ ‡๊ฒŒ ๋‚˜์˜จ ํ•ต์‹ฌ ๊ธฐ์ˆ ์„ ์ •๋ฆฌํ•˜์ž๋ฉด ์•„๋ž˜์™€ ๊ฐ™๋‹ค.

  1. ์ œํ’ˆ ๋ฆฌ์ŠคํŠธ๋ฅผ ์นดํ…Œ๊ณ ๋ฆฌ ๋ฐ ๊ฐ€๊ฒฉ์— ๋”ฐ๋ผ ์กฐํšŒํ•  ์ˆ˜ ์žˆ๋‹ค.
  2. ์žฅ๋ฐ”๊ตฌ๋‹ˆ ๋ฐ ์ฐœ์„ ํ†ตํ•ด ์ œํ’ˆ์— ๋Œ€ํ•œ ๊ตฌ๋งค์˜์‚ฌ๋ฅผ ๋ณด๊ด€ํ•  ์ˆ˜ ์žˆ๋‹ค.
  3. ๊ฒฐ์ œ ๊ธฐ๋Šฅ์„ ํ†ตํ•ด ์†Œ๋น„์ž๋Š” ๋ฌผ๊ฑด์„ ๊ตฌ๋งคํ•  ์ˆ˜ ์žˆ๋‹ค.

์—ฌ๊ธฐ๊นŒ์ง€๊ฐ€ ํ•ต์‹ฌ์ด๊ณ , ์šฐ๋ฆฌ๋Š” ์ด ์™ธ์—๋„ ์—ฌ๋Ÿฌ๊ฐ€์ง€๋ฅผ ์˜๋…ผํ•˜์˜€๋‹ค.

  1. ์‚ฌ์ดํŠธ๋ฅผ ์ฒ˜์Œ ๋“ค์–ด์™”์„ ๋•Œ ์†Œ๋น„์ž์˜ ๊ตฌ๋งค์˜์‚ฌ๋ฅผ ๋ถˆ๋Ÿฌ์ผ์œผํ‚ค๋Š” ๋ฉ”์ธํŽ˜์ด์ง€
  2. ์œ ์ €์˜ ๊ธฐ๋ณธ์ •๋ณด ๋ฐ ๋ฐฐ์†ก์ง€ ๋“ฑ์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ํšŒ์›๊ฐ€์ž…, ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€
  3. ์ œํ’ˆ๋ฆฌ์ŠคํŠธ์— ๋”ฐ๋ฅธ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ
  4. ํšŒ์›๊ฐ€์ž… ์‹œ 10๋งŒ point ์ œ๊ณต, ํ•ด๋‹น ํฌ์ธํŠธ๋กœ ๊ฒฐ์ œ ๊ธฐ๋Šฅ ๋Œ€์ฒด
  5. ๊ธฐํƒ€ ๋ถˆํ•„์š”/๋ฏธ๊ตฌํ˜„ ํŽ˜์ด์ง€ ํ‘œํ˜„ ๋ฐฉ๋ฒ•, ํŒ€์†Œ๊ฐœ ํŽ˜์ด์ง€ ๋“ฑ
  1. sign-up/sigh-in

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

  • ์ฐœํ•˜๊ธฐ, ์žฅ๋ฐ”๊ตฌ๋‹ˆ ํŽ˜์ด์ง€๋กœ ์†Œ๋น„์ž ๊ตฌ๋งค์˜์‚ฌ ๋ณด๋ฅ˜ ๊ธฐ๋Šฅ
  • ์žฅ๋ฐ”๊ตฌ๋‹ˆ ์ œํ’ˆ ์„ ํƒ ๋ฐ ์ˆ˜๋Ÿ‰ ์กฐ์ ˆ์„ ํ›„ ๊ฒฐ์ œํŽ˜์ด์ง€ ์ด๋™ ๊ธฐ๋Šฅ
  • ํ† ํฐ ์ฐธ์กฐํ•œ ์œ ์ €์ •๋ณด๋ฅผ ์กฐํšŒํ•˜๊ณ  ๋ณด์œ  ํฌ์ธํŠธ์— ๋”ฐ๋ฅธ ๊ฒฐ์ œ ๊ธฐ๋Šฅ ์ˆ˜ํ–‰
  • ๋ฐฐ์†ก๋ฉ”์„ธ์ง€ ์„ ํƒ ๋ฐ ์ง์ ‘์ž…๋ ฅ์„ ํ†ตํ•œ ์ง€์ • ๋ฉ”์„ธ์ง€ ์ „์†ก ๊ธฐ๋Šฅ
  1. ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ
  • ์ œํ’ˆ๋ฆฌ์ŠคํŠธ๋ช…์— ๋”ฐ๋ฅธ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ ์ˆ˜ํ–‰
  • ์†Œ๋น„์ž์˜ keyDown์ด๋ฒคํŠธ์— ๋”ฐ๋ฅธ ๋ฐ์ดํ„ฐ ์š”์ฒญ์ฒ˜๋ฆฌ
  1. ๋ฉ”์ธํŽ˜์ด์ง€

  • slide, hover, scroll ๋“ฑ ๋‹ค์–‘ํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ๋ฅผ ์ด์šฉํ•œ ๋ฉ”์ธ ํŽ˜์ด์ง€
  1. ๊ธฐํƒ€
  • ๋ฏธ๊ตฌํ˜„ ํŽ˜์ด์ง€ ๋ฐ ํŒ€์†Œ๊ฐœ ํŽ˜์ด์ง€๋ฅผ ํ‘œํ˜„

๐ŸฅนWrap-up

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

git-hub
trello
notion

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