250104 Vercel 배포 오류 해결 (못했음)

✅ Vercel 배포 오류

문제: 포트폴리오 웹페이지를 Vercel로 배포하던 중, eslint와 타입 오류 발생

eslint 해결: package.json에서 eslintConfig에 "next/next/no-img-element": "off" 추가 및
"ignorePatterns": ["*.config.js"]를 추가함으로써 img 태그의 사용을 허가하고 config 파일들은 lint 검사에서 제외시켰음

타입 오류 해결: app/page.tsx에서 RefObject를 MutableRefObject로 타입 단언

분명 문제 있는 부분 다 수정했는데도 왜 안 되는 걸까.. 하고 다시금 나타난 빌드 에러를 들여다 봤음

첫 번째 문제: 작은 따옴표 에러
알고 보니 page.tsx와 Navigation.tsx에서 사용한 ' 가 문제가 됐던 거였음
일단 이것부터 수정

두 번째 문제: useEffect에서 의존성 배열 관련 에러
의존성 배열에 sectionRefs를 추가해줌

이렇게 했는데도 또 빌드 에러가 발생해서 될 때까지 머리를 꽁꽁 싸매봄

to be continued