원인 ❓ router.push( { pathname: `/list/categorylist`, query: { code: code, sort: sort, list: list, }, }, `/list/categorylist` ); router 또는 Link 태그를 사용해서 페이지 전환 시 query 옵션을 통해서 data 룰 전달 할 수 있습니다. ➡ 하지만, 배열 데이터가 정상적으로 전달이 되지 않음.. 해결 ✅ router.push( { pathname: `/list/categorylist`, query: { code: code, sort: sort, list: JSON.stringify(list), }, }, `/list/categorylist` ); ➡ JSON 으로 string 변환을 먼저 한 후,..
✅ useState 변수 선언 후 사용 안할 때 에러 제거 // eslint-disable-line no-unused-vars ✅ useEffect 내 해당 변수를 [ ] 안에 사용하지 않았을 때 에러 제거 // eslint-disable-line react-hooks/exhaustive-deps ✅ 정규식 에러 제거 //eslint-disable-line
1. Error 항목 Unhandled Runtime Error Error: Multiple children were passed to with href of / but only one child is supported https://nextjs.org/docs/messages/link-multiple-children Open your browser's console to view the Component stack trace. 1. 원인 ❓ {post.name} 위와 같이 하나의 Link컴포넌트 안에 두 개 이상의 컴포넌트 혹은 태그를 넣을 시 발생 1. ✅ 해결 {post.name} Link태그를 따로 분리 2. Error 항목 Warning: Function components cannot be g..
