"์บ๋ฆฐ๋๋ฅผ ์ผ์ผ ๋ด ์ผ์ ์ ๋ณผ ์ ์๋ค๋ ๊ฒ ์กฐ๊ธ ๋ถํธํ์ง ์์ผ์ธ์?"
๋ฏธ๋ฆฌ๋ด๋ ๊ทธ ๋ถํธํจ์์ ์ถ๋ฐํ์ต๋๋ค.
๋ฐํํ๋ฉด์์ ๋ฐ๋ก๋ฐ๋ก ์ผ์ ์ ํ์ธํ๊ณ ๊ด๋ฆฌ ํ ์ ์์ต๋๋ค.
๊ตฌ๊ธ ๊ณ์ ๊ณผ ์ฐ๋ํด ์ค์๊ฐ์ผ๋ก ์ผ์ ์ ๋ถ๋ฌ์ค๊ณ ๊ด๋ฆฌํฉ๋๋ค.
์ด๋ฏธ ์ฐ๋ ์บ๋ฆฐ๋, ์ด์ด์ ์ฐ์ธ์.
๋๋๊ทธ ์ค ๋๋กญ์ผ๋ก ์ํ๋ ์์น์ ๋๊ณ , ํฌ๋ช
๋๋ ์์ ๋กญ๊ฒ ์กฐ์ ํ ์ ์์ด์.
๋ฐํํ๋ฉด๊ณผ ์์ฐ์ค๋ฝ๊ฒ ์ด์ฐ๋ฌ์ง๋๋ก ํด๋ณด์ธ์.
๋์ด ํธ์ํ ๋คํฌ ๋ชจ๋๋ฅผ ์ง์ํฉ๋๋ค.
์ผ์ ์ถ๊ฐ, ์์ , ์ญ์ ํ ์ ์์ต๋๋ค. ์๋ฃํ ์ผ์ ์ ์ฒดํฌํด์ ๊น๋ํ๊ฒ ์ ๋ฆฌํ์ธ์.
์ ๋ฒ์ ์ด ๋์ค๋ฉด ์์์ ์ ๋ฐ์ดํธํฉ๋๋ค.
์ฑ ๋ด '๋ฌธ์ํ๊ธฐ'๋ก ๋ฒ๊ทธ ์ ๋ณด๋ ๊ธฐ๋ฅ ์ ์์ ๋ณด๋ด์ฃผ์๋ฉด ์ ๊ทน ๋ฐ์ํฉ๋๋ค.
| Core | Electron ยท Vite ยท React ยท TypeScript |
| Styling | Tailwind CSS ยท Radix UI ยท Lucide React |
| State & Data | TanStack Query ยท Electron Store |
| Architecture | FSD (Feature-Sliced Design) |
src/renderer ํด๋๋ FSD(Feature-Sliced Design) ๋ฅผ ๋ฐ๋ฆ
๋๋ค.
src/renderer/
โโโ app/ # ์ ์ญ ์ค์ , Provider, ๋ผ์ฐํ
โโโ pages/ # ํ์ด์ง ๋จ์ ์ปดํฌ๋ํธ ์กฐํฉ
โโโ widgets/ # ๋
๋ฆฝ ๊ธฐ๋ฅ UI ๋ธ๋ก (Calendar, Header โฆ)
โโโ features/ # ๋น์ฆ๋์ค ๋ก์ง ๊ธฐ๋ฅ ๋จ์ (Login, AddEvent, DarkMode โฆ)
โโโ entities/ # ๋น์ฆ๋์ค ๋ชจ๋ธ ๋ฐ UI (User, Event โฆ)
โโโ shared/ # ๊ณตํต ์ปดํฌ๋ํธ, ์ ํธ๋ฆฌํฐ, ์์


