๊ฐ์ ์ด ๊ธ์ ๊ฐ์ข๊ฐ ์๋๋๋ค. ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋๋ผ๋, ๋๊ทธ๋ฝ๊ฒ ๋ด์ฃผ์ ๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํผ๋๋ฐฑ ์ธ์ ๋ ํ์์ ๋๋ค :) ์์ํ๊ธฐ ์ ์... ์ด ๊ธ์ ๊ธ ์ฐ๋ ๊ฐ๋ฐ์ ๊ฐ ๋๊ณ ์ถ์ด ํ๋ ์ ์ ์ฒซ ์ ๋ฌผ์ด ๋ ๊ฒ์ ๋๋ค. ๊ธ ์ฐ๋ ๋ฅ๋ ฅ์ด ์์ง๋ง ๋ชป์จ๋ ์ํดํด ์ฃผ์ค ๊ฑฐ๋ผ ๋ฏฟ์ต๋๋ค. ์ฐ๋ค ๋ณด๋ฉด ๋ ๊ฑฐ๋ผ๊ณ ๋ฏฟ์ด์! ๋์ค์ ์ด๋ถํฅ ํ ์๋..? ์ฒซ ๊ธ์ธ ๋งํผ ์๊ธฐ...
๊ฐ์ ์ด ๊ธ์ ๊ฐ์ข๊ฐ ์๋๋๋ค. ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋๋ผ๋, ๋๊ทธ๋ฝ๊ฒ ๋ด์ฃผ์ ๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํผ๋๋ฐฑ ์ธ์ ๋ ํ์์ ๋๋ค :) ์๋๋ผ๋ฉด ์๋๋ผ๋ฉด ์ธ๊ธฐ๋ง ํ๋ ํฐ๋ ๋์ ์ ์ํด ์ฃผ๋ง ๋ด๋ด ๋กค์ ํ๊ณ ์์๊ฒ ์ง๋ง, ๊ฐ๋ฑ๋นํ ์ดํ ํฌ๊ธฐํ๊ณ ์๊ธฐ๊ณ๋ฐ์ ํ์ฐ๋ ค ํฉ๋๋ค. ~ํ์ด x๋ง๊ฒ~ ๊ทธ๋ผ ํ๋ฒ ์์ํด๋ณด์ฃ ! create-react-app ์ฐ์ ์ผ๋ก ์ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค...
๊ฐ์ ์ด ๊ธ์ ๊ฐ์ข๊ฐ ์๋๋๋ค. ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋๋ผ๋, ๋๊ทธ๋ฝ๊ฒ ๋ด์ฃผ์ ๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํผ๋๋ฐฑ ์ธ์ ๋ ํ์์ ๋๋ค :) BingoBoard ํ์ผ ์์ฑ src/containers ์ BingoBoard.tsx ํ์ผ์ ๋ง๋ค์ด์. ์ฐ์ , ํ์ํ ํ์ ๋ค๋ถํฐ ์ ์ํด์ค์. ๊ทธ๋ฆฌ๊ณ , ๋น๊ณ ํ์ ๊ทธ๋ฆฌ๊ธฐ ์ํ ์ค๊ณ๋ฅผ ํด์ค์๋ค. ์ด๋ฌ๋ฉด 5ร5 ํฌ๊ธฐ์ ๋น๊ณ ๋ผ๋๊ฐ ...
๊ฐ์ ์ด ๊ธ์ ๊ฐ์ข๊ฐ ์๋๋๋ค. ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋๋ผ๋, ๋๊ทธ๋ฝ๊ฒ ๋ด์ฃผ์ ๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํผ๋๋ฐฑ ์ธ์ ๋ ํ์์ ๋๋ค :) ์์ํ๊ธฐ์ ์์, ์ ๋ฒ ๊ธ์์ interface์ type์ ์ฐจ์ด์ ๋ํด ์๋ ค๋๋ฆฌ๊ธฐ๋ก ํ์์ด์. type Type์ ์๋ก ์ ์๋ ํ์ ์ด ์๋ extends, implements ๋ถ๊ฐ๋ฅ interface Interface๋ ์๋ก ์ ...
๊ฐ์ ์ด ๊ธ์ ๊ฐ์ข๊ฐ ์๋๋๋ค. ๋ถ์กฑํ ๋ถ๋ถ์ด ์๋๋ผ๋, ๋๊ทธ๋ฝ๊ฒ ๋ด์ฃผ์ ๋ค๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค. ํผ๋๋ฐฑ ์ธ์ ๋ ํ์์ ๋๋ค :) ์ด๋ฒ ๊ธ์์๋ ๊ตฌ์กฐ๊ฐ ๋๊ฒ ๋ง์ด ๋ฐ๋์์ด์. ๊ธฐ์กด์ matrix๋ผ๋ ๋ฐฐ์ด์ ํตํด ๋น๊ณ ํ์ ๊ด๋ฆฌํ๋๋ฐ matrix ๋ฐฐ์ด์ด state๊ฐ๋ ์๋๋ค ๋ณด๋, ๊ฐ์ ๊ฑด๋๋ ค๋ ๋ฆฌ๋ ๋๋ง์ด ๋์ง ์๋๊ตฐ์. ๊ทธ๋์ ์ํ๊ด๋ฆฌ๋ฅผ... ํ๊ธฐ๋ก... ํ์ต๋...