Home - boostcampwm-2022/web17-waglewagle GitHub Wiki

๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆํŒ€ undefined ์†Œ๊ฐœ

โ— ํ‰๊ท  ๋‚˜์ด 28์„ธ, ์น™์น™ํ•œ ๋‚จ์ •๋„ค๋“ค์˜ ์œ ์พŒํ•œ ๋ฐ˜๋ž€!

๐Ÿ›๏ธ ํŒ€ ๋ฌธํ™”

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

๐Ÿ‘ค ํŒ€์› ์†Œ๊ฐœ

J022_๊น€๊ด€๊ฒฝ J026_๊น€๋Œ€ํ˜ธ J069_๋ฌธ์„ฑํ˜„ J144_์ด์Šน๋ฏผ
๐Ÿ‘‘ ๋ฏธ๋“œ โš”๏ธ ํƒ‘ ๐Ÿน ์›๋”œ ๐ŸŒฟ ์ •๊ธ€
ํ”„๋กœ์ ํŠธ ๋ฆฌ๋”ฉ ๋ฐฑ์—”๋“œ ์ง„ํ–‰ ๋ฆฌ๋”ฉ ํ”„๋ก ํŠธ์—”๋“œ ์ง„ํ–‰ ๋ฆฌ๋”ฉ ์ „์ฒด ์ผ์ • ๊ด€๋ฆฌ
ํ”„๋ก ํŠธ์—”๋“œ ์ฝ”๋“œ ํ’ˆ์งˆ ๋‹ด๋‹น ๋ฐฑ์—”๋“œ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋‹ด๋‹น ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ ๋‹ด๋‹น ๋ฐฑ์—”๋“œ ์ฝ”๋“œ ํ’ˆ์งˆ ๋‹ด๋‹น

๐Ÿš— ํŒ€ ๋ณต์ง€ : ์ฐจ๋Ÿ‰์ง€์›


๐Ÿš— ๋น ๋ฅธ ์ด๋™์ด ์ƒ์‚ฐ์„ฑ์„ ๋†’์ž…๋‹ˆ๋‹ค.

์™€๊ธ€์™€๊ธ€ : ์ปค๋ฎค๋‹ˆํ‹ฐ ์†Œ๊ทธ๋ฃน ๊ด€๋ฆฌ ์„œ๋น„์Šค


โš ๏ธ ๋ฌธ์ œ ์ธ์‹

ํ•™๊ต, ํšŒ์‚ฌ ๋“ฑ์˜ ์ปค๋ฎค๋‹ˆํ‹ฐ์— ๊ฐ™์€ ๊ด€์‹ฌ์‚ฌ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๋“ค์˜ ์†Œ๋ชจ์ž„์ด ๋ณ„๊ฐœ๋กœ ์žˆ์—ˆ๋‹ค.

slack ๋“ฑ ์ด๋ฏธ ๋งŒ๋“ค์–ด์ง„ ์†Œ๋ชจ์ž„์„ ์šด์˜ํ•˜๊ธฐ ์œ„ํ•œ ์„œ๋น„์Šค๋Š” ๋งŽ์•˜์ง€๋งŒ, ์†Œ๋ชจ์ž„์„ ๋งŒ๋“œ๋Š” ๊ณผ์ •์— ์ง‘์ค‘ํ•œ ์„œ๋น„์Šค๋Š” ๋งŽ์ง€ ์•Š์•˜๊ณ  ์†Œ๋ชจ์ž„์„ ๋งŒ๋“œ๋Š” UI์™€ UX๊ฐ€ ์ข‹์ง€ ์•Š์•˜๋‹ค.

๐Ÿค” ๋ฌธ์ œ ์ ‘๊ทผ

์ปค๋ฎค๋‹ˆํ‹ฐ ๋‚ด์˜ ๊ด€์‹ฌ์‚ฌ์— ์‹ค์‹œ๊ฐ„์„ฑ์„ ๋ณด์žฅ ํ•˜๋Š” ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•œ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” ๋ฅผ ๋”ํ•ด์„œ ์†Œ๋ชจ์ž„์„ ๋งŒ๋“œ๋Š” ๊ณผ์ •์„ ํฅ๋ฏธ๋กญ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์ง€ ์•Š์„๊นŒ?

๐Ÿ—๏ธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์ œ์•ˆ

์ค‘๊ทœ๋ชจ ์ปค๋ฎค๋‹ˆํ‹ฐ(50 ~ 300๋ช…) ์—์„œ์˜ ๊ณตํ†ต ๊ด€์‹ฌ์‚ฌ ์‹œ๊ฐํ™” ๋ฅผ ํ†ตํ•œ ์†Œ๊ทธ๋ฃน ๊ด€๋ฆฌ ์„œ๋น„์Šค

๐ŸŽก ์ฃผ์š” ๊ธฐ๋Šฅ

โšซ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™” - ๋ฌผ๋ฆฌ์—”์ง„์„ ํ†ตํ•œ 2์ฐจ์› ๋ฒ„๋ธ”์ฐจํŠธ ๊ตฌํ˜„


  • ๋ฌผ๋ฆฌ์—”์ง„๋ฅผ ํ†ตํ•œ 2์ฐจ์› ์›ํ˜• ๋ฐฐ์น˜, ๋ฒ„๋ธ”์ฐจํŠธ
  • Trie ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ์ด์šฉํ•˜์—ฌ, ์ž๋™์™„์„ฑ์„ ์ง€์›ํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ ๋‚ด์˜ ํ‚ค์›Œ๋“œ ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ
  • short polling์„ ์ด์šฉํ•œ ์‹ค์‹œ๊ฐ„ ์„œ๋น„์Šค

๐Ÿ“‹ ๊ด€์‹ฌ์‚ฌ ํ‚ค์›Œ๋“œ๋ณ„ ๊ฒŒ์‹œํŒ - ๊ด€์‹ฌ์‚ฌ ํ‚ค์›Œ๋“œ ๋‚ด์˜ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜


  • ํ‚ค์›Œ๋“œ ๋ณ„ ๊ฒŒ์‹œํŒ ๊ธฐ๋Šฅ
  • ๊ฒŒ์‹œํŒ ๋ณ„ ์‹ค์‹œ๊ฐ„ ์œ ์ € ์ ‘์†์ƒํƒœ ํ™•์ธ ๊ฐ€๋Šฅ
  • ๊ฒŒ์‹œ๊ธ€ ์ฝ๊ธฐ / ์ž‘์„ฑ / ์‚ญ์ œ ๊ธฐ๋Šฅ
  • ๋Œ“๊ธ€ ์ฝ๊ธฐ / ์ž‘์„ฑ / ์‚ญ์ œ ๊ธฐ๋Šฅ

๐Ÿชข ํ‚ค์›Œ๋“œ ์ถ”์ฒœ ์‹œ์Šคํ…œ - ๋‹ค๋ฅธ ์œ ์ €๋“ค์˜ ์„ ํ˜ธ๋„๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๊ด€์‹ฌ์‚ฌ ํ‚ค์›Œ๋“œ ์ถ”์ฒœ


  • ํ˜‘์—… ํ•„ํ„ฐ๋ง ์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ์ด์šฉํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ๋‚ด์˜ ํ‚ค์›Œ๋“œ ์ถ”์ฒœ ์‹œ์Šคํ…œ

๐Ÿฆธ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ - ์œ ์ €์™€ ํ‚ค์›Œ๋“œ ๊ฒŒ์‹œํŒ ๊ด€๋ฆฌ


  • ๊ฐ€์ž… ์œ ์ € ๋ชฉ๋ก ํ™•์ธ
  • ํ‚ค์›Œ๋“œ ๊ฒŒ์‹œํŒ ๋ณ‘ํ•ฉ / ์‚ญ์ œ ๊ธฐ๋Šฅ
  • ๋‹ค์ˆ˜์˜ ๊ฒŒ์‹œํŒ ๋ณ‘ํ•ฉ ์‹œ, UX๋ฅผ ํ•ด์น˜์ง€ ์•Š๋„๋ก Soft delete์™€ Batch ํ”„๋กœ๊ทธ๋žจ ๊ตฌํ˜„

โœ‹ ์†Œ๊ฐœ ํŽ˜์ด์ง€ - ๋กœ๊ทธ์ธ๊ณผ ์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜


  • OAuth ์œ ์ € ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ
  • Intersection Observer๋ฅผ ์ด์šฉํ•œ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•œ ์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜
  • dasharray์™€ dashoffset์„ ์ด์šฉํ•œ svg ์• ๋‹ˆ๋ฉ”์ด์…˜
  • Parallex ์Šคํฌ๋กค ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ์ด์šฉํ•œ ๋ชฐ์ž…๊ฐ ์žˆ๋Š” ์†Œ๊ฐœ ํŽ˜์ด์ง€
โš ๏ธ **GitHub.com Fallback** โš ๏ธ