#220105 TIL

Kยท2022๋…„ 1์›” 6์ผ
0

๐Ÿ’ปTIL

๋ชฉ๋ก ๋ณด๊ธฐ
1/13

๐Ÿ”—์ปดํฌ๋„ŒํŠธ์—์„œ store์— ์žˆ๋Š” state ์“ฐ๋Š” ๋ฐฉ๋ฒ•
1. function ํ•จ์ˆ˜๋ช… ๋งŒ๋“ค๊ธฐ
2. export default connect(ํ•จ์ˆ˜๋ช…)()์ถ”๊ฐ€
3. store ๋ฐ์ดํ„ฐ๋ฅผ props๋กœ ๋“ฑ๋กํ•˜๊ธฐ


๐Ÿ”—table์˜ ๊ตฌ์กฐ

<thead><tbody> ์ง€์›Œ๋„ ๋จ, ์ค‘์š”X
<tr> ๊ฐ€๋กœ(ํ–‰) ๋งŒ๋“ค๊ธฐ
<td> <th> ์„ธ๋กœ(์—ด) ๋งŒ๋“ค๊ธฐ

โœ”๋ฆฌ์•กํŠธ ๋ฐ์ดํ„ฐ ์ˆ˜์ •
=> state์˜ ๋ณต์‚ฌ๋ณธ ๋งŒ๋“ค์–ด์„œ ์‚ฌ์šฉํ•˜๊ธฐ

โœ”๋ชจ๋‹ฌ์ฐฝ ๋ฒ„ํŠผ ํด๋ฆญํ•ด์„œ ์ง€์šฐ๋Š” ๋ฐฉ๋ฒ•

onclick={ () => modal๋ณ€๊ฒฝ(!modal) }

โœ”useEffect Hook

  • ์ปดํฌ๋„ŒํŠธ๊ฐ€ mount ๋˜์—ˆ์„ ๋•Œ,
  • ์ปดํฌ๋„ŒํŠธ๊ฐ€ update๋˜์—ˆ์„ ๋•Œ ํŠน์ • ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ์Œ

โœ”axios: JSON์„ Object๋กœ ๋ฐ”๊ฟ”์คŒ

0๊ฐœ์˜ ๋Œ“๊ธ€