크롱의 Dev Log

2020년 12월에 번역된 글로 현재와 다른 내용이 있을 수 있습니다. 다음은 nextjs 공식문서의 nextjs api 레퍼런스 중 next/link에 대한 글을 번역한 것이다. nextjs.org/docs/api-reference/next/link next/link | Next.js Enable client-side transitions between routes with the built-in Link component. nextjs.org next/link 예제 앱 Hello World Active className on Link 읽기 전에, Routing Introduction을 읽어볼 것을 권한다. 클라이언트 사이드에서 경로간의 이동은 Link 컴포넌트(exported by next/link)..

리액트 컴포넌트와 숫자를 인자로 받아 숫자만큼 리액트 컴포넌트를 복제해서 반환하는 duplicate 함수를 만들었다. function duplicate(Component: JSX.Element, number: number) { return ( {Array.from({ length: number }).map((value, index) => ( ))} ); }그러자 JSX element type 'Component' does not have any construct or call signatures.ts(2604)라고 에러가 떴다. duplicate 함수의 인자로 리액트 컴포넌트를 만드는 consturctor를 넘긴 것이 아니라 만들어진 instance를 넘겨서 문제가 되었던 것이다. 아래와 ..

개발하던 중 위와 같은 에러가 떴다. 말 그대로 useEffect에 매개변수로 배열을 넘겨주겠다고 타입 선언을 해뒀는데 string이 넘어가서 생기는 에러였다. customized useEffect의 매개변수를 배열로 바꿔주니 문제 없이 잘 돌아갔다.