
๐ฏ ์ค๋ ํ ์ผ
- FullCalendar ๊ธฐ๋ฐ ์บ๋ฆฐ๋ ํ์ด์ง ๊ตฌํ
- ๋ฐฑ์๋
DailyLog ๋ฐ์ดํฐ๋ฅผ ์บ๋ฆฐ๋ event ํํ๋ก ๋งคํ
logDate ์ฐ์ ์ฌ์ฉ, ์์ ๊ฒฝ์ฐ createdAt์ผ๋ก ๋์ฒด
- ์นดํ
๊ณ ๋ฆฌ(Enum)๋ณ ์์ ๋งคํ(EXERCISE, STUDY, MEETING, ETC)
- ์บ๋ฆฐ๋ ์ ๋ทฐ์์ ์ปฌ๋ฌ ๋ธ๋ก์ผ๋ก ๊ธฐ๋ก ์๊ฐํ
- eslint ๊ฒฝ๊ณ ์ ๋ฆฌ
setState in useEffect ํจํด ์์
- ์ฌ์ฉํ์ง ์๋ ๋ณ์ ์ ๊ฑฐ
- ํ๋ก ํธ์๋์์ ์บ๋ฆฐ๋ ์ค์ฌ ๊ตฌ์กฐ๋ก ์ ํ ์๋ฃ
๐ก ๋ฐฐ์ด ์
- FullCalendar๋
start ๊ฐ์ด ์์ผ๋ฉด ์ด๋ฒคํธ ๋ ๋๋ง์ ๋ฌธ์ ๋ฅผ ์ผ์ผํจ๋ค โ ๋ฐฉ์ด ์ฝ๋ ํ์
- ์ง๊ธ ๋จ๊ณ์์ ํ์ ์๋ ํ
(
datesSet)์ ๊ณผ๊ฐํ ์ ๊ฑฐํ๋ ๊ฒ ์ ์ง๋ณด์์ ์ ๋ฆฌ
- โ์ผ๋จ ์ ์ฒด ์กฐํ โ ์๊ฐํ ํ์ธโ์ ์ด๊ธฐ ์บ๋ฆฐ๋ ์ ํ ์ ๊ฐ์ฅ ์์ ํ ์ ๊ทผ
- DataGrid ์ค์ฌ ์ฌ๊ณ ์์ ์๊ฐ ์ถ ์ค์ฌ ์ฌ๊ณ (์บ๋ฆฐ๋) ๋ก ์ ํํ๋ ๊ฒ ์ค์
๐ ๋ด์ผ ํ ์ผ
- ๋ ์ง ํด๋ฆญ(
dateClick) โ ์
๋ ฅ ๋ชจ๋ฌ ์ด๊ธฐ
- ๋ชจ๋ฌ ๊ธฐ๋ณธ๊ฐ ์ค์
- ๋ ์ง = ํด๋ฆญํ ๋ ์ง
- ์นดํ
๊ณ ๋ฆฌ = ๋ง์ง๋ง ์ ํ๊ฐ ๋๋ EXERCISE
- Add / Update ๊ณต์ฉ ๋ชจ๋ฌ UX ์ค๊ณ
- ์ ์ฅ ์ ์บ๋ฆฐ๋ ์ฆ์ ๋ฐ์ ํ์ธ
๐งฉ ๋๋ ์
- ์ด์ ์๋น์ค์ โ์ผ๊ตดโ์ด ๋ณด์ด๊ธฐ ์์ํ๋ค
- ํ
์ด๋ธ๋ณด๋ค ์บ๋ฆฐ๋๊ฐ ํจ์ฌ ์ง๊ด์ ์ด๊ณ , ๋ด๊ฐ ์ํ๋ ๋ฐฉํฅ์ด ๋ง๋ค๋ ํ์ ์ด ๋ ๋ค
- ์ค๋์ ๊ธฐ๋ฅ ์ถ๊ฐ๋ณด๋ค ๋ฐฉํฅ์ ์ ๋๋ก ์ก์ ๋
- ์ด ํ๋ฆ์ด๋ฉด โ1๋จ๊ณ ์์ฑโ์ด ํ์ค์ ์ธ ๋ชฉํ๋ก ๋๊ปด์ง๋ค