[React] useState()์— ๋Œ€ํ•ด์„œ
ยท
Frontend
์–ด๋–ป๊ฒŒ ํ•˜๋ฉด React.js์—์„œ ๊ฐ’์ด ๋ฐ”๋€” ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด์•„์ค„ ์ˆ˜ ์žˆ์„๊นŒ? useState()๋ฅผ ํ™œ์šฉํ•˜๋ฉด React.JS์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅ์‹œ์ผœ ์ž๋™์œผ๋กœ ๋ฆฌ๋ Œ๋”๋ง์„ ์ผ์œผํ‚ฌ ์ˆ˜ ์žˆ๋‹ค. useState() ์ฝ”๋“œ ์˜ˆ์‹œ const data = React.useState();๋ฅผ console.log ์‹œํ‚ค๋ฉด [undefined, f ] -> undefined์™€ ํ•จ์ˆ˜๊ฐ€ ์ ํžŒ ๋ฐฐ์—ด์ด ๋‚˜ํƒ€๋‚œ๋‹ค. undefined๋Š” data์ด๊ณ  f๋Š” data๋ฅผ ๋ฐ”๊ฟ€ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜์ด๋‹ค. React.useState() ํ•จ์ˆ˜๋Š” ์ดˆ๊ธฐ๊ฐ’์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰, undefined -> ์ดˆ๊ธฐ๊ฐ’ , f -> ๊ทธ ๊ฐ’์„ ๋ฐ”๊พธ๋Š” ํ•จ์ˆ˜์ด๋‹ค. React.useState() ๋ฐฐ์—ด์—์„œ ๋ณดํ†ต ๋ฐ์ดํ„ฐ์—๋Š” counter์ฒ˜๋Ÿผ ์›ํ•˜๋Š”๋Œ€๋กœ ๋ถ™์ด๊ณ  f๋Š” set ๋’ค์— ๋ฐ์ดํ„ฐ ์ด..