https://todo-ts-3ea0b.web.app/
https://www.notion.so/Todo-List-afe28ef6881a4129b07ead7ca34fc66e
- TypeScript
- React.js
- Styled-Components (์คํ์ผ)
- Firebase (์๋ฒ์ DB๋ฅผ ์ฝ๊ณ ๊ฐํธํ๊ฒ ๊ตฌ์ถํ๊ณ ๊ด๋ฆฌํ ์ ์์ต๋๋ค.)
- Zustand (์ํ๊ด๋ฆฌ)
- ํ์ตํ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ค์ ๋ก ์ ์ฉํ๋ฉฐ ์ค๋ ฅ์ ํฅ์์ํค๊ธฐ ์ํด ์ ์ํ์ต๋๋ค.
- ๋ก๊ทธ์ธ, ํ์๊ฐ์ ๊ธฐ๋ฅ์ ๊ตฌํํ๊ณ ์ ์ ์ Todo ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํด firebase๋ฅผ ์ฌ์ฉํ์ต๋๋ค.
client
โโโ package.json
โโโ package-lock.json
โโโ public
โโโ src
โ โโโ assets
โ โ โโโ css
โ โ โโโ images
โ โโโ components
โ โโโ hooks
โ โโโ mocks
โ โโโ pages
โ โโโ redux
โ โโโ types
โ โโโ utils
โโโ tsconfig.json
- ๋ฌธ์ ์ : ๋ก๊ทธ์ธ, ํ์๊ฐ์ ํ์ด์ง ๋ด์ ์ค๋ณต์ฝ๋๊ฐ ์กด์ฌํ์ฌ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ค.
- ํด๊ฒฐ์ฑ : custom hook ๋๋ ๊ณตํตํจ์๋ก ๋ง๋ค์ด ์ฌ์ฌ์ฉ์ฑ์ด ๋์ ์ฝ๋๋ก ๋ฆฌํฉํ ๋งํ๋ค.
- ๋ฌ๋ ฅ์ ๋ ์ง ๋ณ๋ก Todo๋ฅผ ์กฐํํ ์ ์๋ ๊ธฐ๋ฅ
- Drag&Drop์ผ๋ก Todo์ ์์๋ฅผ ๋ณ๊ฒฝํ ์ ์๋ ๊ธฐ๋ฅ