all is well!!
5. [2023/02/07] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ ๋ณธ๋ฌธ
5. [2023/02/07] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ
tnqlscho 95 2023. 2. 7. 09:00๐ 1์ฐจ ์ ์ฒด์ ์ธ ๋ชฉํ
๐ฃ Main
- ์นด๋ - ์์ฑ ๋ ์ง(4์ผ์ ,6์ผ ์ …), ๋๊ธ ์, ์นด๋ ํธ๋ฒ์ ์ ๋๋ฉ์ด์
๐ฃ detail
- ์ข์์
- ์์ฑ์ ๋ชจ๋ ํฌ์คํธ ๋ชฉ๋ก ๋ณด๊ธฐ
- ๋๊ธ์ฐ๊ธฐ
๐ฃ write
- ์์ฑ๊ธ ์ค์๊ฐ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- ๋ค๋ก๊ฐ๊ธฐ
- ์์์ ์ฅ ๊ธฐ๋ฅ
- Input ์ ์ฅ ๊ธฐ๋ฅ
โฝ๏ธ Daily Goal
1. ์ด๋ฒ card hover css ์ด์์ ์ด์ pr ์ฌ๋ฆฌ๊ธฐ
2. ์นด๋ ์ด๋ฏธ์ง ๋ฐ์ดํฐํ์ ์์์์ any๋ฅผ ๊ต์ฒด
3. Card.tsx์์ ํ์ ์ค์
- 1๋จ๊ณ item์ด๋ผ๋ props any๋ฅผ ํ์ ์ค์ ๊ต์ฒดํ๊ธฐ
- 2๋จ๊ณ dummydata.tsx์์ ํ์ ์ ์ ์ํ๊ฒ๊ณผ ๋์ผํ๋ importํด์ ํ์ ์ ์ ํด๋ณด๊ธฐ
(ํํธ:export defalut๋ฅผ ๋ค๋ฅธ๊ณณ์ผ๋ก ๋ฐ๊ฟ์ผํ๋ค.)
4. redux setting, ํ์ผ์์ฑ, ์ฝ๋์์ฑ
5. redux ์ฐ๋ ์ฐ์ตํ๊ธฐ
1๋จ๊ณ "1"์ฆ๊ฐ 1๊ฐ์ action์๋ dispatch ํ๋ ui๋ฅผ ์๋ก repositories ํ์ ์์ํ๊ธฐ (next.js ๋ถํฐ ๋ค์ ์์)
2๋จ๊ณ "10"์ฆ๊ฐ 1๊ฐ์ action"์๋" dispatch ํ๋ ui๋ฅผ detail page์ ์์ฑํด๋ณด๊ธฐ
3๋จ๊ณ 10์ฆ๊ฐ(์ฌ์ฉํ๋ ๊ณณ์์ ์ ํ๊ธฐ) 1๊ฐ์ action"์๋" dispatch ํ๋ ui๋ฅผ detail page์ ์์ฑํด๋ณด๊ธฐ
4๋จ๊ณ ๋ง์ง๋ง์ผ๋ก action์ type์ ๋จ์ number๊ฐ(10์ ๊ทธ๋ฅ ๋ณด๋ด๋๊ฒ)/
object๋ก ์ค์ ํ์ ๋ฅ๋ ฅํค์ฐ๊ธฐ(10์ ์ด๋์ ๋ด์์๋ณด๋ด๋๊ฒ)
'[Nextjs + Typescript] velog ํด๋ก ์ฝ๋ฉ > daily goal' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
7. [2023/02/09] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ (0) | 2023.02.09 |
---|---|
6. [2023/02/08] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ (0) | 2023.02.08 |
4. [2023/02/06] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ (0) | 2023.02.07 |
3. [2023/02/02] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ (0) | 2023.02.03 |
2. [2023/02/01] 1์ฐจ ๋ชฉํ ๋ฐ ํ ์ผ (0) | 2023.02.02 |