분류 전체보기

[React][TS][HypeTask] file import 경로

정말 매일 헷갈렸던 경로 ...

[React][TS][HypeTask] "이 호출과 일치하는 오버로드가 없습니다."

1. 오버로드 1/3('(options: UseInfiniteQueryOptions): UseInfiniteQueryResult')에서 다음 오류가 발생했습니다. '(data: InfiniteData) => any[]' 형식은 '(data: InfiniteData) => InfiniteData' 형식에 할당할 수 없습니다. 'any[]' 형식에 'InfiniteData' 형식의 pages, pageParams 속성이 없습니다. 2. 오버로드 2/3('(queryKey: QueryKey, options?: Omit | undefined): UseInfiniteQueryResult')에서 다음 오류가 발생했습니다. '{ queryKey: string[]; queryFn: ({ pageParam }: Quer..

[Typescript] 구조분해할당 + 타입 어노테이션

함수 호출부에서 파라미터로 다음과 같이 넘겨줄 때, // Post const addMutation = useMutation(addChat, { onSuccess: () => { queryClient.invalidateQueries(["chats"]); // dB onsuccess시, 쿼리컨텍스트 속 stale data를 새것으로 교체해줘 }, }); ... addMutation.mutate({newMessage, fullName}); addChat 비동기함수가 정의된 부분에서의 파라미터는 : export const addChat = async ({ newMessage, fullName }: { newMessage: string; fullName: string }) => { const response = ..

library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'

클론코딩 중, yarn start를 하려고 하니 .. library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' 의 에러가 발생 .. 원인 : package-json의 react-scripts 버전의 react-script의 버전이 예전 버전이라서 해결: npm install --save react-scripts@5.0.1 -> 버전 업그레이드 -> 웹 컴파일 완료 misSolution: --openssl-legacy-provider start, --openssl-legacy-provider build 명령어를 package.json파일의 scripts 부분에 추가하라고 했는데도, 컴파일 실패함...

[Javascript] useState()를 활용한 Show More/less 버튼 제어

SHOW MORE -> 사용자 클릭시 SHOW LESS 기능 구현하려 함 const [showMoreStatus, setShowMoreStatus] = useState(false) 로 제어 const [showMoreStatus, setShowMoreStatus] = useState(false) // fetching data // 1. 비디오 세부 정보 가져오기 useEffect(() => { if (id) { setShowMoreStatus(false); } }, [id]); - setShowMoreStatus(false)를 호출하여 "Show more" 버튼의 초기 상태를 설정 - 이렇게 함으로써, 기본적으로 비디오 설명의 일부만 표시되도록 함. 어쩌구 - showMoreStatus가 false (!..

[Url/Uri] useParams