개발(라이브러리,프레임워크)79 styled component No overload matches this call. 오류 컴포넌트에서 styled.ts에 props를 넘겨줄때, styled.ts에서 props type을 몰라 생긴 이슈 컴포넌트에서 생성해준 타입 (interface , type )을 넘겨줘서 타입 설정 해주면 된다. // Button.styled.ts import styled from "styled-components"; import { IButton } from "./index"; //Button컴포넌트에서 받은 인터페이스 넘겨주기 const Button = styled.button` // 타입 설정 .... `; export { Button }; 2023. 1. 12. Warning: Prop `className` did not match. Server: "sc-jrcTuL jZFII" Client: "sc-gswNZR bPbOgX" 오류 Next.js 에서 styled-components 사용할때 위와 같은 오류가 뜬다. SSR로 동작하기 때문에 서버에서 생성된 컴포넌트와 CSR로 클라이언트에서 생성된 컴포넌트의 클래스명이 서로 달라지게 된다. className 일관 되게 만들어주기 1. babel-plugin-styled-components 설치하기 2. .babelrc 파일 루트에 만들어서 아래 내용 추가하기 { "presets": ["next/babel"], "plugins": ["babel-plugin-styled-components"] } 2023. 1. 11. progress bar circle 무한대로 돌리기 (CSS) &.mic-process { &:before { position: absolute; left: -12px; bottom: -12px; border-radius: 100px; -webkit-transition: all 0.5s ease-in; -webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; transition: all 0.5s ease-in; animation-name: rotate; animation-duration: 1s; animation-iteration-count: infini.. 2022. 10. 31. SFTP에 파일 올리기 내부망 서버SFTP에 이미지 파일 등을 매일올려야하는데 접속하기 너무 귀찮아서 소스 만들었음 여러개 multi로 올리는 케이스, 단일파일 올리는 케이스 2개 있음 XXController 에 아래 내용 추가 /** * 단일 파일 업로드 * @param request * @param file * @param params * @return * @throws Exception */ @RequestMapping(value = "/uploadFile") @ResponseBody public String uploadFile(HttpServletRequest request, @RequestPart MultipartFile file ,@RequestPart HashMap params) throws Exception { .. 2022. 10. 21. 이전 1 2 3 4 ··· 20 다음 반응형
