본문 바로가기

Web3

Web - "React does not recognize the customStyle prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase customstyle instead."에러 해결하는 법 크롬 개발자 도구에서 Console창을 보니까 이런 이상한 에러가 콘솔창을 도배하고 있었다.React does not recognize the customStyle prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase customstyle instead.customStyle을 React가 못 알아먹고 있으니까 customstyle로 이름을 바꾸라는 소리다. 하지만 소문자로 바꿔도 계속 경고 메세지가 출력된다.이때는 변수 앞에다가 '$'를 붙이면 문제가 해결된다.export const Container = styled.div` ${props =>.. 2024. 7. 2.
Web - "Assign object to a variable before exporting as module default import/no-anonymous-default-export"에러 해결하는 법 이번 포스팅에서는 "Assign object to a variable before exporting as module default import/no-anonymous-default-export"에러를 해결하는 방법을 알려드리겠습니다.아래와 같이 AuthAPI클래스를 생성해서 export해주고 있는데export default new AuthAPI(); 아래와 같이 const변수에 저장한 뒤 export하면 해결됩니다.Object타입일 경우도 마찬가지 입니다.const authApi = new AuthAPI();export default authApi; 2024. 7. 2.
CSS - 스크롤 바(Scroll bar) 가리는 법 스크롤이 가능하면서 스크롤 바만 보이지 않게 하고 싶은 경우아래와 같이 CSS를 작성하면 된다.-ms-overflow-style: none; /* for Internet Explorer, Edge */scrollbar-width: none; /* for Firefox */overflow-y: scroll;&::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */}-ms-overflow-style은 Internet Explorer와 Edge를 위한 속성이고 scrollbar-width는 Firefox 브라우저를 위한 것이다.&::-webkit-scrollbar는 크롬, 사파리, 오페라 들을 위한 것이다. 2024. 7. 2.