๐Ÿงพ5์›” 20์ผ ํšŒ์˜๋ก - FRONTENDBOOTCAMP-13th/JS-07-7zzang-Arcade GitHub Wiki

๐Ÿ’ฌ Daily Scrum (2025.05.20 ๊ธฐ์ค€)


โœ๏ธ ์–ด์ œ ํ•œ ์ผ

  • ์ดํ˜ธ์ •

    • ๊ฐœ์ธ ๊ฒŒ์ž„ BGM ์ถ”๊ฐ€
    • ๋‹จ๊ณ„๋ณ„ ๋ฉ˜ํŠธ ์ถ”๊ฐ€ (UX ๊ฐ•ํ™”)
    • Toast ์œ„์น˜/์‹œ๊ฐ„ ์กฐ์ •
    • ๋‚œ์ด๋„ ํ™•์ • ํ›„ ์žฌ์กฐ์ • ์˜ˆ์ •
  • ํ™ฉ์œ ๋นˆ

    • ๊ฐœ์ธ ๊ฒŒ์ž„ BGM ์ถ”๊ฐ€
    • ์ ์ˆ˜ ์ €์žฅ ์กฐ๊ฑด ์ถ”๊ฐ€ (๋‹‰๋„ค์ž„)
    • ์ ์ด ํ™”๋ฉด ์•„๋ž˜ ๋„๋‹ฌ ์‹œ ๊ฒŒ์ž„ ์ข…๋ฃŒ ์ฒ˜๋ฆฌ
    • UI ํ† ์ŠคํŠธ ์ ์šฉ
    • ๋ฉ”์ธ ํŽ˜์ด์ง€ ํ‹€ ์™„๋ฃŒ
  • ๊น€์ง€์ˆ˜

    • ๊ฐœ์ธ ๊ฒŒ์ž„ BGM ์—ฐ๊ฒฐ
    • ์‹œ๊ฐ„ ์˜ค๋ฅ˜ ์ˆ˜์ •
    • ๋“œ๋ž˜๊ทธ/ํ† ์ŠคํŠธ UI ๋ณ€๊ฒฝ
    • ๋ถˆํ•„์š”ํ•œ ๊ธฐ๋Šฅ ์ œ๊ฑฐ
    • ๋ฉ”์ธ BGM ์ถฉ๋Œ ํ•ด๊ฒฐ
  • ๋ฐฐ๋™์ดˆ

    • ๊ฐœ์ธ ๊ฒŒ์ž„ BGM, ์ข…๋ฃŒ BGM ์ถ”๊ฐ€
    • ๋ณด๋” ๋ผ์ธ ์ œ๊ฑฐ
    • intro ์—ฐ๊ฒฐ ํ™•์ธ

โš ๏ธ ์–ด๋ ค์›€ ๊ณต์œ 


๐ŸŽฏ ์˜ค๋Š˜ ๋ชฉํ‘œ

์ดํ˜ธ์ •

  • ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ์ˆ˜์ •
  • ๋‚จ์€ ์ผ๊ฐ ์ •๋ฆฌ ๋ฐ ๋ถ„๋ฐฐ
  • ๋ฒ„ํŠผ ํด๋ฆญ ์‹œ ํšจ๊ณผ์Œ ์ถ”๊ฐ€
  • ํƒ€ ๊ฒŒ์ž„ ๋ฐฐํฌ ํ›„ ํ…Œ์ŠคํŠธ
  • Work-flow ์ •๋ฆฌ
  • ์ธ๋ฑ์Šค์— ์‚ฌ์šฉํ•  ์ด๋ฏธ์ง€ ์ˆ˜์ง‘
  • BGM ์•„์ด์ฝ˜ ์ˆ˜์ง‘
  • ๊ฒŒ์ž„ ์„ค๋ช… ์ถ”๊ฐ€

ํ™ฉ์œ ๋นˆ

๋ฉ”์ธ

  • ๋กœ๋”ฉ scale() ์กฐ์ • โ†’ ๋กœ๋”ฉ ์ดํ›„๋กœ ๋ฏธ๋ฃธ
  • ๊ฒŒ์ž„ ์„ ํƒ ์•„์ด์ฝ˜ ๊ต์ฒด (ํ”ผ๊ทธ๋งˆ ์‚ฌ์šฉ)
  • ์ƒˆ๋กœ๊ณ ์นจ ์‹œ ๊ฒŒ์ž„ ์„ ํƒ UI ์ดˆ๊ธฐํ™”
  • ์ธ๋ฑ์Šค ํ™”๋ฉด โ†’ ์•„์ด์ฝ˜ 2๊ฐœ(grid) ๋ฐฐ์น˜

๊ณตํ†ต

  • ์ธํŠธ๋กœ ์ง„์ž… ์‹œ ๋ฉ”์ธ BGM ์ค‘๋‹จ
  • ํŒŒ๋น„์ฝ˜ ์ ์šฉ

space

  • ์ทจ์†Œ ๋ฒ„ํŠผ โ†’ ๋ฉ”์ธ BGM ์žฌ์ƒ
  • input ํƒœ๊ทธ์— autocomplete="off" ์ ์šฉ

๊น€์ง€์ˆ˜

  • ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ์ˆ˜์ •
  • canvas ํƒ€์ž… ์—๋Ÿฌ ํ•ด๊ฒฐ
  • ๋‹‰๋„ค์ž„ ์ž…๋ ฅ UI ์ˆ˜์ •
  • ์ทจ์†Œ ๋ฒ„ํŠผ โ†’ ์ธํŠธ๋กœ ์ด๋™ ์ฒ˜๋ฆฌ
  • ํ”ผ๊ทธ๋งˆ ์ •๋ฆฌ
  • Firebase ์—ฐ๋™
  • README / Wiki ๋ ˆ์ด์•„์›ƒ ์ •๋ฆฌ

๋ฐฐ๋™์ดˆ

  • ํŒŒ๋น„์ฝ˜ ์ ์šฉ
  • ํ”„๋กœ์ ํŠธ ๊ด€๋ จ ๋ฌธ์„œ ์ •๋ฆฌ (Notion)
  • ๋ฐฐํฌ ํ›„ ์ˆ˜์ • ์˜ˆ์ •
  • ๋‘๋”์ง€ ๊ธฐ๋Šฅ ํ™•์ธ ๋ฐ ์ถ”๊ฐ€ ๊ตฌํ˜„

๐Ÿ’ก ์•„์ด๋””์–ด ๋…ผ์˜ (Idea Talk)

  • ์ฝ”์ธ ์ปค์„œ / ์ฝ”์ธ BGM
  • ๋ฉ”์ธ BGM ๊ฐœ์„ 
  • ๊ฒŒ์ž„ ์„ ํƒ์ฐฝ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€
  • ํ™ˆ ์ฃผ์†Œ ํ†ต์ผ โ†’ ๊ฒŒ์ž„ ์„ ํƒ ํ™”๋ฉด ์ด๋™
  • ํ™”๋ฉด ์ง„์ž… ์‹œ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ
  • ์ธ๋ฑ์Šค ํŽ˜์ด์ง€:
    • ์˜ค๋ฅธ์ชฝ ์—ฌ๋ฐฑ โ†’ ๋ฆฌ๋“œ๋ฏธ/Wiki ์•„์ด์ฝ˜ ๋ฐฐ์น˜
    • ๋นˆ ๊ธฐ๊ณ„ ํ™”๋ฉด๋„ Zoom-In/Out ์œ ์ง€
    • ๋™์ „ ๋ชจ์…˜ ์ƒ๋žต, ํ™”๋ฉด ์œ ์ง€
    • ์•„์ด์ฝ˜ ํด๋ฆญ ์‹œ ์™ธ๋ถ€ ๋งํฌ ์ด๋™
  • ์™ผ์ชฝ ๊ธฐ๊ณ„๋Š” โ€˜๊ณ ์žฅ๋‚จโ€™ โ†’ ๋Œ€์‹  ํฌ๋ ˆ๋”ง ํ™”๋ฉด์œผ๋กœ?

๐Ÿ”ฅ Action Items

  • ํŒŒ๋น„์ฝ˜ ์ ์šฉ @๋ฐฐ๋™์ดˆ @ํ™ฉ์œ ๋นˆ
  • ์„œ๋กœ ๊ฒŒ์ž„ ํ…Œ์ŠคํŠธ ๋ฐ ํ”ผ๋“œ๋ฐฑ @ํŒ€ ์ „์ฒด
  • ๋ฐฐํฌ ํ…Œ์ŠคํŠธ & ํ›„์† ์ˆ˜์ •
    • ์• ๋‹ˆ๋ฉ€, ํ† ๋งˆํ† , ๋‘๋”์ง€ ์ด๋ฏธ์ง€ ๊นจ์ง ํ™•์ธ
    • ๋ฉ”์ธ ์ด๋ฏธ์ง€ ๊ต์ฒด ํ•„์š”
    • smash7 ์ˆ˜์ •์‚ฌํ•ญ:
      • ๋‹‰๋„ค์ž„ ์ปค์„œ
      • ์ €์žฅ ํ† ์ŠคํŠธ ํŒ์—…
      • ํŒ์—… ์ด๋ฏธ์ง€ ๋†’์ด
      • ๊ฒŒ์ž„ alert ์ œ๊ฑฐ
    • ์ œ7์šฐ์ฃผ: Start ๋ฒ„ํŠผ ์ƒํƒœ ํ™•์ธ
    • ๋ฉ”์ธ BGM์ด ์ธ๊ฒŒ์ž„๊นŒ์ง€ ์œ ์ง€๋˜๋Š” ๋ฌธ์ œ
  • ๊ฐ์ž ๋ธŒ๋žœ์น˜ ์ƒ์„ฑ ํ›„ npm run build / preview ํ™•์ธ
  • ๋ฐฐํฌ ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ์ ๊ฒ€

๐Ÿ“Œ ๋ฐฐํฌ ์ด๋ฏธ์ง€ ๊นจ์ง ๊ด€๋ จ ๋ฌธ์ œ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

๐Ÿ”น ๊ฐ€๋Šฅํ•œ ์›์ธ ๋ฐ ํ•ด๊ฒฐ๋ฒ•

1๏ธโƒฃ ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ๋ฌธ์ œ

  • ๋ฌธ์ œ: ๋นŒ๋“œ ๊ฒฐ๊ณผ๋ฌผ์—์„œ ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์Œ
  • ํ•ด๊ฒฐ:
    • ์ด๋ฏธ์ง€ public/ ํด๋”์— ์œ„์น˜์‹œํ‚ค๊ธฐ
    • ๊ฒฝ๋กœ๋Š” ์ ˆ๋Œ€๊ฒฝ๋กœ /images/filename.png ์‚ฌ์šฉ
    • Vite/React ๊ธฐ์ค€ import ๋Œ€์‹  ์ง์ ‘ ๋งํฌ ํ™œ์šฉ

2๏ธโƒฃ ์ •์  ํŒŒ์ผ ๋นŒ๋“œ ๋ˆ„๋ฝ

  • ๋ฌธ์ œ: src/assets์˜ ํŒŒ์ผ์ด ๋นŒ๋“œ ์‹œ ํฌํ•จ๋˜์ง€ ์•Š์Œ
  • ํ•ด๊ฒฐ:
    • public/ ์‚ฌ์šฉ ๊ถŒ์žฅ
    • src/assets ์‚ฌ์šฉ ์‹œ import๋กœ ๋ช…์‹œ์ ์œผ๋กœ ์ฐธ์กฐ

3๏ธโƒฃ ๋ฐฐํฌ ์„œ๋ฒ„ ์ •์  ํŒŒ์ผ ์ œ๊ณต ์˜ค๋ฅ˜

  • ๋ฌธ์ œ: ๋ฐฐํฌ๋œ ํ™˜๊ฒฝ์—์„œ ์ด๋ฏธ์ง€ ์š”์ฒญ์ด ์‹คํŒจ
  • ํ•ด๊ฒฐ:
    • package.json โ†’ "homepage": "/ํ”„๋กœ์ ํŠธ๋ช…/" ์„ค์ • ํ™•์ธ
    • GitHub Pages ์‚ฌ์šฉ ์‹œ:
      <BrowserRouter basename={process.env.PUBLIC_URL}>
      
    • Netlify/Vercel ๋ฐฐํฌ ์‹œ, ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ ๋ฐ rewrite ๊ทœ์น™ ์ ๊ฒ€