create를 끝내고 update를 시도했는데 문제가 발생했다.
기존 react-router-dom에서는 route를 시킬때 history.push(./경로/${id}
);
이런식으로 시켰어야 했는데 이번 프로젝트는 next.js를 사용하기때문에 react-route를 사용하지 않아 방법을 찾아야했다.
그러나 문제가 있었다. 화면에서 dispatch시 경로 뒤 동적으로 id값을 부여해줘야하는데 next.js에서 어떻게 하는지 알 방법이 없었던 것이다.
구글링에서 next.js match.params 을 쳤으나 마땅한 검색결과가 나오지 않았다.
next.js 공식홈페이지에서 match/params 각각 검색해봤다... 알아 들을수가 없다. 공식문서는 아직 너무도 어려운거 같다. 그러나 인내를 갖고 읽어봐야겠다는 생각이 들었다.
next.js를 잘 아는 사람에서 콜을 했다.
다행히 키워드를 던져줬는데 next.js 동적라우팅 을 검색해보라 했고 결과가 충격적이었다.
링크 : https://programming119.tistory.com/233
블로그에 따르면 파일명을 동적으로 주고싶은 값으로 변경. 즉 id를 동적으로 주고싶다면 [id].js로 변경하라는 안내였다.
next.js문법..너무나 충격적이었다.
호기심에 바로 적용해보니 id가 url에 잘 넘어왔다.
와.... 파일명을 바꿔서 next.js에서 자동으로 동적인 라우팅이 가능하다니....
react-router-dom의 시대는 끝났다는 생각이든다.
미쳤다.