[kuit_onboarding] ํํ์ด์ง ์คํฌ๋กค ์ ๋๋ฉ์ด์
๊ตฌํํ๊ธฐ(Framer-motion)
ยท
KUIT
0. ํํ์ด์ง ์คํฌ๋กค ์ ๋๋ฉ์ด์
์ ๊ตฌํํ๊ณ ์ถ์๋ค.KUIT ์จ๋ณด๋ฉ ํ์ด์ง๋ฅผ ์ด๋ป๊ฒ ๋ง๋ค๊น ๊ณ ๋ฏผ์ ์์ํ์ ๋, ๊ฐ์ฅ ๋จผ์ ๋ ์ฌ๋๋ ๊ฒ์ด ํํ์ด์ง ์คํฌ๋กค ์ ๋๋ฉ์ด์
์ด์๋ค. ์คํฌ๋กค ํ ๋ฒ ๋ด๋ฆฌ๋ฉด ํ๋ฉด์ด ํ๋์ฉ ๋ด๋ ค๊ฐ๋ ์ ๋๋ฉ์ด์
์ ๊ตฌํํ๊ณ ์ถ์๋ค. PC์์ ํ ๋ก ์คํฌ๋กค์ ํ๊ฑฐ๋, ๋ชจ๋ฐ์ผ๋ก ์๋ก ์ค์์ดํ๋ฅผ ํ๋ฉด ํ๋ฉด์ด ๋ฐ๋๋ ์ ๋๋ฉ์ด์
์ ๊ตฌํํ๊ณ ์ถ์๋ค. fullPage.js์ ๊ฐ์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฐ๋ ๊ฒ์ ๋จผ์ ๊ณ ๋ คํด๋ดค์ง๋ง, ๋ผ์ด์ผ์ค ๋น์ฉ์ด ์๋ค๋ ๋ง์ ๋ฃ๊ณ (๋น์๋ฆฌ๋ฉด ๋ฌด๋ฃ๋ผ๊ณ ํ๊ธด ํ์ง๋ง) ํฌ๊ธฐํ๋ค. ๊ทธ ๋์ Framer-motion์ ์ฌ์ฉํด์ ํ ๋ฒ ๊ตฌํํด๋ณด๊ธฐ๋ก ํ๋ค. ์ด๋ป๊ฒ ํด์ผํ ์ง ๊ฐ์ ์ ์กํ์ง ์์์ง๋ง, ๋ด๊ฒ๋ Claude๊ฐ ์์ผ๋๊น. ๊ณ์ ์ง๋ฌธํ๊ณ , ์์ ํ๊ณ . ๋ด๊ฐ ์ํ๋ ๊ฒฐ๊ณผ๊ฐ ๋์ค๊ธฐ๊น์ง ๋ฐ๋ณตํ๋ค..