npm run dev
npx serve .
1์ฅ ์๊ฐ
์ ๋ฐ๋ฏธ ์์ ๊ฐ์ ๊ฒฝ์ฐ์๋, ์์ธํ ๋ณด์ง ์๊ณ ๋๊ฒผ๋ ํํธ์๋ ๊ฒ ๊ฐ๋ค. ๊ธฐ์ด๊ธด ํ์ง๋ง, createElement๋ฅผ ์ง์ ์จ์ DOM์ ์ ๋ฐ์ดํธ ํ๋ ๊ตฌ์กฐ๋ ๋น ๋ฅด๊ฒ ์คํตํ๋ ๊ฒ ๊ฐ๋ค. DOM, Virtual DOM, createElement ๋ฅผ ๋ค์ ์ ๋ฆฌํ๋ ์๊ฐ์ ๊ฐ์ง ์ ์์๊ณ , TSX๋ก ์์ฑ๋ ์ฝ๋๊ฐ ์ด๋ป๊ฒ HTML์ ํํ๋๋์ง ์ง์ ํ์ธํด๋ณผ ์ ์๋ ์๊ฐ์ด์๋ค.
2์ฅ ์๊ฐ useState()๋ ํธ์ถ ์์(index)์ ๋ฐ๋ผ ์ํ๋ฅผ ๋ฐฐ์ด์ ์ ์ฅํ๋ฏ๋ก, ๋ ๋๋ง ์๋ง๋ค ๊ฐ์ ์์๋ก ํธ์ถ๋๋๋ก ํด์ผํ๋ค. ์ด์ usehook์ loop์์ ๋ฃ๊ฑฐ๋, ํจ์์์ ๋ฃ๊ฒ ๋๋ฉด, ํธ์ถ์์๊ฐ ์ ๋๋ก ์๋ํ์ง ์์ ์ ์๋ค.
3์ฅ ์๊ฐ ๋๊ธฐ์ ์ผ๋ก ์ฒ๋ฆฌํ๋ ๊ณณ์์ ๋น๋๊ธฐ๊ฐ ์ค๋ ๊ฒฝ์ฐ, throw ์ ๋ฌํ์ฌ, ์ค๋น๋ ui๋ฅผ ๋ณด์ฌ์ค๋ค๋ ์ ์ ๋ฐฐ์ ๋ค. ๊ทธ๋ฆฌ๊ณ ํด๋น node์ promise๊ฐ ์ฑ๊ณตํ๋ฉด, ํด๋น ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ๋ค์ ๋๋๋งํ๋ค๋ ๊ฒ์ ์๊ฒ ๋์๋ค.