1. ๐์ด๋ฒ ์ฃผ์ ์๊ฒ๋ ์
-๋ด๊ฐ ์์ง parameter๋ฅผ ์์ ๋กญ๊ฒ ์ฐ์ง ๋ชปํ๊ณ , ์ดํด๋ฅผ ์ข ๋ ํด์ผ๋๊ฒ ๊ตฌ๋๋ฅผ ์๊ฒ๋จ๐ฅ
๋ฆฌ์กํธ ํ๋ก์ ํธ ์ค์ ๋๊ธ ๋ชฉ๋ก๋ฐฐ์ด์ map๋๋ ค์ html๋ก return์ ํ์ฌ ๋ฆฌ์คํธ๋ค์ ๊ฐ์ ธ์ค๊ฒ ํ ๋ค์์
์ด ๋๊ธ์ ์์ ,์ญ์ ๋ฅผ ํ๊ณ ์ถ๋ค๋ฉด ์ด map์ ๋๋ ค์ ๋์จ ํ๋ ํ๋์ item.id๊ณผ ์ด ๋ชฉ๋ก์id๊ฐ ์ผ์นํ๋ ๊ฒ๋ง ์ญ์ ํ๋ค,์์ ํ๋ค๋ฅผ
๊ธฐ๋ฅ์ผ๋ก ๊ตฌํํ ๋ ์์ฒญ ์ ๋จน์๋ ๊ธฐ์ต์ด ์๋ค.๐ฑ
์ด๊ฒ ์ ์ ๋จน์๋๋ฉด list๋ฅผ ๋๋ฆฌ๊ณ ํ์ธ ์ฐจ ๊ฐ์ผ๋ฉด? console.log(true):console.log(' ์ ์๋~ ')์ด๋ ๊ฒ ๋ง๋ค์๋๋ฐ ์ด์ํ๊ฒ ๋ชจ๋ ๋ฆฌ์คํธ๊ฐ true๊ฐ ๋์๋ค.... ์ ๋ค๋ค ์๊ธฐ๊ฐ ๋ง๋ค๊ณ ํ๋๊ณ ใ ใ ใ ํ ๊ฐ๋ง ๋์์ผ์ง...ํ;;
(๊ฐ์ ๋ถ๋ถ์ ํด๊ฒฐํ๊ณ ์๋ ํ์๋ ๋๋ ๊ฐ์ ์ด์ ๋ก ๋จธ๋ฆฌ์ํํ๊ณ ์์๋ค...ใ )
๊ฒฐ๊ตญ์ ํ 4์๊ฐ์ ๊ณ ๋ฏผํ๊ณ ๊ฒฐ๊ตญ ํํฐ๋ํํ ์ฐพ์๊ฐ๋ ๊ฐ๋ณ์ ์ธ id๊ฐ์ ๋งค๊ฐ๋ณ์๋ก ์ฃผ์ง ์๊ณ ์์๋ค.ใ ใ ใ ํ๋ง๐ฆ
๊ฐ์ด ์์๋ค๋๐ญใ ใ ใ ใ ใ ์ ์ค๋๊ณ ๊ฐ ๊ฐ์์ง ๋ฌผ์ด๋ณด๋๊น ๋ค๋ค ๋ง๋ค๊ณ ํ์ง ใ ใ
onClick={()=>{handleSubmit(item.id)}}์ด๋ฐ์์ผ๋ก ๊ฐ์ ์คฌ์ด์ผํ๋ค๊ณ ํ๋ค.
์๋ฉด์ ์ ๊ทธ๋๋ ๊ทธ๊ฒ ๊ทธ๋ ๊ฒ ๋์ ์๋ณด์ด๊ณ ๋ชฐ๋์๊น ใ ใ ๊ฐ๋งํ ์๊ฐํด๋ณด๋๊น ๋ด๊ฐ ์ ์ฒด์ ์ธ ํ๋ฆํ์ ์ด ๋ถ์กฑํ๋๊ฑฐ ๊ฐ๋ค.
์ฝ๋์ ํ๋ฆ์ ์ฝ๋ ์ฐ์ต์ ์์ฃผํ๊ณ ์ฃผ์์ผ๋ก๋ ์ ์ผ๋ฉด์ ๋ด์ฉ์ ์ ๋ฆฌํด๋ณด๋๊ฒ๋ ๋ง์ด ํด๋ด์ผ๊ฒ ๋ค.
์ญ์๋ ๋์ฝ๋ฉ๋ณด๋จ ์์ฝ๋ฉ!!!
2.๐ ๋ค์ ์ฃผ ๋ชฉํ
1) ๋ค์ดํฐ๋ธ ์์ ์ ์งํํ๋ฉด์ ๋ฆฌ์กํธ ๋ถํฐ ๋ค์ ์ญ ๊ณต๋ถํด๋ณด๋ ค๊ณ ํ๋ค.
2) ๋ง๋ค์๋ค ๋ฆฌ์กํธ +๋ฆฌ๋์ค ํฌ๋์ฑ ๋ค์ ํ๋ฒ ๋ง๋ค์ด๋ณด๊ณ ํ๋์ฉ ๋ฐ์ ์ ์ด๊ฐ๋ฉด์ ๋ฆฌ๋ทฐ๋ฅผ ํด๋ณด๋ ค๊ณ ํ๋ค.
3) useEffect๋ถ๋ถ ๊ณต๋ถํ๊ธฐ (์์ง ๋ค์ด๋ ์ด๋ ต๋ค.)
3.โ ์ด๋ฒ ์ฃผ ๋ชฉํ ๋ฌ์ฑ ์ฌ๋ถ
์ด๋ฒ์ฃผ๋ ํ๋ก์ ํธ๋ฅผ ํ๋๋ผ ๋ด๊ฐ ๋งก์ ๊ธฐ๋ฅ์ ๋ง์ถฐ์ ๊ธํ๊ฒ ๋ถ์กฑํ ๊ณต๋ถ๋ ํ๊ณ ํ๋๋ผ ๊ณต๋ถ๋์ผ๋ก ๋ฐ์ง๋ฉด ์์ฒญ๋ ๊บผ๊ฐ๋ค.
๊ทธ๋ ์ง๋ง ํ๋ก์ ํธ๊ฐ ์์ฝ๊ฒ ํ๊ฐ์ง ๊ธฐ๋ฅ์ ๋ชป๋ง๋ค๋ฉด์ ํ๋ จํ์ง๋ง ํํธ์ผ๋ก ์์ฌ์ด ๋ง์์ด ๋ ๋ค.
๊ทธ๋๋ ์ด๊ฑธ ํ ์ ์์๊น? ํ๋ ๋ถ๋ถ์ ๋ค ๋ง๋ค์ด ๋ณด๊ณ ํ๋ก์ ํธ ๋ฐํ๊น์ง ๋ค ๋ง์ณ์ ์ด๋์ ๋๋ ๋ชฉํ๋ฅผ ์ด๋ค๋ค๊ณ ์๊ฐํ๋ค.
ํ๋ก์ ํธ์ ์์ฑ ์ฌ๋ถ๋ ์ค์ํ์ง๋ง ์ด ํ๋ก์ ํธ๋ฅผ ํตํด์ ๋ด๊ฐ ํ๋๋ผ๋ ์ป์ด๊ฐ ์ ์๋๋ก ํด์ผ๊ฒ ๋ค๋ผ๋ ๊ฒ์ ๋ง์ด ๋๊ผ๋ค.
'WIL๐ฑ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
WIL(10) (1) | 2023.01.16 |
---|---|
๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ_WIL(09) (0) | 2023.01.09 |
๋ฒ์ ์ด ๋ฌ๋ผ์ ๊ณ ์ํ WIL(07) (0) | 2022.12.18 |
WIL(06) (1) | 2022.12.11 |
๊ฐ์ธ๊ณต๋ถ WIL(05) (0) | 2022.12.04 |