Final Project 16์ผ์ฐจ โ๐ป
์ด์ ์กฐ๊ธ๋ง ๋ ํ๋ฉด ๋ง๋ฌด๋ฆฌ๊ฐ ๋ ๊ฒ ๊ฐ๋ค.
๊ทผ๋ฐ ์ด ๋จ์ ๋ถ๋ถ๋ค์ ๋์ด๋๊ฐ ๊ทน์์ด๋ผ ์ฝ์ง๊ฐ ์๋ค...
๋ด๊ฐ ํด๊ฒฐํด์ผ ํ ๋ถ๋ถ์ ์์ฌ๋ง์ดํ์ด์ง ๋ถ๋ถ์ธ๋ฐ ์์ฌ ์ด๋ฆ๋ถ๋ถ๊ณผ ๋ณ์๋ช
๋ถ๋ถ์ ๋์์ ์์ ํ๊ฒ ๋๋ฉด ์ ๋ฐ๋๋ ๋ชจ์ต์ ๋ณด์ธ๋ค.
๊ทธ๋ฐ๋ฐ ์ด๋ฆ๋ฐ๋ก ๋ณ์๋ช
๋ฐ๋ก ๋ณ๊ฒฝํ๊ฒ ๋๋ฉด ๋ ์ค ํ๋๋ ๋น๊ฐ์ผ๋ก ๋์ค๊ฒ ๋๋ค...
๋ง์ฝ ์ด๋ฆ์ ๋ณ๊ฒฝํ๊ณ ์์ ์ ํ๊ฒ ๋๋ฉด ๋ณ์๋ช
์ ๋น๊ฐ์ผ๋ก ๋๊ณ ๊ธฐ์กด์ ๋ณ์๋ช
์ด ์ฌ๋ผ์ง๊ฒ ๋๋ค.
๋ฐ๋๋ก ๋ณ์๋ช
์ ๋ฐ๊พธ๊ณ ์์ ์ ํ๋ฉด ์ด๋ฆ์ด ์ฌ๋ผ์ง๊ฒ ๋๋ค.
console.log๋ก ์ฐ์ด๊ฐ๋ฉฐ ๋ดค๋๋ฐ ์ผ๋จ ์ด๋ฐ์์ผ๋ก ๋ฐ๋๊ฒ ๋๋ฉด ์
๋ ฅํ ๋ถ๋ถ๋ง ๊ฐ์ด ๋ค์ด๊ฐ๊ณ ๋ค๋ฅธ ๋ถ๋ถ์ ๋น๊ฐ์ผ๋ก ์ ๋ฌ์ด ๋๋๊ฑธ ํ์ธํ๋ค.
useState์ ์ด๊ธฐ ๊ฐ์ด ๋น๊ฐ์ด๋๊น ์๋ก๊ณ ์นจํ๋ฉด ์ด๊ธฐํ๊ฐ ๋๋๊ฑด๊ฐ?? useEffect ์ฌ์ฉํด์ ์ด๋ฅผ ํด๊ฒฐํด์ผ ํ๋๊ฑด๊ฐ ์ ๋ชจ๋ฅด๊ฒ ๋ค.
์คํ 2์๋ถํฐ์ธ๊ฐ ๋ดค๋๋ฐ ํด๊ฒฐ์ ์ ํ ํ์ง ๋ชปํ๋ค.
๋ด์ผ๋ ์ผ๋จ์ ์ด ๋ถ๋ถ์ ๋ค์ ๋ณด๊ณ ๊ฒ์ํด๋ณด๋ ๊ฑธ๋ก!!
ํ์๋ค๊ณผ ํ๋ฃจ๋ฅผ ๋ง๋ฌด๋ฆฌํ๋ฉฐ ์ค๋ ์ด๋ค์ผ์ ํ๋์ง, ์ด๋ค ์ด๋ ค์์ด ์์๋์ง ๊ทธ๋ฆฌ๊ณ ๋ด์ผ์ ์ด๋ค์ผ์ ํ ๊ฒ์ธ์ง์ ๋ํด ๊ฐ์์ dev-log๋ฅผ ํตํด ์์ฑํ๋ค.
์์ 4์ฃผ์ฐจ๋ผ๋ ์ซ์๊ฐ ๋ณด์ด๋ ๋ญ๊ฐ ์ด๋ฐํ ๊ฒ ๊ฐ์ผ๋ฉด์, ๋ง๋ฌด๋ฆฌ ๋๋๊ตฌ๋ ์ถ๊ธฐ๋ ํ๋ฐ ๊ทธ๋ฅ ๋๋์๊ฐ์ '๋ฒ์จ' ์ด๋ค.
์ด์ ์๋ ์๊ธฐํ๋ฏ์ด ํ๋ก์ ํธ๋ฅผ ์์ํ๋ฉด์ ๋ ์ง์ ๋ํ ๊ฐ๊ฐ์ด ์์ด์ง ์์ฆ์ด๋ผ '๋ฒ์จ'๋ผ๋ ์๊ฐ์ด ๋๋๊ฑด ๋น์ฐํ๋ฏ!
์ด๊ฒ๋ ์์ฑํด์ผ ํ ๋ ์ด ์ด์ 4๋ฒ๋ฐ์ ์๋จ์๋ค ํ์ฐ ๋จ์ ์ผ์ ๋ ํ์คํ ํด๋ณด์!