web3-react์ ์ดํด์ ํ์ฉ: ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ํ์ ๋๊ตฌ


Intro
web3-react๋ ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ์์ด ๋งค์ฐ ์ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํตํด ํฌ์์์ ๊ฐ๋ฐ์๋ Ethereum๊ณผ ๊ฐ์ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์ ์ํํ๊ฒ ์ํธ ์์ฉํ ์ ์์ต๋๋ค. ๊ธฐ์ ์ ์ธ ์ธ๋ถ ์ฌํญ์ ์ดํดํ๋ ๊ฒ๋ ์ค์ํ์ง๋ง, ๋ธ๋ก์ฒด์ธ ์์ฅ์์ ๋น ๋ฅด๊ฒ ๋ณํํ๋ ํ๊ฒฝ์ ๋ฐ๋ง์ถฐ ์ ์ ํ ํ์ฉ ์ ๋ต์ ์๋ฆฝํ๋ ๊ฒ๋ ํ์์ ์ ๋๋ค.
์ต์ ์ํธํํ ํธ๋ ๋
ํ์ฌ ์์ฅ ๋ถ์
ํ์ฌ ์ํธํํ ์์ฅ์ ๊พธ์คํ ์ฑ์ฅ์ธ๋ฅผ ๋ณด์ด๊ณ ์์ต๋๋ค. ํนํ Ethereum ๊ธฐ๋ฐ์ ํ๋ก์ ํธ๊ฐ ํ๋ฐํ๊ฒ ์งํ๋๊ณ ์์ผ๋ฉฐ, DeFi(ํ์ค์ํ ๊ธ์ต) ๋ฐ NFT(๋์ฒด ๋ถ๊ฐ๋ฅํ ํ ํฐ)๊ฐ ์ฃผ์ ํธ๋ ๋๋ก ์๋ฆฌ ์ก๊ณ ์์ต๋๋ค. ์ด๋ฌํ ๊ฒฝํฅ์ web3-react์ ํ์ฉ๋๋ฅผ ๋์ฑ ๋์ด๊ณ ์์ต๋๋ค.
"๋ธ๋ก์ฒด์ธ ๊ธฐ์ ๊ณผ ๋ง๋ฌผ๋ ค ๋ฐ์ ํ๋ ์ํธํํ ์์ฅ์ ๊ทธ ์์ฒด๋ก๋ ํ๋์ ํ์ ์ ์ผ์ผํค๊ณ ์์ต๋๋ค."
์ฃผ์ ์ํธํํ ๋ํฅ
- Ethereum์ ๋ฐ์ : Ethereum 2.0์ผ๋ก์ ์ ํ์ด ์งํ ์ค์ด๋ฉฐ, ์ด๋ ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ์ฑ๋ฅ์ ํ๊ธฐ์ ์ผ๋ก ๊ฐ์ ํ ๊ฒ์ผ๋ก ๊ธฐ๋๋ฉ๋๋ค.
- DeFi์ ์ฑ์ฅ: DeFi ์ ํ๋ฆฌ์ผ์ด์ ์ ์๊ฐ ํญ๋ฐ์ ์ผ๋ก ์ฆ๊ฐํ๊ณ ์์ผ๋ฉฐ, ์ด๋ ์ฌ์ฉ์ ์นํ์ ์ธ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ํฐ ์ญํ ์ ํ๊ณ ์์ต๋๋ค.
- NFT์ ์ธ๊ธฐ๋: NFT ์์ฅ์ ์ฌ์ ํ ํซ ์ด์๋ก ๋จ์ ์์ผ๋ฉฐ, ์์ ๋ฐ ๊ฒ์ ๋ถ์ผ์์์ ํ์ฉ์ด ๋๋๋ฌ์ง๋๋ค.
์์ ๊ฐ์ ํธ๋ ๋๋ web3-react ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ค์ํ ๊ธฐ์ ์ ๋ฐฐ๊ฒฝ์ ์ ๊ณตํ๋ฉฐ, ์ด๋ฌํ ๋๊ตฌ๋ฅผ ํตํด ๊ฐ๋ฐ์๋ค์ ๋ธ๋ก์ฒด์ธ๊ณผ์ ์ํธ ์์ฉ์ ์ฝ๊ฒ ํ ์ ์์ต๋๋ค.
ํฌ์ ์ ๋ต ๋ฐ ํ
ํจ๊ณผ์ ์ธ ํฌ์ ๋ฐฉ๋ฒ
ํฌ์์๋ web3-react์ ๊ฐ์ ๋๊ตฌ๋ฅผ ํ์ฉํด ๋ธ๋ก์ฒด์ธ ํ๋ก์ ํธ์ ์ ๋ขฐ์ฑ์ ํ๊ฐํ๊ณ , ์ด๋ฅผ ๋ฐํ์ผ๋ก ํฌ์ ๊ฒฐ์ ์ ๋ด๋ฆด ์ ์์ต๋๋ค. ์ฌ๋ฌ ํ๋ก์ ํธ์ ๋ฐฑ์์ ์ปค๋ฎค๋ํฐ ํผ๋๋ฐฑ์ ํตํด ๋ ๋ง์ ์ ๋ณด์ ๊ธฐ๋ฐํ ํ๋จ์ด ๊ฐ๋ฅํด์ง๋๋ค.
์ํ ๊ด๋ฆฌ ๋ฐ ํฌํธํด๋ฆฌ์ค ๊ตฌ์ฑ
- ๋ค์ํ ์์ฐ ๋ถ์ฐ: ๋จ์ผ ์์ฐ์ ์ง์คํ๊ธฐ๋ณด๋ค๋ ์ฌ๋ฌ ์์ฐ์ผ๋ก ํฌํธํด๋ฆฌ์ค๋ฅผ ๊ตฌ์ฑํ์ฌ ์ํ์ ๋ถ์ฐํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
- ์์ฅ ๋ฆฌ์์น: ์ต์ ๋ํฅ์ ํ์ ํ๊ณ , ์์ฅ ๋ณํ๋ฅผ ์ง์์ ์ผ๋ก ๊ด์ฐฐํด์ผ ํฉ๋๋ค. ์ด๋ ํฌ์ ์ ๋ต์ ์กฐ์ ํ๋ ๋ฐ ํฐ ๋์์ด ๋ฉ๋๋ค.
๋ง์ง๋ง์ผ๋ก, web3-react๋ ๋จ์ํ ๊ธฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ทธ์น์ง ์๊ณ , ๋ธ๋ก์ฒด์ธ ์ํ๊ณ์์ ํฌ์์์ ๊ฐ๋ฐ์๊ฐ ์ ๋ต์ ์ผ๋ก ํ๋ํ๋ ๋ฐ ํ์์ ์ธ ๋๊ตฌ์์ ์ธ์ํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.
web3-react ๊ฐ์
web3-react๋ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ์์ด ์ค์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์๋ฆฌ ์ก๊ณ ์๋ค. ์ด๋ Ethereum๊ณผ ๊ฐ์ ๋ถ์ฐํ ๋คํธ์ํฌ์์ ์ํธ์์ฉ์ ์ฉ์ดํ๊ฒ ํ์ฌ ๊ฐ๋ฐ์๋ค์ด ๋น ๋ฅด๊ฒ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ ์ ์๋๋ก ๋์์ค๋ค. ํนํ, ์์ผ๋ก ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ด ๊ธ์ต ๋ฐ ๋ค์ํ ๋ถ์ผ์ ๋ ๋ง์ด ์ฌ์ฉ๋ ๊ฒ์ด๋ผ๋ ์ ์์, web3-react์ ์ค์์ฑ์ ๋์ฑ ๋ถ๊ฐ๋๊ณ ์๋ค.
web3-react์ ์ ์
์น3-react๋ Ethereum ๊ธฐ๋ฐ์ ๋ถ์ฐํ ์ ํ๋ฆฌ์ผ์ด์ (๋์ฑ)์ ๋ง๋ค๊ธฐ ์ํ ๋๊ตฌ๋ค. ์ด๋ React.js์ ํตํฉ๋์ด ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ฌ์ฌ์ฉํ ์ ์๋ ๋ฐฉ์์ผ๋ก ์ํธ์์ฉ์ ๊ฐ์ํ ํ๋ค. ๋ค์ ๋งํด, ์ฌ์ฉ์๋ ๊ธฐ์ ์ ์ธ๋ถ์ฌํญ์ ๊น๊ฒ ์์ง ์๊ณ ๋ ๋ธ๋ก์ฒด์ธ๊ณผ ์ํธ์์ฉํ ์ ์๋ค. ์ด๋ฌํ ์ ์์, web3-react๋ ๋ธ๋ก์ฒด์ธ ๊ฐ๋ฐ์ ๋ฌธํฑ์ ๋ฎ์ถฐ์ค๋ค.
web3-react์ ์ฃผ์ ๊ธฐ๋ฅ
web3-react๋ ๋จ์ํ API๋ฅผ ์ ๊ณตํ์ฌ ๋ค์ํ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ์ฐ๊ฒฐ์ ์ฝ๊ฒ ํ ์ ์๋ค. ๊ทธ ์ฃผ์ ๊ธฐ๋ฅ์ ์ ๋ฆฌํ๋ฉด ๋ค์๊ณผ ๊ฐ๋ค:
- ํ๋ก๋ฐ์ด๋ ๊ด๋ฆฌ: ๋ค์ํ ์ข ๋ฅ์ ํ๋ก๋ฐ์ด๋๋ฅผ ์ง์ํ์ฌ ๊ฐ๋ฐ์๊ฐ ์ด๋ ๋คํธ์ํฌ์ ์ฐ๊ฒฐํ ์ง๋ฅผ ์ ๋์ ์ผ๋ก ์ ํํ ์ ์๋๋ก ํด์ค๋ค.
- ์ฐ๊ฒฐ ์ํ ๊ด๋ฆฌ: ์ฌ์ฉ์ ์ธ์ฆ์ ๋ณด๋ค ์ฝ๊ฒ ์ฒ๋ฆฌํ ์ ์๋๋ก ๋๊ณ , ์ฌ์ฉ์์์ ์ธ์ ์ํ๋ฅผ ๊ด๋ฆฌํ ์ ์๋ ๊ธฐ๋ฅ์ ์ ๊ณตํ๋ค.
- React Hooks ํตํฉ: ์ต์ React ํจํด์ ํ์ฉํ์ฌ, ์ํ ๊ด๋ฆฌ์ ์๋ช ์ฃผ๊ธฐ ๊ด๋ฆฌ๋ฅผ ์ฝ๊ฒ ํ ์ ์๋ค.
- ์ํ๊ณ ํ์ฅ์ฑ: ์ปค์คํฐ๋ง์ด์ง์ด ๊ฐ๋ฅํ์ฌ, ํน์ ํ๋ก์ ํธ๋ ํ๊ฒฝ์ ๋ง๊ฒ ์ฝ๊ฒ ์กฐ์ ํ ์ ์๋ค.
"web3-react๋ ๊ฐ๋ฐ์๋ค์ด ๋ธ๋ก์ฒด์ธ๊ณผ ์ํธ์์ฉํ๋ ๋ฐฉ์์ ํ๊ธฐ์ ์ผ๋ก ๋ณํ์ํค๊ณ ์๋ค."
์ด๋ฐ ๊ธฐ๋ฅ๋ค์ ํนํ ๋ํ์ด(DeFi) ์ ํ๋ฆฌ์ผ์ด์
์ด๋ NFT ๋ง์ผํ๋ ์ด์ค์ ๊ฐ์ ๋ธ๋ก์ฒด์ธ ํนํ ์ ํ๋ฆฌ์ผ์ด์
์์ ํฐ ํจ๊ณผ๋ฅผ ๋ฐํํ๋ค. ๊ฒฐ๊ตญ, web3-react๋ ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ํ์ฉํ๊ณ ์ถ์ ๊ฐ๋ฐ์์๊ฒ ํ์์ ์ธ ๋๊ตฌ๋ผ ํ ์ ์๋ค.\n
์ค์ ๋ก, ํฌ์์์ ๊ธฐ์ ์ ๋ฌธ๊ฐ๋ค์ด ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฃผ๋ชฉํ๋ ์ด์ ๋ ์ฌ๊ธฐ์ ์๋ค.
web3-react ์ค์น ๋ฐฉ๋ฒ
web3-react๋ฅผ ์ค์นํ๋ ๊ณผ์ ์ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ํ์ฉํ๊ธฐ ์ํ ์ฒซ๊ฑธ์์ด๋ค. ์ ์ ํ ์ค์น๊ฐ ์ด๋ฃจ์ด์ง์ง ์์ผ๋ฉด, ์ดํ ๋ชจ๋ ๊ฐ๋ฐ ๊ณผ์ ์์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ ๊ฐ๋ฅ์ฑ์ด ํฌ๊ธฐ ๋๋ฌธ์ด๋ค. ์ด ์น์ ์์๋ web3-react์ ์ค์น ๋ฐฉ๋ฒ์ ๋ํด ์์ธํ ์ค๋ช ํจ์ผ๋ก์จ, ๊ฐ๋ฐ์๋ค์ด ์ด ๊ณผ์ ์ ์ํํ๊ฒ ์งํํ ์ ์๋๋ก ๋๊ณ ์ ํ๋ค.
ํ๊ฒฝ ์ค์
web3-react๋ฅผ ์ค์นํ๊ธฐ ์ ์ ๋จผ์ ๊ฐ๋ฐ ํ๊ฒฝ์ ์ค์ ํด์ผ ํ๋ค. ๋ณดํต Node.js์ npm(Node Package Manager)์ด ํ์ํ๋ค. Node.js๊ฐ ์ค์น๋์ด ์๋ค๋ฉด, ๋ฒ์ ์ ํ์ธํ์ฌ ์ถฉ๋ถํ ์ต์ ๋ฒ์ ์ธ์ง ํ์ธํ๋ ๊ฒ์ด ์ข๋ค. ๋ค์ ๋จ๊ณ๋ค์ ํ๊ฒฝ์ ์ค๋นํ๋ ๊ณผ์ ์ด๋ค:
- Node.js ์ค์น: ์น์ฌ์ดํธ(https://nodejs.org/)์ ์ ์ํ์ฌ ์ด์์ฒด์ ์ ๋ง๋ Node.js ๋ฒ์ ์ ๋ค์ด๋ก๋ ๋ฐ์ ์ค์นํ๋ค.
- npm ํ์ธ: Node.js๊ฐ ์ค์น๋๋ฉด, npm๋ ํจ๊ป ์ค์น๋๋ค. ๋ช ๋ น ํ๋กฌํํธ(๋๋ ํฐ๋ฏธ๋)์์ ๋ฅผ ์ ๋ ฅํ์ฌ ์ค์น๊ฐ ์๋ฃ๋๋์ง ํ์ธํ๋ค.
- ํ๋ก์ ํธ ํด๋ ์์ฑ: ์ ํ๋ฆฌ์ผ์ด์ ์์ค ์ฝ๋๋ฅผ ์ ์ฅํ ์๋ก์ด ํด๋๋ฅผ ๋ง๋ ๋ค. ์ผ๋ก ์ ํด๋๋ฅผ ์์ฑํ๊ณ , ์ด๋ํ๋ค().


์ด ๊ณผ์ ์ ํตํด web3-react๋ฅผ ์ค์นํ ์ค๋น๊ฐ ์๋ฃ๋์๋ค.
๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น ๊ณผ์
web3-react ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํ๋ ๊ณผ์ ์ ๋จ์ํ์ง๋ง ์ฃผ์ํด์ผ ํ ์ ๋ค์ด ์๋ค. ๋ค์์ ์ค์นํ๋ ๊ณผ์ ์ผ๋ก,
- ํ๋ก์ ํธ ์ด๊ธฐํ: ๋จผ์ npm์ ํตํด ํ๋ก์ ํธ๋ฅผ ์ด๊ธฐํํ์ฌ ํ์ผ์ ์์ฑํ๋ค. ๋ช ๋ น์ด๋ฅผ ์ฌ์ฉํ๋ฉด ๊ธฐ๋ณธ ์ค์ ์ผ๋ก ์ด๊ธฐํํ ์ ์๋ค.
- web3-react ์ค์น: ์ด์ ์ค์ ๋ก ์น3 ๋ฆฌ์กํธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ค์นํ ์ฐจ๋ก์ด๋ค. ๋ค์ ๋ช ๋ น์ด๋ฅผ ์ ๋ ฅํ๋ค: bash npm install web3-react
- ์ถ๊ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น: web3-react๋ ์ข ์ข ํน์ ํ๋ก๋ฐ์ด๋์ ํจ๊ป ์ฌ์ฉ๋๋ค. Ethereum ๋คํธ์ํฌ์์ ์ฐ๊ฒฐ์ ์ํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ํจ๊ป ์ค์นํ๋ ๊ฒ์ด ๋ฐ๋์งํ๋ค:
์ด์ ๊ธฐ๋ณธ์ ์ธ ์ค์น๊ฐ ์๋ฃ๋ ๊ฒ์ด๋ค. ์ค์น๊ฐ ์ฑ๊ณตํ๋ฉด, ํ๋ก์ ํธ์ ํด๋ ์์ web3-react์ ethers๊ฐ ํฌํจ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
์ด๋ ๊ฒ ํ๊ฒฝ ์ค์ ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค์น ๊ณผ์ ์ ๋ง์น๋ฉด, ๋ณธ๊ฒฉ์ ์ผ๋ก web3-react์ ๋ค์ํ ๊ธฐ๋ฅ์ ํ์ฉํ์ฌ ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ค๋น๊ฐ ์๋ฃ๋๋ค.
web3-react ๊ตฌ์กฐ
web3-react์ ๊ตฌ์กฐ๋ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ์์๋ค๊ณผ ์ด๋ป๊ฒ ์ฐ๊ฒฐ๋๋์ง๋ฅผ ์ค๋ช ํ๋ ์ค์ํ ๋ถ๋ถ์ด๋ค. ์ด ๊ตฌ์กฐ๋ ๋ค์ํ ํ๋ก๋ฐ์ด๋์ ํ (hook)์ ํตํฉํ์ฌ ๋ธ๋ก์ฒด์ธ๊ณผ ์ํธ์์ฉํ ์ ์๋๋ก ์ค๊ณ๋์๋ค. ํนํ, ๊ฐ๋ฐ์๋ค์ ์ด ํ๋ ์์ํฌ๋ฅผ ํตํด ์์ฉ ํ๋ก๊ทธ๋จ์ ๋งฅ๋ฝ(context)์ ๊ด๋ฆฌํ๊ณ , ์ฌ์ฉ์์์ ํต์ ์ ๋งค๋๋ฝ๊ฒ ํ ์ ์๋ค.
web3-react ๊ตฌ์กฐ์ ํต์ฌ ์์๋ ๋ค์๊ณผ ๊ฐ๋ค:
- Provider ๊ตฌ์ฑ ์์: ์น3-react์์ ํ๋ก๋ฐ์ด๋๋ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ์ฐ๊ฒฐ์ ๋ด๋นํ๋ค. ์ฌ์ฉ์๋ ์ด๋ฐ ํจํด์ ํตํด ์ฌ๋ฌ ํ๋ก๋ฐ์ด๋๋ฅผ ์ฝ๊ฒ ์ค์ ํ๊ณ ์ฌ์ฉํ ์ ์๋ค.
- Hooks์ ์ปจํ ์คํธ: hooks์ ์ปจํ ์คํธ๋ ์ปดํฌ๋ํธ๋ฅผ ํตํ ๋ฐ์ดํฐ ํ๋ฆ์ ์ต์ ํํ๋ฉฐ, ๊ฐ ์ปดํฌ๋ํธ๊ฐ ์์ ์ ์ํ๋ฅผ ์ฝ๊ฒ ๊ด๋ฆฌํ ์ ์๋๋ก ๋๋๋ค.
์ด๋ฌํ ๊ตฌ์กฐ์ ์์๋ค์ ๋ค์ํ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ์ํธ์์ฉ์ ํ์ธต ๊ฐํธํ๊ฒ ๋ง๋ ๋ค. ๊ฐ๋ฐ์๋ค์ ๊ฒฉ๋ฆฌ๋ ์ํ์์ ๋ ๋ฆฝ์ ์ผ๋ก ์์ ํ๋๋ผ๋, ์ ์ฒด ์์คํ ์ ๋ฏธ์น๋ ์ํฅ์ ์ต์ํ ํ ์ ์๋ค.
Provider ๊ตฌ์ฑ ์์
Provider๋ web3-react์ ์ค์ํ ์์๋ก, ๋ธ๋ก์ฒด์ธ๊ณผ์ ์ฐ๊ฒฐ์ ์ ์ดํ๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์๋ Ethereum, Binance Smart Chain ๋ฑ ๋ค์ํ ๋คํธ์ํฌ์์ ์ํธ์์ฉ์ ์ง๊ด์ ์ผ๋ก ํ ์ ์๋ค. ์น3-react๋ ์ฌ๋ฌ ์ ํ์ ํ๋ก๋ฐ์ด๋๋ฅผ ์ง์ํ๊ธฐ ๋๋ฌธ์ ๋ค์๊ณผ ๊ฐ์ ์ฅ์ ์ด ์๋ค:
- ๋ค์์ฑ: ๊ฐ๋ฐ์๋ ๋ค์ํ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ๋ฅผ ์ฝ๊ฒ ์ฐ๊ฒฐํ ์ ์๋ค.
- ์ ์ฐ์ฑ: ํ์์ ๋ฐ๋ผ ํ๋ก๋ฐ์ด๋๋ฅผ ๋ฐ๊ฟ ์ ์์ด ํน์ ๋คํธ์ํฌ์ ๊ธฐ๋ฅ์ ํ์๋ก ํ ๋ ์ ๋ฆฌํ๋ค.
- ๊ฐํธํจ: ์ค์ ์ด ๋งค์ฐ ์ง๊ด์ ์ด๊ณ ๊ฐ๋จํ์ฌ, ์ ์ ๊ฐ๋ฐ์๋ ๋ถ๋ด ์์ด ์ ๊ทผํ ์ ์๋ค.
์ด๋ฐ ์ ์ฉ์ฑ ๋๋ถ์, ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์, provider์ ์ค์ ๊ณผ ๊ด๋ฆฌ๋ ๋ ์ด์ ๋ณต์กํ ๊ณผ์ ์ด ์๋๋ค.
Hooks์ ์ปจํ ์คํธ
hooks์ ์ปจํ ์คํธ๋ web3-react์์ ์ ์ฐํ ์ํ ๊ด๋ฆฌ๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๋ค. ์ด๋ React์ ๊ธฐ๋ณธ ๊ฐ๋ ์ ๋ฐํ์ผ๋ก ํ์ฌ, ๋ฐ์ดํฐ์ ํ๋ฆ๊ณผ ์ํ ๊ด๋ฆฌ๋ฅผ ํจ์จ์ ์ผ๋ก ์ํํ ์ ์๊ฒ ๋๋๋ค.
- Hooks: ์ด ๊ธฐ๋ฅ์ ์ํ ๋ณํ์ ๋ฐ๋ผ ๋ฆฌ๋ ๋๋ง์ ์ต์ ํํ๋ค. ์ฌ์ฉ์ ๊ฒฝํ์ ํด์น์ง ์์ผ๋ฉด์, ํ์ํ ์๊ฐ์ ๋ณด๋ง ์ ๋ฐ์ดํธ ๋ ์ ์๋ค.
- ์ปจํ ์คํธ: ์ฌ๋ฌ ์ปดํฌ๋ํธ ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ฝ๊ฒ ๊ณต์ ํ ์ ์๊ฒ ํ์ฌ, ์ํ๋ฅผ ๊ฒฝ๋ํํ๋ค. ์ด๋ ์ฝ๋์ ๊ฐ๋ ์ฑ์ ๋์ด๊ณ ์ ์ง ๋ณด์๋ฅผ ์ฉ์ดํ๊ฒ ํ๋ค.
์ด์ฒ๋ผ hooks์ ์ปจํ ์คํธ๋ ์น3 ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ฑํ๋ ์ฃผ์ ์์๋ก ์์ฉํ๋ค. ์ด๋ ๊ฐ๋ฐ์์๊ฒ ํ์ํ ์ ๋ณด๋ฅผ ์ฆ์ ์ ๊ณตํจ์ผ๋ก์จ, ํจ์จ์ ์ธ ์์ ํ๊ฒฝ์ ์กฐ์ฑํ๋ค.
์ด๋ฌํ ๊ตฌ์กฐ์ ์์๋ฅผ ์ดํดํ๊ณ ํ์ฉํ๋ ๊ฒ์ ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ์ฑ๊ณต์ ์ค์ํ ์ญํ ์ ํ๋ค.
web3์ ํ๋ก๋ฐ์ด๋ ์ฌ์ฉ
๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฐ์ ์ ๋ฐ๋ผ, ๋ค์ํ ํ๋ก๋ฐ์ด๋์ ์ฌ์ฉ์ด ์ค์ํด์ง๊ณ ์๋ค. ํนํ, web3-react ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ด๋ฌํ ํ๋ก๋ฐ์ด๋์์ ์ํธ์์ฉ์ ์ํํ๊ฒ ๋ง๋ค์ด ๊ฐ๋ฐ์์ ์ฌ์ฉ์ ์์ชฝ์๊ฒ ํฐ ์ด์ ์ ์ ๊ณตํ๋ค. ๋ณธ ์น์ ์์๋ ์น3 ์ํ ๊ณ์์์ ํ๋ก๋ฐ์ด๋ ์ฌ์ฉ์ ์ค์์ฑ๊ณผ, ํนํ JSON-RPC ํ๋ก๋ฐ์ด๋์ ํน์ฑ์ ์ดํด๋ณด๊ฒ ๋ค. ๋ํ, ์ฌ๋ฌ ๋คํธ์ํฌ๋ฅผ ์ง์ํ๋ ๊ธฐ๋ฅ์ด ๊ฐ๋ฐ์์๊ฒ ์ด๋ค ์๋ฏธ๋ฅผ ๊ฐ์ง๋์ง ๋๊ปด๋ณด์.
JSON-RPC ํ๋ก๋ฐ์ด๋
JSON-RPC๋ ์๊ฒฉ ํ๋ก์์ ํธ์ถ ๋ฐฉ์ ์ค ํ๋๋ก, ํด๋ผ์ด์ธํธ์ ์๋ฒ ๊ฐ์ ๋ฐ์ดํฐ ๊ตํ์ JSON ํ์์ผ๋ก ์ํํ๋ค. web3-react์ JSON-RPC ํ๋ก๋ฐ์ด๋๋ ์ด๋๋ฆฌ์ ๊ฐ์ ๋ธ๋ก์ฒด์ธ๊ณผ ํต์ ํ๋ ๋ฐ ์์ด ๋งค์ฐ ์ค์ํ ์ญํ ์ ํ๋ค. ๋ฐ์ดํฐ ์ ์ก์ด ๊ฐํธํ๊ณ , ๋ค์ํ ์์ฒญ์ ์ฒ๋ฆฌํ ์ ์์ด ๋ค์๊ณผ ๊ฐ์ ์ด์ ์ด ์๋ค:
- ๊ฐํธํ ์ํธ์์ฉ: ๋ธ๋ก์ฒด์ธ๊ณผ์ ํต์ ์ ์ฝ๊ฒ ๋ง๋ค์ด์ค์ผ๋ก์จ, ๊ฐ๋ฐ์๋ ๋ณต์กํ ์ฝ๋ ์์ฑ ์์ด API๋ฅผ ํธ์ถํ ์ ์๋ค.
- ์ ์ฐํ ์๊ตฌ ์ฌํญ ์ฒ๋ฆฌ: JSON-RPC ํ๋กํ ์ฝ์ ์ด์ฉํ์ฌ ๋ค์ํ API ์์ฒญ์ ๋์์ ์ฝ๊ฒ ์ฒ๋ฆฌ ๊ฐ๋ฅํ๋ค.
- ๋น์ฉ ํจ์จ์ : ๋ค๋ฅธ ๋ฐฉ์์ ๋นํด ๊ฒฝ๋ํ๋ ๋ฐ์ดํฐ ์ ์ก์ผ๋ก ๋น์ฉ์ ์ ๊ฐํ ์ ์๋ค.
ํ์ง๋ง JSON-RPC ํ๋ก๋ฐ์ด๋๋ฅผ ์ฌ์ฉํ๋ ๋ฐ๋ ์ฃผ์ํ ์ ์ด ์๋ค. ๋ฐ์ดํฐ์ ๋ณด์์ด๋ ์์ฒญ์ ์ ํจ์ฑ์ ํญ์ ๊ฒ์ฆํด์ผ ํ๋ฉฐ, ๊ฐ๋ฅํ๋ฉด HTTPS๋ฅผ ํตํ ํต์ ์ ๊ถ์ฅํ๋ค.
๋ค์ํ ๋คํธ์ํฌ ์ง์
web3-react์ ํฐ ํน์ง ์ค ํ๋๋ ์ฌ๋ฌ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ๋ฅผ ์ง์ํ๋ค๋ ์ ์ด๋ค. ์ด๋๋ฆฌ์๋ฟ๋ง ์๋๋ผ, Binance Smart Chain, Polygon(๊ตฌ Matic Network), Avalanche์ ๊ฐ์ ๋ค์ํ ๋คํธ์ํฌ์ ํธํ๋๋ค. ์ด๋ฌํ ๋ค์ํ ์ง์์ ๊ฐ๋ฐ์์๊ฒ ๋ง์ ๊ธฐํ๋ฅผ ์ ๊ณตํ๋ค. ์๋ฅผ ๋ค์ด:


- ๋ค์ํ ์ปค์คํฐ๋ง์ด์ง ๊ฐ๋ฅ์ฑ: ๊ฐ ๋ธ๋ก์ฒด์ธ์ ๊ฒฝ์ ๊ตฌ์กฐ์ ํฉ์ ์๊ณ ๋ฆฌ์ฆ์ด ๋ค๋ฅด๊ธฐ ๋๋ฌธ์, ํน์ ๋คํธ์ํฌ์ ์ต์ ํ๋ ๊ธฐ๋ฅ์ ์ฝ๊ฒ ๊ฐ๋ฐํ ์ ์๋ค.
- ๋ ๋์ ์ฌ์ฉ์ ๊ธฐ๋ฐ: ์ฌ์ฉ์๋ค์ด ์ ํธํ๋ ๋ค์ํ ๋คํธ์ํฌ์ ๋ง์ถฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ ์ ์์ด, ๋ ๋์ ๋ฒ์์ ์ฌ์ฉ์๋ค์ด ์ ๊ทผํ ์ ์๋ค.
- ์คํ์ ์ธ ํ๋ก์ ํธ ๊ฐ๋ฅ: ๊ฐ๋ฐ์๋ ์๋ก์ด ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ๋ฅผ ํ ์คํธํ๊ณ , ๊ฐ๋ฐ์ ํตํด ๋ ๋์ ์๋ฃจ์ ์ ์ฐพ์๊ฐ ์ ์๋ค.
์ด๋ ๊ฒ ๋ค์ํ ๋คํธ์ํฌ๋ฅผ ์ง์ํจ์ผ๋ก์จ, web3-react๋ ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ์ ๋ชฉ์ ํตํด ๋ณํํ๋ ์ ์ธ์ ๋ง๊ฒ ๋ณด๋ค ์ ์ฐํ๊ฒ ๋์ฒํ ์ ์๋๋ก ๋ง๋ค์ด ์ค๋ค.
"๋ณํ๋ ํผํ ์ ์๋ ๊ณผ์ ์ด๋ค. ๊ทธ๋ฌ๋ ๊ทธ ๋ณํ์ ์ ์ํ๊ณ , ๋ฐ์ ํ๋ ๊ฒ์ ์ค์ง ์ฐ๋ฆฌ์ ๋ชซ์ด๋ค."
์๋ง์ ๊ธฐํ๊ฐ ์กด์ฌํ๋ ์ด ์ํ๊ณ์์ web3-react์ ํ๋ก๋ฐ์ด๋ ์ฌ์ฉ์ ๊ฐ๋ฐ์๋ค์๊ฒ ์์ด์๋ ์๋ ์์๊ฐ ๋๊ณ ์๋ค.
web3-react์ ์ปค์คํฐ๋ง์ด์ง
web3-react๋ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์์์ ์ ์ฐ์ฑ๊ณผ ํ์ฅ์ฑ์ ์ ๊ณตํ๋ ํต์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค. ์ด๋ ๊ฐ๋ฐ์๊ฐ ํน์ ์๊ตฌ์ฌํญ์ ๋ง์ถฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ์กฐ์ ํ ์ ์๋ ์ปค์คํฐ๋ง์ด์ง ๊ธฐ๋ฅ์ ํฌํจํ๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ๋ค์ ์ฌ์ฉ์๊ฐ ์ํ๋ ๋ฐฉ์์ผ๋ก ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์กฐ์ ํ ์ ์๋๋ก ํด์ฃผ๋ฉฐ, ๊ถ๊ทน์ ์ผ๋ก๋ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํค๋ ๋ฐ ๊ธฐ์ฌํ๋ค. ๋ฐ๋ผ์ ์ปค์คํฐ๋ง์ด์ง์ ๋จ์ํ ํ์๊ฐ ์๋, ํจ์จ์ ์ธ ๊ฐ๋ฐ์ ์ํ ์ฅ์ ์ผ๋ก ๋ค๊ฐ์จ๋ค.
๋ชจ๋ฐ์ผ ๋ฐ ๋ฐ์คํฌํ ํ๊ฒฝ์์์ ์ฐจ์ด์
๋ชจ๋ฐ์ผ๊ณผ ๋ฐ์คํฌํ ํ๊ฒฝ์ ์ฌ์ฉ์ ํ๋๊ณผ ์๊ตฌ์ฌํญ์ด ๋ค๋ฅด๋ค. ์๋ก ๋ค๋ฅธ ๊ธฐ๊ธฐ์์ ์น3-react๋ฅผ ์ปค์คํฐ๋ง์ด์งํ ๋, ๋ช ๊ฐ์ง ์ค์ํ ์ฐจ์ด์ ์ด ์๊ฒจ๋๋ค.
- ํ๋ฉด ํฌ๊ธฐ: ๋ชจ๋ฐ์ผ์ ์์ ํ๋ฉด์์ ์ธํฐํ์ด์ค๋ฅผ ์กฐ์ ํด์ผ ํ๋ฏ๋ก, ๋ฒํผ ํฌ๊ธฐ์ ํ ์คํธ ๊ฐ๋ ์ฑ์ ๊ณ ๋ คํด์ผ ํ๋ค. ๋ฐ๋ฉด ๋ฐ์คํฌํ์์๋ ๋ค์ ์ธ๋ถ์ ์ธ ์ ๋ณด์ ์ด์์ ์ฝ์ ํ ์ ์๋ค.
- ํญ ๊ฐ ์ ํ: ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์๋ ์ ์ค์ฒ ๊ธฐ๋ฐ์ ๋ด๋น๊ฒ์ด์ ์ด ์ ์ฉํ๋ฉฐ, ์ด๋ ์น3-react์ ์ปค์คํฐ๋ง์ด์ง์ผ๋ก ์ด๋ฌํ ์ ์ค์ฒ๋ฅผ ์ง์ํ ์ ์๋ค. ๋ฐ๋ฉด ๋ฐ์คํฌํ์์๋ ๋ง์ฐ์ค ํด๋ฆญ๊ณผ ํค๋ณด๋ ๋จ์ถํค๋ฅผ ์ฌ์ฉํ ํญ๋ชฉ ์ ํ์ด ์ผ๋ฐ์ ์ด๋ค.
- ์ฑ๋ฅ ์ต์ ํ: ๋ชจ๋ฐ์ผ์์์ ์ฑ๋ฅ์ ๋คํธ์ํฌ ์๋ ๋ฐ ๋ฐ์ดํฐ ์ฌ์ฉ๋์ ๋ฏผ๊ฐํ๊ธฐ ๋๋ฌธ์, ์ต์ํ์ ํธ์ถ์ ํตํด ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ ๋ฐฉ์์ผ๋ก ์ต์ ํํด์ผ ํ๋ค. ์ด๋ฅผ ์ํด web3-react์ API ํธ์ถ ๋ถ๋ถ์ ์กฐ์ ํ ํ์๊ฐ ์๋ค.
์์ฃผ ์ฌ์ฉํ๋ ์ปค์คํฐ๋ง์ด์ง ์์
web3-react๋ฅผ ์ปค์คํฐ๋ง์ด์งํ ๋ ๊ณ ๋ คํด์ผ ํ ๋ช ๊ฐ์ง ์ผ๋ฐ์ ์ธ ์ ๊ทผ๋ฒ์ด ์๋ค. ๋ค์์ ์์ฃผ ์ฌ์ฉ๋๋ ๋ช ๊ฐ์ง ์ปค์คํฐ๋ง์ด์ง ์์๋ค.
- Provider ์ค์ ์กฐ์ : ํน์ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์ ๋ง์ถฐ provider๋ฅผ ์ค์ ํ์ฌ, ๋คํธ์ํฌ ์๋๋ฅผ ๊ฐ์ ํ๊ณ UX๋ฅผ ํฅ์์ํฌ ์ ์๋ค.
- UI ์ปดํฌ๋ํธ ์คํ์ผ๋ง: ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ธ๋๋์ ๋ง์ถฐ ์คํ์ผ๋ง ํ๋ฉด, ์ฌ์ฉ์์์ ์ฐ๊ฒฐ์ฑ์ ๋์ผ ์ ์๋ค. ์๋ฅผ ๋ค์ด ๋ถ๋๋ฌ์ด ์์๊ณผ ์ผ๊ด์ฑ ์๋ ๋์์ธ์ด ํฌํจ๋ ์ ์๋ค.
- ๋นํ์ฑ ์ํ ํํ: ์ฌ์ฉ์๊ฐ ์ฐ๊ฒฐ๋์ด ์์ง ์๊ฑฐ๋ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ ๋ ๋ณด์ฌ์ค ๋นํ์ฑ ์ํ์ UI๋ฅผ ์ค์ ํ์ฌ, ์ฌ์ฉ์์๊ฒ ์ ์ ํ ํผ๋๋ฐฑ์ ์ ๊ณตํ ์ ์๋ค.
- ์ํ ๊ด๋ฆฌ ์ต์ ํ: React์ context API๋ฅผ ํ์ฉํ์ฌ ์ํ ๊ด๋ฆฌ๋ฅผ ํจ์จ์ ์ผ๋ก ํ์ฌ, ์ฌ๋ ๋๋ง์ ์ต์ํํ ์ ์๋ค. ์ด๋ ์ฑ๋ฅ์ ํฌ๊ฒ ํฅ์์ํฌ ์ ์๋ ์์์ด๋ค.
์ด์ ๊ฐ์ด, web3-react์ ์ปค์คํฐ๋ง์ด์ง์ ๊ฐ๋ฐ์๊ฐ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋์ฑ ๋งค๋ ฅ์ ์ด๊ณ ํจ์จ์ ์ด๋ฉฐ ์์ ์ ์ผ๋ก ๋ง๋๋ ๋ฐ ๊ธฐ์ฌํ๋ค. ๊ฐ๋ณ ํ์์ ๋ง์ถ ์กฐ์ ์ ํตํด ์ต์ข ์ฌ์ฉ์์๊ฒ ๋ ๋์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์๋ ๊ธฐํ๋ฅผ ๋ง๋ จํ ์ ์๋ค.
์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์ฌ๋ก
์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์ฌ๋ก๋ web3-react์ ํ์ฉ์ ์ดํดํ๋ ๋ฐ ์์ด ํต์ฌ์ ์ธ ์์๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ์ํํ ์ํธ์์ฉ์ ์ง์ํ์ฌ ๋ค์ํ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๋ ๊ธฐ์ด๋ฅผ ๋ง๋ จํ๋ค. ํนํ, โข DeFi(ํ์ค์ํ ๊ธ์ต) ์ ํ๋ฆฌ์ผ์ด์ ๊ณผ โข NFT(๋์ฒด ๋ถ๊ฐ๋ฅ ํ ํฐ) ๋ง์ผํ๋ ์ด์ค์ ๊ฐ์ ์ต์ ๊ธฐ์ ์ ๋ด์ ์ดํ๋ฆฌ์ผ์ด์ ์ ๊ตฌํ์ ํตํด web3-react์ ์ง๊ฐ๊ฐ ๋๋ฌ๋๋ค. ์ด๋ฅผ ํตํด ํฌ์์์ ๊ฐ๋ฐ์ ๋ชจ๋๊ฐ ์ด๋ฌํ ์์ฉ ์ฌ๋ก์์ ์ป์ ์ ์๋ ๊ธฐํ์ ์ด์ ์ ์ดํด๋ณด์๋ ๊ฒ์ด๋ค.
DeFi ์ ํ๋ฆฌ์ผ์ด์ ์์
DeFi ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ธฐ์กด ๊ธ์ต ์์คํ ์ ๋์ฒดํ ์ ์๋ ๊ฐ๋ฅ์ฑ์ ์ง๋๊ณ ์๋ค. ๋ํ์ ์ธ ์๋ก๋ Aave์ Compound์ ๊ฐ์ ํ๋ซํผ์ด ์๋ค. ์ด๋ฌํ ํ๋ซํผ์ ์ฌ์ฉ์๊ฐ ๋์งํธ ์์ฐ์ ๋์ถํ๊ฑฐ๋ ์์นํ ์ ์๊ฒ ํ๋ฉฐ, Interest(์ด์) ์์ต์ ์ป์ ์ ์๋๋ก ํ๋ค.
- ์ ๋์ฑ ์ ๊ณต: DeFi ํ๋ซํผ์์๋ ์ฌ์ฉ์๋ค์ด ์์ ์ด ๋ณด์ ํ ์์ฐ์ ์ ๋์ฑ ํ์ deposit(์์น)ํ์ฌ ์ด์ ์์ต์ ์ป์ ์ ์๊ฒ ๋๋ค. ์ด๋ ๊ธ์ต์ ๋ฏผ์ฃผํ๋ฅผ ๊ฐ์ ธ์ค๋ฉฐ, ๋๊ตฌ๋ ์์ก์ผ๋ก ์ฐธ์ฌํ ์ ์๋ค.
- ์ค๋งํธ ๊ณ์ฝ: ์ด๋ฌํ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ค๋งํธ ๊ณ์ฝ์ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์๊ฐ ์๋์ ์ผ๋ก ์์ฐ์ ๊ด๋ฆฌํ๋ ๋์ ์๋์ผ๋ก ๊ฑฐ๋๋๊ณ ์ฒ๋ฆฌ๋ ์ ์๋๋ก ํ๋ค. ์ด๋ ์์ ์ด ์ง์ ์ด์ํ๋ ๊ฒ๋ณด๋ค ํจ์ฌ ์์ ํ๊ณ ํจ์จ์ ์ด๋ค.
DeFi ์ ํ๋ฆฌ์ผ์ด์ ์ ์์๋ก๋ ์น์ฌ์ดํธ์์ ์ง์ web3-react๋ฅผ ์ฌ์ฉํ์ฌ Ethereum ๋คํธ์ํฌ์ ์ฐ๋ํ ๋ค์, ์ฌ์ฉ์๋ ๋จ ๋ช ๋ฒ์ ๋ฒํผ ํด๋ฆญ์ผ๋ก ์์ฐ์ ๊ด๋ฆฌํ ์ ์๋ค. ์๋์ ์ฝ๋๋ ๊ฐ๋จํ DeFi ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋๋ ๋ฐ ํ์ํ web3-react ๊ตฌ์ฑ ์์๋ค:
javascript
function App()
const handleConnect = async () => await activate(injected);
return (
button onClick=handleConnect>์ง๊ฐ ์ฐ๊ฒฐbutton>
);
์ด๋ฌํ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ์ฌ๋ก๋ web3-react๊ฐ ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ฐ์ ์ ์ด๋ป๊ฒ ๊ธฐ์ฌํ๊ณ ์๋์ง๋ฅผ ์ ๋ณด์ฌ์ค๋ค. ๊ฐ๋ฐ์์ ํฌ์์ ๋ชจ๋์๊ฒ web3-react์ ํ์ฉ ๊ฐ๋ฅ์ฑ์ ๋ฌด๊ถ๋ฌด์งํ๋ค.
web3-react์ ๋ณด์ ๊ณ ๋ ค์ฌํญ
web3-react๋ฅผ ํ์ฉํ๋ ๋ฐ ์์ด ๋ณด์์ ๋งค์ฐ ์ค์ํ ์์๋ก ์๋ฆฌ์ก๊ณ ์๋ค. ๋ธ๋ก์ฒด์ธ ๊ธฐ๋ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ทธ ํน์ฑ์ ์ฌ์ฉ์์ ๊ฐ์ธ ์ ๋ณด๋ฅผ ๋ค๋ฃจ๊ธฐ ๋๋ฌธ์, ์์ ์ฑ์ ํ๋ณดํ๋ ๊ฒ์ด ํ์์ ์ด๋ค. ์ฌ์ฉ์๊ฐ ์ํธํํ ์ง๊ฐ๊ณผ ์ํธ์์ฉํ ๋ ๋ฐ์ํ ์ ์๋ ์ฌ๋ฌ ์ํ ์์๋ฅผ ๊ด๋ฆฌํ๊ธฐ ์ํด, ๋ณด์ ๊ณ ๋ ค์ฌํญ์ ์ฒ ์ ํ ๋ถ์ํด์ผ ํ๋ค. ์ด๋ฌํ ๋ณด์ ์กฐ์น๋ ์น3 ๊ธฐ์ ์ ์์ฉ๊ณผ ์ฌ์ฉ์ ๊ทน๋ํํ ์ ์๋ ๋ฐฉ๋ฒ์ด๊ธฐ๋ ํ๋ค.
์์ ํ ์ฌ์ฉ์ ์ธ์ฆ


์์ ํ ์ฌ์ฉ์ ์ธ์ฆ์ web3-react ์ฌ์ฉ ์ ๊ธฐ๋ณธ ์ค์ ๊ธฐ๋ณธ์ด๋ค. ์ฌ์ฉ์ ์ธ์ฆ ๊ณผ์ ์์ ๋ฐ์ํ ์ ์๋ ์ฌ๋ฌ ๋ฌธ์ ๊ฐ ์๋ค. ์งํ ์ค์ธ ์ธ์ฆ์ด ๋ถ๋ฒ์ ์ผ๋ก ์นจํด๋๋ ๊ฒฝ์ฐ, ๊ฐ์ธ์ ์ฌ์ฐ๊ณผ ๋ฐ์ดํฐ๊ฐ ์ํํด์ง ์ ์๋ค. ๋ฐ๋ผ์, ์์ ํ ์ธ์ฆ ๋ฉ์๋๋ฅผ ์ ํํ๋ ๊ฒ์ด ์ค์ํ๋ค. ์ด๋ฅผ ์ํด ๋ค์๊ณผ ๊ฐ์ ๋ฐฉ๋ฒ์ ๊ณ ๋ คํ ์ ์๋ค.
- 2๋จ๊ณ ์ธ์ฆ : ์ฌ์ฉ์ ๋ก๊ทธ์ธ์ ๋ณด๋ค ์์ ํ๊ฒ ๋ณดํธํ ์ ์๋ค. ์ด๋ฌํ ์ถ๊ฐ์ ์ธ ๋จ๊ณ๋ ํด์ปค๊ฐ ์ฌ์ฉ์์ ๊ณ์ ์ ์ ๊ทผํ๊ธฐ ์ด๋ ค์์ง๋๋ก ๋ง๋ ๋ค.
- ์๋ช ๊ฒ์ฆ : ์ฌ์ฉ์๊ฐ ํน์ ํ ํ์๋ฅผ ํ๊ธฐ ์ ์, ๊ทธ๋ค์ ์ ์์ ํ์ธํ๋ ๊ณผ์ ์ด ํ์ํ๋ค. ์ด ๊ณผ์ ์์ ์ ์ ์๋ช ์ ํ์ฉํ์ฌ ๋ณด์์ ๊ฐํํ ์ ์๋ค.
- ์คํ๋ผ์ธ ์ ์ฅ : ๋ฏผ๊ฐํ ์ ๋ณด๋ฅผ ๋์งํธ ํ์์ด ์๋ ์คํ๋ผ์ธ์์ ์ ์ฅํ๋ ๋ฐฉ๋ฒ๋ ์๋ค. ์ด๋ฅผ ํตํด ํดํน ์ํ์ ์ต์ํํ ์ ์๋ค.
์ด๋ฌํ ์์ฑ ์ค ์ผ๋ถ๋ ์น3 ํ๊ฒฝ์์ ์ฌ์ฉ์ ์ธ์ฆ์ ๋ณด์์ ๋์ ๋๊ฒ ๊ฐ์ ํ ๊ฒ์ด๋ค. ๋ํ, ์ฌ์ฉ์๊ฐ ์น ์ ํ๋ฆฌ์ผ์ด์ ์์ ์์ ํ๋ค๊ณ ๋๋๋ค๋ฉด, ์ด๋ ๊ทธ๋ค์ด ํ๋ซํผ๊ณผ ์ํธ์์ฉํ๋ ๋ฐ ๋ ํฐ ์ ๋ขฐ๋ฅผ ์๋ ๋ฐ ๊ธฐ์ฌํ ์ ์๋ค.
๋ฐ์ดํฐ ๋ณดํธ์ ํ๋ผ์ด๋ฒ์ ๋ฌธ์
์น3 ๊ธฐ์ ์์ ๋ฐ์ดํฐ ๋ณดํธ์ ํ๋ผ์ด๋ฒ์๋ ํ์์ ์ธ ๊ณ ๋ ค์ฌํญ์ด๋ค. ๊ฐ๋ฐ์๋ ์ฌ์ฉ์ ๋ฐ์ดํฐ๋ฅผ ์์ ํ๊ฒ ๋ณด๊ดํ๊ณ ์ฒ๋ฆฌํด์ผ ํ ์ฑ ์์ด ์๋ค. ์ด ๊ณผ์ ์์ ๋ค์๊ณผ ๊ฐ์ ์ฌ์ค์ ์ ๋ ํด์ผ ํ๋ค.
- ๋ฐ์ดํฐ ์ํธํ : ๋ชจ๋ ๊ฑฐ๋๋ ์ฌ์ฉ์ ์ ๋ ฅ ๋ฐ์ดํฐ๋ฅผ ์ํธํํ์ฌ ์ธ๋ถ์์ ์ ๊ทผํ ์ ์๋๋ก ๋ง๋ค์ด์ผ ํ๋ค. ์ด๋ ๋ฐ์ดํฐ๊ฐ ์ ์ถ๋๋๋ผ๋ ๊ทธ ๋ด์ฉ์ด ํด๋ ๋์ง ์๋๋ก ํ๋ ๋ฐ ๋์์ ์ค๋ค.
- ์ต์ํ์ ๋ฐ์ดํฐ ์์ง : ํ์ํ ์ ๋ณด๋ง ์์งํจ์ผ๋ก์จ, ๋ฐ์ดํฐ ๋ณดํธ๋ฅผ ํ์ธต ๊ฐํํ ์ ์๋ค. ์ฌ์ฉ์๊ฐ ๋์ํ ์ ๋ณด๋ง์ ์๊ตฌํ์ฌ ํ๋ผ์ด๋ฒ์๋ฅผ ๊ทน๋ํํ ์ ์๋ค.
- ์ฌ์ฉ์ ํต์ ๊ถํ : ์ฌ์ฉ์๊ฐ ์์ ์ ๋ฐ์ดํฐ ๋ฅผ ์ด๋ป๊ฒ ์ฌ์ฉ๋ ์ง์ ๋ํ ํต์ ๊ถํ์ ๊ฐ์ง ์ ์๋๋ก ํด์ผ ํ๋ค. ์๋ฅผ ๋ค์ด, ๋ฐ์ดํฐ ์์ง๊ณผ ์ฒ๋ฆฌ์ ๋ํ ๋์๋ฅผ ๋ช ํํ๊ฒ ํ์ํ๋ ํํ๋ก ์ด๋ฅผ ์ํํ ์ ์๋ค.
๊ฐ์ธ์ ๋ณด ๋ณดํธ์ ๋ฐ์ดํฐ ๊ถ๋ฆฌ๋ ํ์ฌ ์ฌํ์์ ์ต๋์ ์ค์์ฑ์ ๊ฐ์ง๋๋ค. ์น3 ๊ธฐ์ ์ ์ด๋ฌํ ๊ถ๋ฆฌ๋ฅผ ๋ณด์ฅํ๊ธฐ ์ํด ๋ ธ๋ ฅํด์ผ ํฉ๋๋ค.
์ด์ ๊ฐ์ ๊ณ ๋ ค์ฌํญ๋ค์ web3-react๋ฅผ ์ฌ์ฉํ๋ ๋ฐ ์์ด ๋ณด์์ฑ์ ๋์ด๊ณ , ์ ๋ฐ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์์ํฌ ์ ์๋ค. ๋ชจ๋๊ฐ ๊ณต๊ฐํ ์ ์๋ ์์ ํ๊ณ ํ๋ผ์ด๋นํ ํ๊ฒฝ์ ์ ๊ณตํ๋ ๊ฒ์ด ๊ธฐ์ ๋ฐ์ ์ ์๋ก์ด ๋ฐฉํฅ์ด ๋ ๊ฒ์ด๋ค.
web3-react์ ํ๊ณ
web3-react๋ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ๋ ๋ฐ ๋งค์ฐ ์ ์ฉํ ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ด์ง๋ง, ๋ช ๊ฐ์ง ํ๊ณ๊ฐ ์กด์ฌํ๋ค. ์ด ์น์ ์์๋ web3-react์ ์ฑ๋ฅ ๋ฌธ์ ์ ์ํ๊ณ์ ๋ณํ์ ๋ํ ์ ์๋ ฅ์ ๋ํด ์ดํด๋ณด๊ฒ ๋ค. ์ด๋ฅผ ํตํด ๊ฐ๋ฐ์์ ํฌ์์๋ค์ ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ ๋์ ๋์ ๊ณผ์ ๋ฅผ ์ดํดํ๊ณ , ํ์ํ ๊ฒฝ์ฐ ๋ค๋ฅธ ๋์์ ๊ณ ๋ คํ ์ ์๋๋ก ๋๊ณ ์ ํ๋ค.
์ฑ๋ฅ ๋ฌธ์
web3-react๋ฅผ ์ฌ์ฉํ ๋ ์ฑ๋ฅ ๋ฌธ์ ๋ ์ข ์ข ๋ฐ์ํ ์ ์๋ค. ํนํ ์ฌ์ฉ์๊ฐ ๋ง์ด ๋ชฐ๋ฆด ๊ฒฝ์ฐ, ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋ฐ์ ์๋๊ฐ ๋๋ ค์ง ์ ์๋ค. ์๋ฅผ ๋ค์ด, ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์ ์๋๊ฐ ๋๋ฆฌ๊ฑฐ๋ ํธ๋์ญ์ ์ด ์ฆ๊ฐํ๋ ์ํฉ์์๋ ์ฌ์ฉ์๊ฐ ๊ธฐ๋ค๋ฆฌ๋ ์๊ฐ์ด ๊ธธ์ด์ง ์ ์๋ค. ์ด๋ฐ ํ์์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ์ํฅ์ ๋ฏธ์น ์ ์์ผ๋ฏ๋ก, ์ฑ๋ฅ ์ต์ ํ๊ฐ ํ์์ ์ด๋ค.
- ์ํฉ์ ๋ฐ๋ผ ๊ฐ์ํ๋ ๋ฐ์ ์๋: ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ํ ๋ณํ๊ฐ ์ฌ๋ฌ ๋ฒ ๋ฐ์ํ๋ฉด, ๋ถํ์ํ ๋ ๋๋ง์ด ์ผ์ด๋ ์ฑ๋ฅ ์ ํ๋ฅผ ์ด๋ํ ์ ์๋ค. ์ด๋ฅผ ์ค์ด๊ธฐ ์ํด์๋ ์ ํ ๊ด๋ฆฌ์ ํจ์จ์ฑ์ ๋์ฌ์ผ ํ๋ค.
- ๋คํธ์ํฌ ์ง์ฐ ๋ฌธ์ : ์ด๋๋ฆฌ์๊ณผ ๊ฐ์ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์์ ์ง์ฐ์ web3-react ์์ฒด์ ๋ฌธ์ ๋ ์๋์ง๋ง, ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ํธ์์ฉํ๋ ๋ฐ ์ํฅ์ ๋ฏธ์น๋ค. ์ฆ, ์ด๋๋ฆฌ์ ๋ธ๋ก์ฒด์ธ์ด ๋๋ ค์ง๋ฉด, web3-react์ ๋ฐ์๋ ๋ฆ์ด์ง๋ค.
์ฑ๋ฅ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด์๋ ๋ค์๊ณผ ๊ฐ์ ๋ฐฉ๋ฒ๋ค์ ๊ณ ๋ คํด์ผ ํ๋ค:
- ์ต์ ํ๋ ์ํ ๊ด๋ฆฌ ์ฌ์ฉ: ํ์ํ ๋ฐ์ดํฐ๋ง ์ต์ํ์ผ๋ก ์ฌ๋ ๋๋ง๋๋๋ก ์ค์ ํด์ผ ํ๋ค.
- ๋น๋๊ธฐ ์์ฒญ ์ต์ ํ: ๊ฐ๋ฅํ ํ ํธ๋์ญ์ ์ ๋น๋๊ธฐ์ ์ผ๋ก ๊ด๋ฆฌํจ์ผ๋ก์จ, ์ฌ์ฉ์๋ ์ค๋จ ์์ด ๋ค๋ฅธ ์์ ์ ์งํํ ์ ์๋ค.
์ํ๊ณ์ ๋ณํ์ ์ ์๋ ฅ
๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ๋น ๋ฅด๊ฒ ๋ณํํ๊ณ ์์ผ๋ฉฐ, ์ด์ ๋ฐ๋ผ web3-react๋ ์ง์์ ์ผ๋ก ๋ฐ์ ํด์ผ ํ๋ค. ํ์ง๋ง ๋ณํ์ ๋ํ ์ ์๋ ฅ์ด ๋จ์ด์ง ๊ฒฝ์ฐ, ์ค๋๋ ์ ๋ณด๋ ๊ธฐ๋ฅ์ด ์ฌ์ฉ๋ ์ ์์ด ๋ฌธ์ ๊ฐ ๋ฐ์ํ ์ ์๋ค.
- ๊ธฐ์ ์ ์งํ์ ๋ํ ๋์ฒ: ๋ธ๋ก์ฒด์ธ ํ๊ฒฝ์์๋ ์๋ก์ด ๊ธฐ์ ์ด๋ ํ๋กํ ์ฝ์ด ์ง์์ ์ผ๋ก ๋ฑ์ฅํ๊ณ ์๋ค. ๋ฐ๋ผ์ web3-react๋ ์ด๋ฌํ ๋ณํ์ ์ ์ํ๊ฒ ๋์ํ ์ ์์ด์ผ ํจ์จ์ ์ธ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฐ๋ฐํ ์ ์๋ค.
- ์ ์ฐํ ๊ฐ๋ฐ ์ํ๊ณ ํ์: ๊ฐ๋ฐ์๋ค์ ๋ค์ํ ์๊ตฌ ์ฌํญ์ ๋ง์ถฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง์ถคํ์ผ๋ก ์ ์ํด์ผ ํ์ง๋ง, web3-react๊ฐ ์ ๊ณตํ๋ ๋๊ตฌ๋ ๊ธฐ๋ฅ์ด ๋ถ์กฑํ๋ฉด ์ํ๋ ๋ฐฉํฅ์ผ๋ก ๋ฐ์ ํ์ง ๋ชปํ ์ ์๋ค.
"์ด๋ฌํ ์ํ๊ณ์ ๋ณํ์ ๊ฐ๊น์ด ๋ค๊ฐ๊ฐ ์ ์๋ ๋ฅ๋ ฅ์ด, ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ๋ฐ์ ๊ณผ ํ์ฉ๋๋ฅผ ๋ ์ผ ๊ฒ์ด๋ค."
๋ณํ์ ์ ์ํ๊ธฐ ์ํด ๊ฐ๋ฐ์๋ค์ ์ง์์ ์ธ ํ์ต๊ณผ ์ปค๋ฎค๋ํฐ์ ํผ๋๋ฐฑ์ ๋ฐ์์ผ ํ๋ค. ์ด๋ web3-react์ ์ฑ์ฅ๋ฟ ์๋๋ผ, ์ ์ฒด ๋ธ๋ก์ฒด์ธ ๊ฐ๋ฐ ํ๊ฒฝ์๋ ๊ธ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น ๊ฒ์ด๋ค.
๊ฒฐ๋ก ๋ฐ ํฅํ ์ ๋ง
web3-react๋ ํ๋ ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์์ ์ค์ํ ์ญํ ์ ๋งก๊ณ ์๋ค. ์ด๋ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์์ ์ํธ์์ฉ์ ๋จ์ํํ๋ฉด์๋, ์ฌ์ฉ์์๊ฒ ํฅ์๋ ๊ฒฝํ์ ์ ๊ณตํ๊ธฐ ๋๋ฌธ์ด๋ค. ๋ณธ ์น์ ์์๋ web3-react์ ๋ฏธ๋์ ๊ฐ๋ฐ์๊ฐ ์ฃผ๋ชฉํด์ผ ํ ์ฌ๋ฌ ์์์ ๋ํด ์ค๋ช ํ๊ฒ ๋ค.
web3-react์ ๋ฏธ๋
์ง์์ ์ผ๋ก ๋ฐ์ ํ๋ ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ค์ ์๋์์, web3-react์ ๋ฏธ๋๋ ๋งค์ฐ ๋ฐ๋ค. ๋ค์ ๋ช ๊ฐ์ง ์ด์ ๋ฅผ ํตํด ์ด๋ฅผ ์ดํด๋ณด์:
- ํ์ฅ์ฑ: web3-react๋ ์ฌ๋ฌ ํ๋ก๋ฐ์ด๋์์ ํตํฉ์ ํตํด ๋ค์ํ ๋ธ๋ก์ฒด์ธ ๋คํธ์ํฌ์ ์ฐ๊ฒฐํ ์ ์๋ค. ์ด๋ ๋ค๋ฅธ ์ํ๊ณ์์ ํธํ์ฑ์ ์ ๊ณตํ์ฌ ๋ ๋์ ์์ฅ์ ์ง์ ํ ์ ์๋ ๊ฐ๋ฅ์ฑ์ ์ฆ๊ฐ์ํจ๋ค.
- ์ปค์คํฐ๋ง์ด์ง ์ง์: ๊ฐ๋ฐ์๋ค์ ๋ณธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ํตํด ์์ ๋ง์ ์๊ตฌ์ ๋ง๊ฒ ๊ตฌ์กฐ๋ฅผ ์กฐ์ ํ ์ ์๋ค. ์ด๋ ๊ฐ๋ณ ์ ํ๋ฆฌ์ผ์ด์ ์ ํน์ฑ์ ์ ํฉํ๊ฒ ํฌํธํด๋ฆฌ์ค๋ฅผ ๊ตฌ์ฑํ ์ ์๊ฒ ํด์ค๋ค.
- ์ปค๋ฎค๋ํฐ์ ๋ฐ์ : web3-react์ ์ฑ๊ณต์ ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ์ ํ๋ฐํ ํผ๋๋ฐฑ๊ณผ ๊ธฐ์ฌ ๋๋ถ์ด๋ค. ์ฌ์ฉ์๋ค์ด ์์ฃผ ์ ๋ฐ์ดํธํ๊ณ ๊ฐ์ ์ ์ ๋ด๋์ผ๋ฉด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ์ง์ ๋์ฑ ํฅ์๋ ๊ฒ์ด๋ค.
์ด๋ฌํ ์์๋ค์ web3-react๊ฐ ์ง์์ ์ธ ์ฑ์ฅ๊ณผ ๋ฐ์ ์ ์ด๋ฃฐ ์ ์๋๋ก ๋์์ค๋ค.
๊ฐ๋ฐ์์๊ฒ์ ๋ฉ์์ง
๊ฐ๋ฐ์๋ค ์๊ฒ ๋ฟ๋ฆฌ๊น์ ์ค์ํ ๋ฉ์์ง๋, ๋์ ์ ์ ๊ณผ ์ง์์ ์ธ ํ์ต์ด๋ค. ์น3 ๋ถ์ผ๋ ๋น ๋ฅด๊ฒ ๋ณํํ๋ฏ๋ก, ํญ์ ์ต์ ๋ํฅ๊ณผ ๊ธฐ์ ์ ๋ฏผ๊ฐํด์ผ ํ๋ค. web3-react๋ฅผ ํ์ฉํ ๋ ๊ณ ๋ คํด์ผ ํ ๋ช ๊ฐ์ง ์ฌํญ์ ๋ค์๊ณผ ๊ฐ๋ค:
- ์ง์์ ์ธ ์ ๋ฐ์ดํธ: ๊ฒฝ์์ด ์น์ดํ ๋งํผ, ํญ์ ์ต์ ์ ์ ๋ณด๋ฅผ ์ ์งํ๋ฉฐ ์ ๋ฐ์ดํธ๋ฅผ ๋ฐ์ํด์ผ ํ๋ค.
- ๋ณด์: ๋ธ๋ก์ฒด์ธ ์ ํ๋ฆฌ์ผ์ด์ ์์ ๋ณด์์ ๋ฌด์๋ณด๋ค๋ ์ค์ํ๋ค. web3-react๋ฅผ ์ฌ์ฉํ ๋ ์์ ํ ์ธ์ฆ ๋ฐฉ๋ฒ์ ์ ํํด์ผ ํ๋ค.
- ์ปค๋ฎค๋์ผ์ด์ : ์ปค๋ฎค๋ํฐ์์ ์ํต์ ํฐ ์์ฐ์ด ๋ ์ ์๋ค. ์ง๋ฌธ๊ณผ ํผ๋๋ฐฑ์ ์ฃผ๊ณ ๋ฐ์ผ๋ฉฐ, ๋ ์ข์ ํด๊ฒฐ์ฑ ์ ์ฐพ์ ์ ์๋ค.
web3-react์ ํ์ฉ์ ๋จ์ํ ์ฝ๋ ์์ฑ์ ๊ทธ์น๋ ๊ฒ์ด ์๋๋ค. ํนํ, ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ํ๊ณ์์์ ์ง์์ ์ธ ๋๋ผ์์ ๊ธฐ๋ํ๋ฉฐ, ์๋ก์ด ๊ธฐํ๋ฅผ ์ฐพ์ ๋๊ฐ๋ ์์ธ๊ฐ ์ค์์๋์ด์ผ ํ๋ค.
"๋ฏธ๋๋ ์์ธกํ๋ ๊ฒ์ด ์๋๋ผ, ์ค๋นํ๋ ๊ฒ์ด๋ค."
์น3์ ๋ธ๋ก์ฒด์ธ ๊ธฐ์ ์ ์ฑํ์ ๋ฐ๋ผ, web3-react๋ ๊ทธ ํต์ฌ ์์๊ฐ ๋ ๊ฒ์ด๋ฉฐ, ์ด๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋ฅํ ์ต์์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ๊ฒ์ด ์ค์ํ๋ค.
์์ผ๋ก์ ๋ถ์๊ณผ ํ์ ์ด ๋์ฑ ๊ธฐ๋๋๋ ์์ญ์ด๋ค.