"COO-COO-NFT"๋ ๋ฌด์ง๊ฐ ๋ค๋ฆฌ๋ฅผ ๊ฑด๋ ์ฟ ์ฟ ์๋์ ๋์ฐฉํ ๊ธฐ๋ํผ๊ทธ๋ค์ด ๋ชจํ๊ณผ ํ์คํฐ๋ฒ์ ์ฆ๊ธฐ๋ฉฐ ์ด์๊ฐ๋ ์ธ๊ณ๋ฅผ ๋ฐฐ๊ฒฝ์ผ๋ก ํ NFT ํ๋ก์ ํธ์ ๋๋ค.
๊ธฐ๋ํผ๊ทธ์ ์๋ฆฌ๋ฅผ ํํํ๋ ์์ฑ์ด๋ฅผ ํฉ์ณ "COO-COO-NFT"๋ผ๋ ์ด๋ฆ์ ์ง์์ต๋๋ค.
์ด ํ๋ก์ ํธ๋ ๊ท์ฌ์ด ์บ๋ฆญํฐ๋ค๊ณผ ๋
ํนํ ์คํ ๋ฆฌ๋ผ์ธ์ ํตํด ์ฌ์ฉ์๋ค์๊ฒ ์ฌ๋ฏธ
์ ์์ง์ ์ฆ๊ฑฐ์
์ ์ ๊ณตํ๋ฉฐ, ๋ธ๋ก์ฒด์ธ ๊ธฐ์
์ ์ด์ฉํด NFT๋ก ๊ฑฐ๋ํ ์ ์๋๋ก ์ค๊ณ๋์์ต๋๋ค.
๐ฆsrc
โฃ components
โ โฃ GardenNftCard.tsx
โ โฃ Header.tsx
โ โฃ Layout.tsx
โ โฃ MintModal.tsx
โ โฃ MyNftCard.tsx
โ โ NftCardSlider.tsx
โฃ hooks
โ โฃ useApprovalStatue.ts
โ โฃ useGetTokenPrice.ts
โ โฃ useImageSlide.ts
โ โฃ useNftMetadata.ts
โ โ useNftMetadatas.ts
โฃ lib
โ โฃ contractAddress.ts
โ โฃ homeSlideImages.ts
โ โฃ mintContractAbi.json
โ โฃ saleContractAbi.json
โ โ worldView.ts
โฃ pages
โ โฃ adminPage.tsx
โ โฃ coocooGardenPage.tsx
โ โฃ detailNftPage.tsx
โ โฃ detailWorldViewPage.tsx
โ โฃ homePage.tsx
โ โฃ myCoocooPage.tsx
โ โ worldViewPage.tsx
โฃ types
โ โ metadata.ts
โฃ App.tsx
โฃ index.css
โฃ main.tsx
โ vite-env.d.ts
โ HEADER
- ๋ก์ปฌ ์คํ ๋ฆฌ์ง๋ฅผ ์ฌ์ฉํ์ฌ ์ฌ์ฉ์์ ์ง๊ฐ ์ฐ๊ฒฐ ์ํ๋ฅผ ์ ์ฅํ์ฌ ์๋ก๊ณ ์นจ์์๋ ๋ก๊ทธ์ธ ์ํ๋ฅผ ์ ์งํ ์ ์์ต๋๋ค.
โ WORLD VIEW
- ์ฌ์ฉ์์๊ฒ ํฅ๋ฏธ์ ๊ด์ฌ์ ๋ถ๋ฌ์ผ์ผํค๊ธฐ ์ํด
๋ค ๊ฐ์ ์ํผ์๋
๋ก ๊ตฌ์ฑ๋ ์ธ๊ณ๊ด์ ๋ณด์ฌ์ฃผ๋ ํ์ด์ง ์ ๋๋ค.
โ COOCOO GARDEN
- COO-COO NFT ๋ง์ผํ์ด์ง ์ ๋๋ค.
- ๋ฏผํ
๋์ด์๋
์ ์ฒด NFT
๋ฅผ ๋ณด์ฌ์ฃผ๋ฉฐ, ์ฌ์ฉ์์ ํด๋น NFT ์์ ์ ๋ฌด๋ฅผ ํ๋ณํ์ฌ ๊ตฌ๋งค ๋ฒํผ์ํ์ฑ/๋นํ์ฑ
์ํ๋ฅผ ๋ํ๋ ๋๋ค. - ์นด๋๋ฅผ ํด๋ฆญํ๋ฉด ํด๋น NFT์ ๋ํ
์์ธ ์ ๋ณด
๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
โ MY COOCOO
- ์ฌ์ฉ์๊ฐ
๊ตฌ๋งคํ COO-COO NFT
๋ฅผ ๋ณด์ฌ์ฃผ๋ ๋ง์ดํ์ด์ง ์ ๋๋ค. - ํ ํ๋ฉด์ 3๊ฐ์ NFT ์นด๋๋ฅผ ๋ณด์ฌ์ฃผ๋ฉฐ ํ์ดํ ๋ฒํผ์ ํด๋ฆญํ๋ฉด
์ฌ๋ผ์ด๋
ํ์์ผ๋ก ๋ค์ NFT ์นด๋๋ค์ ๋ณด์ฌ์ค๋๋ค. - ์ฒ์ NFT ์นด๋/๋ง์ง๋ง NFT ์นด๋์ ๊ฒฝ์ฐ ๊ฐ๊ฐ ์ฌ๋ผ์ด๋ ๋ฒํผ์
๋นํ์ฑํ
ํด์ ํด๋น ๋์์ด ์ํ๋์ง ์์์ ํ์ํ์์ต๋๋ค. ํ๋งค ๋ฑ๋ก ํ ๊ธ ๋ฒํผ
์ ํตํด๋ฉํ๋ง์คํฌ์ ์์ธ์ค ๊ถํ
์ ๋ถ์ฌํ ์ ์๊ณ ๊ฐ๊ฒฉ ๋ฑ๋ก input์ด ๋ณด์ฌ์ง๋๋ค. ์ด๋ฅผ ํตํด ์์ ํ COO-COO-NFT๋ฅผ์ ํ๋งค
ํ ์ ์์ต๋๋ค.
โ ADMIN
- ์ด ํ๋ก์ ํธ๋ ์ง๊ฐ ์ฃผ์๋ฅผ ํตํด ์ปจํธ๋ํธ๋ฅผ ๋ฐํํ
๊ด๋ฆฌ์
๋ง์ด๋ฏผํ
์ ์ํํ ์ ์๋๋ก ์ค๊ณ๋์ด ์์ต๋๋ค. - ๋ฐ๋ผ์ ๊ด๋ฆฌ์ ํ์ด์ง์ ์ ๊ทผ์ ์ง๊ฐ ์ฃผ์๋ฅผ ๋น๊ตํ์ฌ ์ผ๋ฐ ์ฌ์ฉ์์ ๊ฒฝ์ฐ
๋ฉ์ธ ํ์ด์ง
๋ก๋ฆฌ๋ค์ด๋ ํธ
๋๋๋ก ํ์์ต๋๋ค.
ํ๊ทธ | ์ค๋ช |
---|---|
feat | ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ ๊ฒฝ์ฐ |
chore | ํจํค์ง ๋งค๋์ ์ค์ ๋ฑ ์ฌ๋ฌ๊ฐ์ง ๊ธฐ๋ฅ๊ณผ ๋ฌด๊ดํ ๋ถ๋ถ ๋ค์ ์์ , ์ถ๊ฐ ํ๋ ๊ฒฝ์ฐ |
error | ๋ฒ๊ทธ๋ฅผ ๊ณ ์น๊ฒฝ์ฐ |
HOTFIX | ์น๋ช ์ ์ธ ๋ฒ๊ทธ ์์ , ์ด์์ค ๋น ๋ฅธ ์์ ์ด ํ์ํ ๊ฒฝ์ฐ |
design | CSS ๋ฑ ์ฌ์ฉ์ UI ๋์์ธ ๋ณ๊ฒฝ |
style | ์ฝ๋ ํฌ๋งท ๋ณ๊ฒฝ, ์ธ๋ฏธ์ฝ๋ก ๋๋ฝ ๋ฑ ๊ธฐ๋ฅ์์ ์ฝ๋ ์์ ์ด ์๋ ๊ฒฝ์ฐ |
comment | ์ฃผ์ ์ถ๊ฐ ๋ฐ ๋ณ๊ฒฝ |
docs | ๋ฌธ์๋ฅผ ์์ ํ ๊ฒฝ์ฐ |
refactor | ํ๋ก๋์ ์ฝ๋ ๋ฆฌํฉํ ๋ง |
rename | ํ์ผ๋ช ์ ์์ ํ๊ฑฐ๋ ์ฎ๊ธฐ๋ ์์ |
remove | ํ์ผ์ ์ญ์ ํ๋ ์์ |
test | Test์ฝ๋ ์ถ๊ฐ |
์ด ํ๋ก์ ํธ๋ ๋ฉํ๋ง์คํฌ ์ง๊ฐ
์ ํ์๋ก ํฉ๋๋ค.
๋จผ์ Chrome ๋ธ๋ผ์ฐ์
์ Metamask
๊ฐ ์ค์น๋์ด ์๋์ง ํ์ธํด ์ฃผ์ธ์.
๋ฉํ๋ง์คํฌ ์ง๊ฐ ์ค์นํ๊ธฐ
# ๋ ํฌ์งํ ๋ฆฌ ํด๋ก
git clone https://github.com/ssori0421/coo-coo-nft
# Vite ์ค์ ๋ฐ ์คํ
cd vite
npm install
npm run dev