전체 글 (85) 썸네일형 리스트형 에러 Uncaught SyntaxError: Unexpected token '<' 보호되어 있는 글입니다. onChange event type const handleSearchInput = (e: string) => { setMall(e.target.value); }; 이런 식으로 타입 지정을 해줬는데 target에서 string' 형식에 'target' 속성이 없습니다.라는 에러가 났다. input 태그에 마우스를 대보면 (property) JSX.IntrinsicElements.input: DetailedHTMLPropsInputHTMLAttributesHTMLInputElement>, HTMLInputElement> 이런 설명을 해주는데 이거를 타입으로 지정해줘야한다!대신 핸들러는 빼줘야 한다. 결과적으로React.ChangeEvent 이걸 타입으로 지정해주면 더이상 에러가 발생하지 않는다. const handleSearch.. url 경로가 바뀔 때마다 useEffect 실행하는 방법 - usePathname(), useSearchParams() 사용하기 next.js 13버전 부터는 url 이동을 감지하기 위해서 usePathname()와 useSearchParams() 훅스를 사용하면 된다. usePathname은 현재 url 경로를 반환하고useSearchParams 현재 url의 쿼리를 반환한다. 따라서 url의 경로가 바뀔 때만 고려하면 된다면 usePathname만쿼리를 포함하고 있을 경우엔 useSearchParams도 같이 사용하면 된다. 사용하는 방법import { usePathname, useSearchParams } from "next/navigation";const pathname = usePathname();const searchParams = useSearchParams();useEffect(() => { //실행하고 싶은 .. 이전 1 2 3 4 ··· 29 다음