-
Notifications
You must be signed in to change notification settings - Fork 5
scrum1110
์ด์ ์ค - ๋๋ ์ด์ ์ ์ํ post ๋ ์ด์์ ๋ง๋ค๊ณ ์๋ฒ์ ๊ฐ๋์ ์๋ฒ ์ผ๋๋๋ฐ NFT๋ถ๋ถ์ ์์ง ์์ ๋ ์๊ฐ ์๊ฒ ๋ค. ์ด๋ฒ์ฃผ ๋ฐ๋ชจ๊ฐ Editor๋๊น Editor์ชฝ ํ์ ์ค์ด์ผ ํ ๊ฒ ๊ฐ์. ์ค๋์ ๋๋ Editor ์ด๋ป๊ฒ ํด์ผํ ์ง ๊ณ ๋ฏผ์ ํ ๊ฒ ๊ฐ์.
- ์ ์ํ post url ์ง๊ธ ๊ฒน์ณ์ ์ด๋ป๊ฒ ํ ๊ฑด์ง ์ด์ผ๊ธฐ ํด๋ณด์
- ์ํธ์ํฌ ๋ฑ๋ก์ชฝ API๋ ๋ค ๋์ ํ ์คํธ ํด๋ด์ผํ ๊ฒ ๊ฐ์. ์ฒซ๋ฒ์งธ ๋ฐ๋ชจ ์๋๋ฆฌ์ค ์ ์ฉ
- ์ ์ํ editor ๋ถ๋ถ ๋ ์ด์์๋ ๋ฝ์๋ฒ๋ฆฌ์
- ๋๋น๋ ์ ์ํ ๋ฑ๋ก API ๋ง๋ค๊ณ .
- ์ธํฐํ์ด์ค ์์
- ์นด๋ ์ด๋ฏธ์ง ์ด๋ฆ ํต์ผ
๋ฌธ์ํ - ์ด์ ์ถ๊ฐ์์ ๋์๊ฐ์ฏค ๋ ํ๊ณ ์ค์. 5์์ฏค ์ค๋๋ฐ ์๋ ํจํด์ผ๋ก ๋์์จ๊ฒ ๊ฐ์์ ๋ง์์ด ํธ์ํจ.
- ์ด์ ํ ์ผ : ๋ฎ์ ๊ณ์ ๋๋๊ทธ ์ฝ์งํ๋ค๊ฐ ์คํจํ๊ณ ์ง์ ์์ ์๋ํฐ๋ฅผ ์ ์ธํ ๋ค๋ฅธ ๋ถ๋ถ์ ์์ ํ์. DTO์ ์ผ๋ถ๊ฐ imgSrc์์ thumbnailImage๋ก ๋ฐ๋๊ฑธ ๋ฐ์ํ๊ฑฐ๋ ๋ก๊ทธ์ธ์ด ์๋์๋ ๋์์ค ๋ชจ๋ฌ๊ฐ์๊ฑธ ๋ง๋ค์๊ณ , sqlGenerator๋ฅผ ํ ์คํธํด๋ด.
- ์ค๋ ํ ์ผ : ์๋ํฐ ๋จธ์ง๋๋ฉด ์ฝ๋ ์ฝ์ด๋ณด๊ณ resize, rotate๋ฅผ ๋ฌ์๋ณผ ์์ . ๋ฐค์๋ web3.js ๊ณต๋ถํด์ ๋ถ์ฌ๋ณด๊ณ ์ถ์.
๊น์ผํ - ์ด์ ๋ฌด๋ฒ๋ธ(๋๋๊ฑฐ๋ธ)์ ๋ง๋ค์ด์ ์ข์์. ์ค๋ ๋ฆฌ์ฌ์ด์ฆ, useState๋ก ํด๋ฆญํ ์ํ์ธ ๊ฐ์ฒด๋ง ๋ณํ์ฃผ๊ธฐ, ์ ์ด๋ ์ ๊ทธ๋ ค์ฃผ๊ธฐ๋ฅผ ์งํํ ๊ฑฐ ๊ฐ์. ์ /์ โ useState โ ๋ฆฌ์ฌ์ด์ฆ ์์ผ๋ก ํ๋ ค๊ณ ํด. ๋ด์ผ์ด ๋นผ๋นผ๋ก๋ฐ์ด์ธ๋ฐ ํ์ฐฝ์์ ์ ๋นผ๋นผ๋ก ๋ฐ์ ์ ๊บผ ์ป์ด๋จน๊ณ , ๋๊ฐ ๋๊ตฌํํ ์คฌ๋ค๋ ์๋ฌธ๋ค์ผ๋ฉด์ ์ฌ๋ฏธ๋ฌ๋๊ฑฐ๊ฐ์๋ฐ ๊ธ ํ์ฐฝ์์ ๊ทธ๋ฆฌ์. ์ด์ฐจํผ ๋จ๊ณ ๋ผ ๋ณ๊ฑฐ์์์ง๋ง ใ ์ z-index๋ color-picker
๋ฐฑ๋ก๊ทธ ์ด์ ์ ๋ํ๊ฒ ์ต๋๋ค
๊ถ์๊ธฐ - ์ด์ DTO ์ ํจ์ฑ ๊ฒ์ฆ ๋ก์ง๊ณผ ์ข์์ API๋ฅผ ์์ฑํ๊ณ , ํธ๋ฌํ ํ์ต์ ์กฐ๊ธ ํ์๋ค. ์ถ๊ฐ์ ์ผ๋ก ์๋ํฐ ๋๋๊ทธ ๋ถ๋ถ์ ๋ ๊ฐ์ ํด๋ณด๋ค๊ฐ ์ค๋ค. ์๋ฒ์์ ์ ๋ฌํ๋ DTO ๊ฐ์ ์ด ํ์ํด๋ณด์.
์ค๋ ํ ์ผ:
- cropped์ thumbnail thumbnail๋ก ์ด๋ฆ ํต์ผ
- ์ฅ์ ๋ฐํ DTO ์์ฑํด์ ๋๊ฒจ์ฃผ๊ธฐ โ artwork๊ฐ ๊ฐ์ฒด๋ก ๊ฐ์ธ์ ธ์์
- ์์ ๋ก๊ทธ์ธ ์ค๋ฅ ํ์ธ
- ๋จ์ API ๋ค ์์ฑ
- ์๋ฒ ์ฅ์ ์ชฝ ์ค๋ฅ ํด๊ฒฐ
- ์กฐ๊ธ์กฐ๊ธ์ฉ ํฐ์ง๋ ์๋ฌ ์์
- ์ ์ํ ๋ฑ๋ก API
- ๊ธ์์ ๊ฒฐ์
- NestJs
- Next.js
- Express๋ฅผ ์ฐ์ง ์๊ณ NestJS๋ฅผ ์ฐ๋ ์ด์
- Custom Suspence ์ ์ฉ๊ธฐ
- Editor ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด ๊ฐ๋ฐ
- ์๋ฒ ์ฑ๋ฅ ๊ฐ์ ๊ธฐ
- 1์ฃผ์ฐจ ์คํ๋ฆฐํธ
- 2์ฃผ์ฐจ ์คํ๋ฆฐํธ
- 3์ฃผ์ฐจ ์คํ๋ฆฐํธ
- 4์ฃผ์ฐจ ์คํ๋ฆฐํธ
- 5์ฃผ์ฐจ ์คํ๋ฆฐํธ
- 6์ฃผ์ฐจ ์คํ๋ฆฐํธ