메타마스크(암호 화폐 지갑)를 이용한 코인 거래소
- "@react-icons/all-files": "^4.1.0",
- "@reduxjs/toolkit": "^1.9.5",
- "@testing-library/jest-dom": "^5.16.5",
- "@testing-library/react": "^13.4.0",
- "@testing-library/user-event": "^13.5.0",
- "axios": "^1.4.0",
- "ethers": "^5.7.1",
- "node-sass": "^9.0.0",
- "react": "^18.2.0",
- "react-circular-progressbar": "^2.1.0",
- "react-dom": "^18.2.0",
- "react-icons": "^4.9.0",
- "react-redux": "^8.1.1",
- "react-router-dom": "^6.13.0",
- "react-scripts": "5.0.1",
- "redux": "^4.2.1",
- "web-vitals": "^2.1.4"
파일 구조
src
│ App.js
│ index.js
│ reportWebVitals.js
│ setupTests.js
│
├─apis
├─assets
│ ├─Font
│ │ Font.css
│ │ Lato-Bold.woff
│ │ Lato-Light.woff
│ │ Lato-Regular.woff
│ │ Poppins-Bold.woff
│ │ Poppins-Light.woff
│ │ Poppins-Medium.woff
│ │ Poppins-Regular.woff
│ │
│ └─img
├─components
│ │ Fee.js
│ │ Login.js
│ │ Overview.js
│ │ Quotes.js
│ │ SideBar.js
│ │ Transactions.js
│ │
│ ├─purchase
│ │ BuyToken.js
│ │ Purchase.js
│ │ SellToken.js
│ │
│ └─wallets
│ Wallets.js
│ WalletsCoinBox.js
│ WalletsProgress.js
│
├─pages
│ Main.js
│
├─store
│ │ store.js
│ │
│ └─reducers
│ metamaskData.js
│
└─styles
reset.css
style.scss
_common.scss
_main.scss
_sidebar.scss
_wallets.scss