에러: useRouter로 [pid].tsx로 이동하면 페이지가 잘 뜨는데 새로고침을 하거나 브라우저에 직접 url을 입력하여 페이지에 접근하면 404 에러가 발생
원인: router로 이동할 때는 pid폴더의 index.tsx 파일을 찾아서 보여주지만 직접 입력할 때는 pid.tsx파일을 찾기 때문에 파일이 없다는 404에러가 발생한 것이다
해결방법:
1. Next.js 의 getStaticPaths, getStaticProps 함수를 사용해서 빌드시 각 유저의 정적 페이지를 모두 만들기
2. 동적라우팅 사용하지 않기
=> 동적 라우팅을 사용하지 않는 방향으로 선택하였다.
(출처: https://velog.io/@sj_dev_js/Next.js-%EB%8F%99%EC%A0%81-%EB%9D%BC%EC%9A%B0%ED%8C%85%EB%90%9C-%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%B0%B0%ED%8F%AC%EC%8B%9C-404-%EC%97%90%EB%9F%AC)
web