Skip to content
Su Yong Chang edited this page Dec 1, 2021 · 1 revision

์Šคํ”„๋ฆฐํŠธ

TMI

  • ๋ฏผ์ง€: ์ปคํ”ผ๋ฅผ ๋ชป๋งˆ์‹ฌ
  • ๋ช…์žฌ: ํŒŒ๋งˆ๊ฐ€ ํ’€๋ฆฌ๊ณ  ์žˆ์Œ..
  • ์›์ฃผ: ์นดํŽ˜์ธ ๋Š๋Š”์ค‘
  • ์ˆ˜์šฉ: ์•„๋ฉ”๋ฆฌ์นด๋…ธ๋งŒ ๋งˆ์‹ฌ

ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ๋Š” ๊ฒƒ || ํ•ด์•ผํ•˜๋Š” ๊ฒƒ

ํ•„์ˆ˜

  • ์ตœ๋Œ€ํ•œ any ์ œ๊ฑฐ
  • ํƒ€์ž… ํด๋” ์™„์ „ ๋ถ„๋ฆฌ (+๋ฐฑ์—”๋“œ๋„..!!!)
  • ๋งค์ง๋„˜๋ฒ„, ๋ฉ”์‹œ์ง€ ์ •๋ฆฌ
  • ์†Œ์ผ“ ๋กœ์ง ๋ถ„๋ฆฌ(BE), ์—๋Ÿฌ์ฒ˜๋ฆฌ ๐Ÿ‘๐Ÿ‘
  • [โ–ณ] ๋ฏธ๋“ค์›จ์–ด ๋ณด์™„ ๐Ÿ‘
  • ์†Œ์ผ“ ๋กœ์ง, ์ด๋ฒคํŠธ ๋ถ„๋ฆฌ(FE)

๊ธฐ๋Šฅ ๊ฐœ๋ฐœ

  • [โ–ณ] ํšŒ์› ํƒˆํ‡ด
  • ๋“œ๋กญ๋‹ค์šด ๋ฐ– ๋ˆŒ๋ €์„ ๋•Œ ๊บผ์ง€๋Š” ๊ธฐ๋Šฅ
  • ํ™•์ธ ๋ชจ๋‹ฌ ๋งŒ๋“ค๊ธฐ
  • ๋กœ๊ทธ์ธ ๋กœ์ง ์ˆ˜์ • (refresh token, access token) ๐Ÿ‘๐Ÿ‘
  • ์ปค์Šคํ…€ ์Šคํฌ๋กค
  • ํฌ์ŠคํŠธ์ž‡ ๋ชฉ๋ก
  • ๋†€์ดํ„ฐ

์„ฑ๋Šฅ ๊ฐœ์„ 

  • ๋ฒˆ๋“ค ์ตœ์ ํ™”(bundle analyzer) ๐Ÿ‘
  • ๋นŒ๋“œ ์ตœ์ ํ™”, ํ•„์š” ์—†๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ •๋ฆฌ ๐Ÿ‘
  • ์ฝ”๋“œ ๋‚œ๋…ํ™”
  • socket ์„ฑ๋Šฅ ๊ฐœ์„  (BE)
    • ์“ฐ๋กœํ‹€๋ง
    • ๋ฌดํ•œ ์Šคํฌ๋กค
    • artillery๋กœ ๋ถ€ํ•˜ ํ…Œ์ŠคํŠธ ๐Ÿ‘๐Ÿ‘
  • lighthouse ์ง„๋‹จ, ์ตœ์ ํ™” ๐Ÿ‘๐Ÿ‘ (FE)
    • react lazy๋กœ ์ฝ”๋“œ ์Šคํ”Œ๋ฆฌํŒ… ํ•ด๋ณด๊ธฐ
    • ์ตœ๋Œ€ํ•œ 100 ๋งŒ๋“ค๊ธฐ
    • SEO?
    • ์ง€๊ธˆ ์ฝ˜์†”์— ๋œจ๊ณ  ์žˆ๋Š” ์—๋Ÿฌ ์žก๊ธฐ(Best Practice)
      • Error while trying to use the following icon from the Manifest: https://www.boostteams.kro.kr/logo192.png (Download error or resource isn't a valid image)
        • manifest.json์—์„œ logo192.png ์‚ญ์ œ

ํ…Œ์ŠคํŠธ

  • common์— UI ํ…Œ์ŠคํŠธ ์ฝ”๋“œ(storybook)
  • BE ํ…Œ์ŠคํŠธ (mocha/Jest) ๐Ÿ‘
    • account
      • sign in
      • sign up
      • sign out
    • codecov๋ผ๋Š” ๊ฒƒ๋„ ์žˆ๋Œ€์š”

๊ธฐํƒ€

  • frontend/src/apis ํ•จ์ˆ˜๋“ค custom hook์œผ๋กœ ๋ฆฌํŒฉํ† ๋ง... ใ… ใ… 
  • navbar, header ํ•œ๋ฒˆ๋งŒ ๋ Œ๋”๋ง๋˜๊ฒŒ..
  • [โ–ณ] ๊ณณ๊ณณ UI ์ˆ˜์ •
    • ๊ทธ๋ฆผ์ž ์•„์ง ์•ˆํ•จ
  • redis ์Šคํ‚ค๋งˆ ์ž‘์„ฑ
  • api ๋ช…์„ธ์„œ ์œ„ํ‚ค์—

์งˆ๋ฌธ

์—ญํ• ๋ถ„๋‹ด

  • ์›์ฃผ, ๋ช…์žฌ: ์“ฐ๋กœํ‹€๋ง
  • ๋ฏผ์ง€, ์ˆ˜์šฉ: [ํ•„์ˆ˜] ์ฑ„์šฐ๊ธฐ, (์‹œ๊ฐ„๋˜๋ฉด) jest

FE ๋‚จ์€๊ฑฐ

  • Navbar ํ˜„์žฌ ์œ„์น˜ ํ‘œ์‹œ
  • ๊ฐ ํŒ€ ํŽ˜์ด์ง€์—์„œ Lighthouse ๋Œ๋ฆฌ๊ธฐ (Accessibility ๋‹ค๋ฆ„)
  • ํŒ€ ์ฒซ ํŽ˜์ด์ง€ ํŒ€ ๋ณด๋“œ๋กœ
  • ํƒˆํ‡ด API
  • ์•Œ๋ฆผ ๋นผ๊ธฐ
  • ์ƒˆ ์ผ์ • ๋ฒ„ํŠผ ์ˆ˜์ •
  • ๊ธฐํƒ€ UI ์ˆ˜์ •
Clone this wiki locally