A JavaScript library for building user interfaces๋ฆฌ์กํธ๋ ์ฌ์ฉ์ ์ธํฐํ์ด์ค(UI) ๊ตฌ์ถ์ ์ํ JS ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด๋ค.React๋ก ์น ๋๋ ์ฑ ์ ํ๋ฆฌ์ผ์ด์ ์ UI, ์ฆ ๋ณด์ฌ์ง๋ ๋ถ๋ถ(ํ๋ก ํธ ์๋)์ ๊ตฌ์ถํ ์ ์๋ค.React๋ SPA
1. ์์, ๋ณ์(const, let) const, let์ block level scope๋ฅผ ๊ฐ์ง๋ค. ๋ง์ฝ, ํจ์ ๋ด์์ const, let์ด ์ฐ์ธ ๊ฒฝ์ฐ ํธ์ด์คํ ๋ ๋ ํจ์ ๋ด๋ถ์์ ์ ์ผ ์๋ก ํธ์ด์คํ ๋๋ค. ์ฆ, ํจ์ ๋ด๋ถ์์๋ง ์ ํจํ ๋ฒ์๋ฅผ ๊ฐ์ง๋ค. ํ์ง๋ง va
์ด๋ ๊ฒ ์์ฑํ๋ฉด ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ค.Uncaught TypeError: Cannot read properties of undefined (reading 'map')๋ฆฌ์กํธ ์ปดํฌ๋ํธ์์ ์ํ๋ฅผ ์ด๊ธฐํํ ๋ ์ด๊ธฐ๊ฐ์ ์ค์ ํ์ง ์์ผ๋ฉด ์๋ฌ๊ฐ ๋ฐ์ํ ์ ์๋ค. ํ์ฌ ๋ฐฐ์ด ๋ฉ์๋์ธ
useEffect ๋ด๋ถ์ ์ ์๋ async/await์ ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ fecthํ๋ getData ํจ์๋ฅผ ๋ค๋ฅธ ๊ณณ์์๋ ์ฌ์ฌ์ฉํ ์ ์๊ฒ ํ๋ ค๋ฉด ํจ์๋ฅผ ์ปดํฌ๋ํธ ์ธ๋ถ๋ก ์ถ์ถํด์ผ ํ๋ค.์ผ๋ฐ์ ์ผ๋ก ํจ์๋ฅผ ์ปดํฌ๋ํธ ์ธ๋ถ๋ก ์ถ์ถํ๋ ค๋ฉด useCallback์ ์ฌ์ฉํ์ฌ ํจ์๋ฅผ