๐ก ์ธ์
์ด ์ต์ข
์ข
๋ฃ๋๋ฉฐ ํ๊ฒ๋ ๊ฐ์ธ ํ๋ก์ ํธ
๐ก ๊ธฐ๋ณธ์ ์ธ CRUD๋ฅผ ๋ง๋ค์ด๋ณด๋ฉฐ ์ง๊ธ๊น์ง ๋ฐฐ์ ๋ ๊ฒ์ ๋ณต์ตํด๋ณด๋ ๊ฒ์ ๋ชฉํ๋ก ํจ
๐ก ์๋ฌผ ๊ด๋ฆฌ๋ฅผ ํ๋ฉด์ ๋ฌด์์ ํ ๊ฒ์ธ์ง ๋ฏธ๋ฆฌ ์ ์ด๋๋ To do App์ด ํ์ํ๋ค๊ณ ์๊ฐํ๊ณ ์ด๋ฒ์ ๋ง๋ค์ด๋ณด๊ธฐ๋ก ํ๋ค
๐ก ์ฑ์ทจ๊ฐ์ ๊ณ ์ทจ์ํค๊ธฐ ์ํด ์๋ฃ ๊ฐฏ์๋ฅผ ๋ฉ์ธ์ ์ถ๊ฐํ๊ธฐ๋ก ํ๋ค
์คํ์ผ๊ณผ api์์ ์ฌ์ฌ์ฉ์ฑ์ ๋์ด๋ ๋ชจ๋ํ๋ฅผ ์งํํ๋ ๊ฒ์ ์ด์ ์ ๋์๋ค
๐ style
๐ component
๐ api
actions/index.js
reducers/dailyReducers.js
์ธ๋ถ ํ์ด์ง๋ฅผ ํด๋ฆญํ์ ๋ input value์ getํ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด์ ์ถ๋ ฅ๋๊ฒ ํ๋๋ฐ
custom hook ์ต์ด๊ฐ์ผ๋ก ํด์ผ๋๋๋ฐ ์ข
์ ์ return์ผ๋ก ํ๋ ๊ฒ๊ณผ ๋ฌ๋ผ์ ์ธ๋ถ ํ์ด์ง๋ฅผ ํด๋ฆญํ์ ๋ ๋น input๋ง์ ๋ณด๊ฒ๋ ์ ์ด ์๋ค ์ปดํฌ๋ํธ๋ฅผ ๋๋ ์ ์์ ์ปดํฌ๋ํธ์์ getํ๊ณ ๋ฐ์ดํฐ๋ฅผ props๋ก ํ์ ์ปดํฌ๋ํธ์ ๋ด๋ ค์ฃผ๋ ๊ฒ์ผ๋ก ํด๊ฒฐํ๋ค