Skip to content

FSD ๋ฉ”๋ชจ

Sangmini edited this page Apr 6, 2024 · 1 revision
  • Layer๋ฅผ ์Šฌ๋ผ์ด์Šค ํ•ด์„œ ๊ด€๋ฆฌํ•œ๋‹ค.

image

  • shared - ์–ด๋””์—์„œ๋‚˜ ์˜์กด๋  ์ˆ˜ ์žˆ๋Š” ์ฝ”๋“œ๋“ค,
  • entities - ์šฐ๋ฆฌ ์„œ๋น„์Šค์— ์žˆ๋Š” ํ•ต์‹ฌ์ ์ธ ๋น„์ฆˆ๋‹ˆ์Šค ๋‹จ์œ„๊ฐ€ ๋“ค์–ด๊ฐ€๋Š” ๊ณณ, ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์ด ๋‹ด๊ธด๋‹ค, ์ตœ๋Œ€ํ•œ ์ˆœ์ˆ˜ํ•˜๊ฒŒ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง๋งŒ ์ž‘์„ฑํ•˜๊ธฐ ๋•Œ๋ฌธ์— shared ๊ณ„์ธต์˜ view๋Š” ์•ˆ๋“ค์–ด๊ฐ€๊ฒŒ ๋  ์ˆ˜ ์žˆ๋‹ค.
    • slices๋กœ ๊ตฌ๋ถ„๋œ๋‹ค.
      • Segments โ†’ react๋ฅผ ์“ฐ๋ฉด ui๋ž‘ ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง์„ ๋ถ„๋ฆฌํ•˜๋Š”๊ฒŒ ์–ด๋ ต๋˜๋ฐ ์–ด๋–ป๊ฒŒ ๊ด€๋ฆฌ๋˜๋ƒ
        • ui - view
        • model - ์ „์—ญ์ƒํƒœ, ํƒ€์ž…๋“ฑ๋“ฑ
        • api - react-query ํ•จ์ˆ˜ ๊ฐ™์€ ๊ฒƒ๋“ค
  • features - ์œ ์ € ํ–‰๋™์— ๊ด€ํ•œ ๋กœ์ง์„ entities์™€ shared๋ฅผ ๋ฒ„๋ฌด๋ ค์„œ ๋‹ด๋Š”๋‹ค
  • widgets - feature๋“ค์„ ๋ฌถ๋Š”๋‹ค, ui์˜ ๋ฐฐ์น˜๋งŒ ์ˆ˜ํ–‰๋œ๋‹ค, feature์™€ ํ—ท๊ฐˆ๋ฆด ์ˆ˜ ์žˆ์œผ๋‹ˆ ์ฒ˜์Œ์—๋Š” widgets์€ ๋นผ๊ณ  ์ˆ˜ํ–‰ํ•œ๋‹ค.

์–ด๋Š๊ณ„์ธต๊นŒ์ง€ ์˜์กด์ด ๊ฐ€๋Šฅํ•œ๊ฐ€๋ฅผ ์ƒ๊ฐํ•ด๋ณด๋ฉด ๋‹ด๊ธธ ๊ฒƒ์„ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์‰ฝ๋‹ค.

  • ๋ชจ๋“  ํด๋”์— index๋ฅผ ๋งŒ๋“ฌ์œผ๋กœ์จ ์™ธ๋ถ€์—์„œ ์‚ฌ์šฉํ•  ๋ชจ๋“ˆ์„ ํ™•์‹คํžˆ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ๋‹ค.
  • ๋ฐ–์—์„œ ์ด๊ฒƒ๋งŒ ์•Œ๊ณ ์‹ถ์–ด ์ด๋Ÿฐ๊ฒƒ๋“ค์„ ๋„ฃ์–ด์ค€๋‹ค.
  • index์—์„œ ๋‚ด๋ณด๋‚ธ ๊ฒƒ๋งŒ import ํ•˜๊ธฐ