<zinny/>

next14 + tailwind 사용중 가로 프로그레스 바 const [_step, setStep] = useState(0); // 단계가 지날때마다 애니메이션 되도록 const isRunAnimation = useMemo(() => { if (step !== _step) { setStep(step); return true; } else { return false; } }, [step]); 컴포넌트르로 만들어서 사용하기 위해서 useState부분을 props로 받아서 사용 중! 세로 프로그레스바

next14 + tailwind 사용중 {photos.map((image) => ( ))}

웹 개발에서 스타일링 초기화는 일관된 디자인을 구현하는데 중요한 요소입니다. 이를 위해 리셋 CSS와 노멀라이즈 CSS는 두 가지 대표적인 방법으로 사용됩니다. 하지만 이 두 방법은 어떻게 다를까요? 이번 글에서는 리셋 CSS와 노멀라이즈 CSS의 주요 차이점을 알아보겠습니다. 리셋 CSS: 기존 스타일 제거, 완전 초기화 리셋 CSS는 기본적으로 브라우저의 기본 스타일을 제거하고 모든 스타일을 초기화하는 방법입니다. HTML 요소의 여백, 패딩, 폰트 크기 등을 모두 제거하여 브라우저 간에 동일한 기본 스타일을 설정합니다. 이 방식은 브라우저별로 제공되는 기본 스타일을 완전히 무시하고, 개발자가 스타일을 완전히 제어할 수 있게 합니다. 하지만 이로 인해 일부 기본적인 시각적 요소도 사라질 수 있으며, ..

css로 만드는 다양한 slide animation!! http://junil-hwang.com/blog/css-slide-animation/ [CSS] 다양한 CSS Slide Animation - 개발자 황준일 보통 slide를 만들 때 javascript를 사용합니다. 하지만 javascript 없이도 간단한 슬라이드를 제작할 수 있습니다. keyframes을 이용할 수도 있고, input radio를 이용할 수도 있습니다. 다양한 슬라이드 제작 junil-hwang.com https://tangerineshower.tistory.com/98 스크립트 없이 만드는 자동 슬라이드 (오류있음) 키프레임, 애니메이션 속성 웹사이트 자동 슬라이드 배너 만들기 #웹사이트 #웹디자인 #슬라이드#자동슬라이드 #..