์์ ๋ฐ์ดํฐ๋ฅผ firestore์์ ๋ฐ์์๋ค.
์์ state์ ์ ์ฅ์ ํด์ผํ๋ค.
์ด๊น์์ด ์๊ธฐ๋ ์๋ฌ
useState์ ๋ฌด์จ ํ์ ์ธ์ง ์ฃผ์ง ์๊ณ ๋ฐฐ์ด์ด๋ผ๋ ๊ฒ๋ง ์๋ ค์คฌ์ผ๋ ์์ ๊ฐ์ ์๋ฌ๊ฐ ์๊ธด๋ค.
์ด ์น๊ตฌ๋ค๋ never ํ์ ์ด ์๋๋ผ๋ฉด์ ๊ฒฝ๊ณ ๋ฅผ ๋ด๋ฟ๋๋ค.
์ฌ๊ธฐ์ ๋ฌธ์ ๋ ๋๋ค ํด๊ฒฐํ ๋ฐฉ๋ฒ์ ์ฐพ์ง ๋ชปํ๋ค๋ ๊ฒ์ด๋ค. ํ๋๋ฅผ ํด๊ฒฐํ๋คํด๋ ํ๋๋ง ํด๊ฒฐ๋๊ณ ๋๋จธ์ง๋ ํด๊ฒฐ๋์ง ์์๋ค.
์๊ฐ์ด ํด์ค๋ค๋ฉด ๋ง์ฐฌ๊ฐ์ง๋ก title,spentTime,progress๊ฐ {id:string}์ด ์๋๋ผ๊ณ ํ๋๋ฐ ์ด ๋ถ๋ถ์ ์ ์ด๋ ๊ฒ ๊ฒฝ๊ณ ๊ฐ ๋์ค๋์ง ์ดํด๊ฐ ์๋๋ค.
ํด๊ฒฐ๋๋ค๋ฉด ๋ค์ ํฌ์คํ ํด์ผ๊ฒ ๋ค.
'TIL' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Typescript] enum ๋ฌธ๋ฒ ์ ๋ฆฌ (0) | 2023.08.23 |
---|---|
[Typescript ๊ธฐ๋ณธ ๋ฌธ๋ฒ ์ ๋ฆฌ] ํ์ ์์๋ณด๊ธฐ (0) | 2023.08.23 |
Props์ ๋ฐ๋ผ components์ style ์ ์ฉํ๊ธฐ (0) | 2023.08.21 |
[next.js] ํ์ผ ์์คํ ๊ธฐ๋ฐ ๋ผ์ฐํ (0) | 2023.08.08 |
[์ค๋์ ์ฝ์ง์ผ๊ธฐ] props๋ฅผ state๋ก ์ฐ๋ฉด ... (0) | 2023.08.02 |