๋ค์๊ณผ ๊ฐ์ด ๊ทธ๋ฅ ๋ฐฐ์ด์ด์๋ ๋ฆฌ์คํธ์ ํํ๋ฅผ ์ข ๋ ์ธ๋ถํํ๊ธฐ ์ํด ์์ ํ๋ํ๋ ๋์
๋๋ฆฌ ํํ๋ก ๋ง๋ค์ด ์๋ฃ ์์ฑ์ ์ถ๊ฐํ๋ค.
โ ์คํ ์ด์ ๋ฐ์ดํฐ ํํ๋ฅผ ์์ ํ๊ฒ ๋๋ฉด, ํด๋น ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ๋ค ์ฐ๋ ์ฝ๋๋ ์์ ํด์ฃผ์ด์ผ ํ๋ค!
๊ธฐ์กด์ ๋ชฉ๋ก์ ๊ฐ์ ธ์ค๊ธฐ ์ํด ๋จ์ํ ๋ฐฐ์ด์ ํ
์คํธ๋ก ๋ ์์๋ฅผ ๊ฐ์ ธ์๋๋ฐ, ์ด์ ์ธ๋ถํ๋ ํญ๋ชฉ์ ๊ฐ์ ธ์์ผ ํ๋ค.
{list.text}
๋ก ์์ ํด์ฃผ๋ฉด ๋ค์ ์ ์์ ์ผ๋ก ๋ถ๋ฌ์์ง๋ค.
์ด ๊ณผ์ ์ ์ต์ํด์ง์...!
ํ์ํ ๊ฐ์ ์คํ์ผ ์ปดํฌ๋ํธ์ props๋ก ๋ด๋ ค์ฃผ๋ฉด ํด๋น ๊ฐ์ ์ด์ฉํด ์กฐ๊ฑด์ ๋ฐ๋ผ ์คํ์ผ์ ๋ณ๊ฒฝํ ์ ์๋ค.
๋ฐ๋ก ๋ฐฐ์ด์ ๋ง๋ค์ด ์๋ฃ ์๋ฅผ ์นด์ดํธํ๋ค.
input์ ์ ๋๋ก ์
๋ ฅํด๋ ํ
๋น ๋ฐ์ค๋ง ์ถ๋ ฅ๋๋ค.
=> ์๋ฃ ์ฒดํฌ๋ฅผ ์ํด store์ ์๋ ๊ธฐ์กด ๋ฐ์ดํฐ์ complete ๊ฐ์ ์ถ๊ฐํด์ฃผ๋๋ผ ํํ๊ฐ ๋ฐ๋์๊ธฐ ๋๋ฌธ์ด๋ค. ์์๋ ์์ฑํ๋ฏ ํด๋น ๋ฐ์ดํฐ๋ฅผ ๋์ด๋ค ์ฌ์ฉํ๋ ์ฝ๋๋ค์ ํํ์ ๋ง๊ฒ ์์ ํด์ฃผ์ด์ผ ํ๋ค.
๋ฆฌ๋์๋ฅผ ์ด๋ ๊ฒ ์์ ํด์ฃผ์๋ค!
๊ฐ์์์ App.js์ addBucketList๋ฅผ ์์ !
๋ค์ ์ ๋๋ก ์ถ๊ฐ๊ฐ ๋๋ค!๐
ํจํค์ง ์ค์น : yarn add firebase
๐ Docs
docs ์ฐธ๊ณ ํด์ ์ฐ๋ ํ db๊ฐ ์ ๋๋ก ๋ค์ด์ค๋์ง ํ์ธ!
๐ต promise...? async...? await...?
...๐ต๐ต๐ต๐ต๐ต
์ ๋๋ก ๊ฐ์ ธ์์ง๋ค!
โ doc.data()์ ๊ดํธ ์ฃผ์ ใ
ใ
...
์ถ๊ฐ
์์
์ญ์
๋ฐ์ดํฐ ํ๋๊ฐ ์ญ์ ๋์์ !
์ด์ฌํ ํ๋ ๋ชจ์ต,,์ ์๊ทน ๋ฐ๊ณ ๊ฐ๋๋ค ..!!! ๐ฅ