Front End/React.js2 React.js " Invalid DOM property " 오류 해결법 오류 내용 React.js 이나 Next.js 환경에서 프로젝트를 운영해보면 콘솔장에서 " Invalid DOM property ... " 오류 뜨는것을 확인할 수 있습니다. 아무 문제 없이 잘 돌아가긴 하지만 왠지 깔끔한 느낌이 안 들어서 간단한 방법으로 이런 오류 안 뜨게 하는 법을 기록해봤습니다. 정확한 오류 내용을 다음과 같습니다: hydration-error-info.js:27 Warning: Invalid DOM property `stroke-linecap`. Did you mean `strokeLinecap`? hydration-error-info.js:27 Warning: Invalid DOM property `stroke-linejoin`. Did you mean `strokeLinejo.. 2023. 5. 13. [ ReactJS + Carousel ] 리액트 프로젝트에서 이미지 슬라이드 만들기 Carousel 이란? Carousel은 웹 페이지나 애플리케이션에서 이미지나 콘텐츠를 순환적으로 보여주는 슬라이드 쇼 형태의 컴포넌트입니다. Carousel은 사용자에게 다양한 콘텐츠를 시각적으로 전달하고, 사용자 상호작용을 통해 콘텐츠 간의 전환을 가능하게 합니다. Carousel은 여러 개의 슬라이드로 구성되어 있으며, 각 슬라이드에는 이미지, 텍스트, 버튼 등 다양한 콘텐츠를 포함할 수 있습니다. 일반적으로 좌우 화살표나 점(dot) 형태의 인디케이터를 사용하여 사용자가 슬라이드를 이동하거나 특정 슬라이드로 이동할 수 있도록 합니다. 프론트엔드 분야에서 자주 사용되는 Carousel은 다양한 기능과 설정을 제공하여 사용자 정의가 가능합니다. 몇 초마다 자동으로 슬라이드가 전환되도록 타이머를 설정하.. 2023. 2. 15. 이전 1 다음
