MagicUI1 [UI/IX 컴포넌트 오픈소스 #04] "화려한 애플(Apple) 웹사이트의 비밀", Aceternity UI & Magic UI 안녕하세요! 여러분의 밋밋한 포트폴리오에 생명력을 불어넣어 줄 프론트엔드 심폐소생술사, 웹 개발자입니다.프론트엔드 개발자로 일하다 보면 기획자나 클라이언트에게 가장 많이, 그리고 가장 두려운 요구사항을 듣게 됩니다. "개발자님, 우리 메인 홈페이지... 그, 애플(Apple) 웹사이트처럼 만들어주시면 안 될까요? 스크롤 내리면 글자가 스르륵~ 나타나고, 마우스 움직이면 빛이 막 따라다니는 거요!" 과거의 저였다면 이 말을 듣자마자 식은땀을 흘리며 도망쳤을 겁니다. 순수 CSS의 @keyframes를 이용해 애니메이션을 짜본 분들은 아실 겁니다. 코드는 끝도 없이 길어지고, 브라우저마다 호환성도 다르고, 무엇보다 스크롤 위치나 마우스 좌표를 자바스크립트로 계산해서 화면을 움직이게 만드는 것은 엄청난 렌더링.. 2026. 4. 2. 이전 1 다음
