- Next.js, Tailwind CSS, and Framer Motion์ ์ฌ์ฉํ์ฌ ์ฌํํ์ง๋ง ๊ฐ๋ ฌํ ํฌํธํด๋ฆฌ์ค ์น์ฌ์ดํธ๋ฅผ ๋ง๋ค ์ ์๋ค. โจ
- MidJourney๋ฅผ ํ์ฉํ์ฌ ํ๋ฅญํ ์ด๋ฏธ์ง๋ฅผ ์์ฑํ๊ณ , ์์ง์ด๋ SVG ์์ด์ฝ์ ํตํด ์ธํฐ๋ํฐ๋ธํ ๋์์ธ์ ๊ตฌํํ ์ ์๋ค. ๐ค
- Framer Motion์ ์ฌ์ฉํ์ฌ ๋ถ๋๋ฝ๊ณ ๋งค๋๋ฌ์ด ์ ๋๋ฉ์ด์ ํจ๊ณผ๋ฅผ ๋ํ์ฌ ์ฌ์ฉ์ ๊ฒฝํ์ ํฅ์ํ ์ ์๋ค. ๐ซ
- Tailwind CSS์ ๊ฐ๋ ฅํ ํด๋์ค ์์คํ ์ ํ์ฉํ์ฌ ๋น ๋ฅด๊ณ ํจ์จ์ ์ผ๋ก ๋์์ธ์ ๊ตฌํํ ์ ์๋ค. ๐ ๏ธ
- ์์ด์ฝIFY์์ ๋ค์ํ ์์ด์ฝ์ ํ์ฉํ์ฌ ์ฌํํ๋ฉด์๋ ์ ๋ฌธ์ ์ธ ํฌํธํด๋ฆฌ์ค ๋์์ธ์ ์์ฑํ ์ ์๋ค.
- ํฌํธํด๋ฆฌ์ค๋ ๋น ๋ฅธ ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ์ํด ์ต์ ํ๋์ด ์์ผ๋ฉฐ, 100์ ์ Lighthouse ์ ์๋ฅผ ๋ฌ์ฑํ๋ค. ๐