์ง๋ ์๊ฐ์ ๋ฐ์ดํฐ ๋ค๋ฃจ๊ธฐ
๋ฏธ๋ค์จ์ด๋ ๊ธฐ์กด์ ์ก์
๋์คํจ์น -> ๋ฆฌ๋์์์ ์ฒ๋ฆฌ
๊ณผ์ ์ฌ์ด์ ๋ผ์ด ๋ฏธ๋ฆฌ ์ฌ์ ์์
์ ํ ์ ์๋๋ก ์ค๊ฐ๋ค๋ฆฌ ์ญํ ์ ํด์ค๋ค. (์ก์
๋์คํจ์น -> ๋ฏธ๋ค์จ์ด -> ๋ฆฌ๋์์์ ์ฒ๋ฆฌ
๋ฆฌ๋์ค ์ฒญํฌ ์ค์น yarn add redux-thunk
๊ธฐ์กด์ ์ก์ ์์ฑ ํจ์๊ฐ ๊ฐ์ฒด๋ฅผ ๋ฐํํ์๋ค๋ฉด, thunk๋ ๊ฐ์ฒด ๋์ ํจ์๋ฅผ ์์ฑํ๋ ์ก์ ์์ฑํจ์๋ฅผ ์์ฑํ ์ ์๊ฒ ํด์ค๋ค
ํจ์๋ฅผ ์์ฑํ๋ฉด ํน์ ์ก์ ์ด ๋ฐ์ํ๊ธฐ ์ ์ ๋ ๋ค๋ฅธ ํ๋์ ์ฌ์ ์ ์ฒ๋ฆฌํ ์ ์๋ค!
Middleware
Reducer
๋ฆฌ๋์๊น์ง ์ถ๊ฐํ๊ณ ๋๋ฉด ํ์ด์ง์ ๋ฐ์ดํฐ๊ฐ ์ถ๋ ฅ๋๋ ๊ฒ์ ํ์ธ ๊ฐ๋ฅ! ๊ทธ๋ฌ๋ ์์ , ์ญ์ ๋ฅผ ํ๊ธฐ ์ํด์๋ ๋ฐ์ดํฐ๋ณ id๊ฐ ํ์ํ๊ธฐ ๋๋ฌธ์ id๋ฅผ ์ถ๊ฐํด์ฃผ๋ ์์ ์ด ํ์ํ๋ค.
๋ฏธ๋ค์จ์ด์์ ๋ฐ์ดํฐ๋ฅผ ๋ฐฐ์ด๋ก ๋ง๋ค์ด์ฃผ๋ ๊ณผ์ ์ id๋ฅผ ํจ๊ป ์ถ๊ฐํด์ค๋ค!
์ถ๊ฐํ๊ธฐ ์ํ ๋ฐ์ดํฐ๋ ์ปดํฌ๋ํธ์์ ๋ณด๋ด์ค ๋ฐ์ดํฐ๋ฅผ ๊ทธ๋๋ก ๋ฐ์์ค๋ฉด ๋๋ค.
๋ฒํผ ํด๋ฆญ์ ์คํ๋๋ ํจ์๋ฅผ ๋ฆฌ๋์ ์ ์ ๋ฏธ๋ค์จ์ด๋ฅผ ๋จผ์ ๊ฑฐ์น๋๋ก ์์ ํด์ค๋ค. ๋ฆฌ๋์์์ ๊ฐ์ ธ์จ ๋ฐ์ดํฐ๋ฅผ firestore์ ์ ์ฅํ๊ธฐ ์ํ ์ฝ๋๋ฅผ ์์ฑํด์ค๋ค(docRef). ๊ทธ๋ฌ๋ ๋ฐ์ดํฐ์ ํํ๊ฐ ๋ง์กฑ์ค๋ฝ์ง ๋ชปํ๋ค...๐
โ ์ํ๋ ๋ฐ์ดํฐ ํํ๋ฅผ ์ป๊ธฐ ์ํด .data() , .id๋ฅผ ๋ถ์ฌ๋ ์ ๋๋ก ์ถ๋ ฅ๋์ง ์๋๋ค. ์ด์ ๋ docRef๊ฐ ๋ฐ์ดํฐ๊ฐ ์๋๊ธฐ ๋๋ฌธ. docRef๋ ์ฐธ์กฐํ๊ธฐ ์ํ ๊ฐ์ด๋ค!
์๋ก์ผ ์์ ํด์ฃผ๋ฉด ์ ๋ถ๋ฌ์์ง๋ค ๐คญ
์ด์ ๋ฆฌ๋์ค์ ๋ค์ ๋ฃ์ด์ฃผ๋ฉด ๋๋ค!
๋ฆฌ๋์ค์ ๋ฃ๊ธฐ ์ํด ํ์ํ ๊ฒ : id, document์ ๋ด์ฉ, completed ์์ฑ
์ํ๋ ํํ๋ก ์ถ๋ ฅ๋๋ ๊ฒ์ ํ์ธํ์์ผ๋ ์ด์ ์ก์
์ ์คํ์ํค๋ฉด ๋๋ค.
๐ฅ