Feature list - GleamingStar/fe-w6-free-style GitHub Wiki

๋‚ด์ „ ๋Œ€๋Œ„์ฐŒ(ํŒ€ ๋‚˜๋ˆ„๊ธฐ) ๊ตฌํ˜„

์š”๊ตฌ์‚ฌํ•ญ

  • 10๋ช…์˜ ์ฐธ์—ฌ์ธ์›์„ 2ํŒ€์œผ๋กœ ๋‚˜๋ˆ„๊ธฐ
  • ๊ธฐ์กด ์ฐธ์—ฌ์ธ์› ๋ณด์กด
  • ํ”ฝ๋ฐด UI ์• ๋‹ˆ๋ฉ”์ด์…˜
  • ๋‚˜๋งŒ์˜ DOMํƒ์ƒ‰์— ํ•„์š”ํ•œ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐœ๋ฐœ
  • ๋”ฑ ํ‚ค๋ฉด ๋”ฑ ์•Œ ๋งค๋‰ด์–ผ? ๊ฐ€์ด๋“œ๋ผ์ธ ์ œ์‹œ

๊ตฌํ˜„ํ•  ๊ฒƒ

  • HTML ๊ตฌ์กฐ ๋‚˜๋ˆ„๊ธฐ
    • ์ž…๋ ฅ, ์ถœ๋ ฅ, ๋ฃฐ๋ › ํŒŒํŠธ ๋‚˜๋ˆ„๊ธฐ
      • ์ขŒ์ธก์˜ ์ถ”์ฒจ/์ „์  ๋ฉ”๋‰ด, ์šฐ์ธก์˜ ์ฐธ์—ฌ์ธ์›/ ๋ฃฐ๋ › / ์‹œ์ž‘๋ฒ„ํŠผ / ์ถ”์ฒจ๊ฒฐ๊ณผUI
  • LOL ํ”ฝ๋ฐด UI์— ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ ์šฉ
    • 10๋ช… ์ˆœ์„œ๋Œ€๋กœ ์ž๋ฆฌ ์ฐจ์ง€ํ•˜๋Š”? ์• ๋‹ˆ๋ฉ”์ด์…˜
    • UI์ƒ๋‹จ์—๋Š” ๊ณ„์† ๋Œ์•„๊ฐ€๋Š” ์›ํ˜•
    • ํฌ์ง€์…˜๊นŒ์ง€ ์ •ํ•ด์ฃผ๋Š” ๋ฐฉ์‹ ๊ตฌํ˜„
      • ๊ทธ๋ƒฅ ์ž๋ฆฌ ๋งž์ถฐ์„œ ๊ฐ€์ž
  • ๋ฃฐ๋ ›์œผ๋กœ ๋น„๊ณต๊ฐœ ์„ ํƒ/ ๋ชจ๋‘ ๋ฌด์ž‘์œ„/ ํ† ๋„ˆ๋จผํŠธ ๋“œ๋ž˜ํ”„ํŠธ/ ์นผ๋ฐ”๋žŒ ๋”ฐ์œ„์˜ ๊ฒŒ์ž„ํ˜•์‹ ์ถ”์ฒจ ๊ธฐ๋Šฅ
    • 4์ฃผ์ฐจ ๋งˆ์…˜, ๋„ค์ด๋ฒ„ ๋ฃฐ๋ › ์ฐธ๊ณ  (๋™์ ์œผ๋กœ ํ•ญ๋ชฉ ์ถ”๊ฐ€, ์‚ผ๊ฐํ•จ์ˆ˜)
  • (์„ ํƒ์‚ฌํ•ญ) ์ŠนํŒจ ๊ฒฐ๊ณผ ๊ธฐ๋ก ์ €์žฅ
    • github page์—์„œ๋„ ์ €์žฅํ•  ๋ฐฉ๋ฒ•์ด ์žˆ๋‚˜?
    • ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ด์šฉ?
  • (์„ ํƒ์‚ฌํ•ญ) ID์— ๋”ฐ๋ฅธ ๋žญํฌ/์ฑ”ํ”„์ „์  ๋”ฐ์œ„ ์ •๋ณด fetchํ›„ ๋ Œ๋”
    • RIOT API key ๋ฐœ๊ธ‰์—๋Š” ์ผ์ฃผ์ผ ์†Œ์š”
  • ๋ฐฐํฌ๋ฐฉ์‹ ์„ ํƒ
  • ๐Ÿฅ‡ ๋‚˜๋งŒ์˜ querySelector ๋งŒ๋“ค๊ธฐ