

Portfolio
Kim min kyung
Carrot Market
โ Stack : Next / HTML / tailwindCss / JavaScript / TypeScript
โ Media Query : DeskTop / Tablet
โ ๐ Vite Site
Next.js ๊ธฐ๋ฐ์ผ๋ก ๊ฐ๋ฐ๋ ์ค๊ณ ๊ฑฐ๋ ํ๋ซํผ ํด๋ก ํ๋ก์ ํธ๋ก, ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ Neon์ ์ฌ์ฉํ๋ฉฐ ORM์ผ๋ก Prisma๋ฅผ ๋์
ํด ์ฟผ๋ฆฌ ๊ด๋ฆฌ๋ฅผ ๊ตฌํํ์ต๋๋ค.
๋ฉ์ธ ํ์ด์ง ๋ฐ์คํฌํฑ ํ๊ฒฝ์์๋ Matter.js ๋ฌผ๋ฆฌ ์์ง์ ํ์ฉํด ๋ฐฐ๊ฒฝ ํด๋ฆญ ์ ๋น๊ทผ๊ณผ ํ ๋ผ ์ด๋ฏธ์ง๊ฐ ๋จ์ด์ง๋ ์ธํฐ๋ํฐ๋ธ ํจ๊ณผ๋ฅผ ์ ์ฉํ์ต๋๋ค.
๋ก๊ทธ์ธ ๊ธฐ๋ฅ์ ์ด๋ฉ์ผ, GitHub, Google, ์นด์นด์คํก OAuth๋ฅผ ๊ตฌํํ์ฌ ์ธ์ฆ ํ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ๋ฐ์ ์ ๊ท ๋ฑ๋ก ๋๋ ๋ก๊ทธ์ธ ์ฒ๋ฆฌ๋ฅผ ์ํํฉ๋๋ค.
์ํ ๋ฑ๋ก ์์๋ Cloudinary์ ์ด๋ฏธ์ง๋ฅผ ์ ์
๋ก๋ํ์ฌ secure URL์ ๋ฐ์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ก ์ ๊ณตํ๊ณ , ์ดํ form ์ ์ถ ์ ํด๋น URL์ ์๋ฒ ์ก์
์ผ๋ก ์ ๋ฌํ๋ ๊ตฌ์กฐ๋ก ์ด๋ฏธ์ง ๊ด๋ฆฌ๋ฅผ ๊ตฌํํ์ต๋๋ค.
์ํ ์์ธ ํ์ด์ง์์๋ Supabase Realtime ๊ธฐ๋ฐ ์ค์๊ฐ ์ฑํ
๊ธฐ๋ฅ์ ์ ๊ณตํ๋ฉฐ, ์ฑํ
๋ฐฉ ์กด์ฌ ์ฌ๋ถ์ ๋ฐ๋ผ ๊ฑฐ๋๋ฐฉ์ด ์๋ ์์ฑ ๋ฐ ์ด๋๋๊ณ , ๊ฑฐ๋ ์๋ฃ ์ ์๋๋ฐฉ์ ๋ํ ๋ฆฌ๋ทฐ ์์ฑ ๊ธฐ๋ฅ๋ ํฌํจ๋์ด ์์ต๋๋ค.





