프로젝트 9쨋날 UPDATE....

양송현·2021년 11월 6일
0

create를 끝내고 update를 시도했는데 문제가 발생했다.

기존 react-router-dom에서는 route를 시킬때 history.push(./경로/${id});
이런식으로 시켰어야 했는데 이번 프로젝트는 next.js를 사용하기때문에 react-route를 사용하지 않아 방법을 찾아야했다.

  1. 첫번째로는 next.js 에서 route를 검색해서 route시킬때
    history.push('/')대신 router.push('/') 를 사용한다는 것을 알아냈다.

그러나 문제가 있었다. 화면에서 dispatch시 경로 뒤 동적으로 id값을 부여해줘야하는데 next.js에서 어떻게 하는지 알 방법이 없었던 것이다.

  1. 구글링에서 next.js match.params 을 쳤으나 마땅한 검색결과가 나오지 않았다.

  2. next.js 공식홈페이지에서 match/params 각각 검색해봤다... 알아 들을수가 없다. 공식문서는 아직 너무도 어려운거 같다. 그러나 인내를 갖고 읽어봐야겠다는 생각이 들었다.

  3. next.js를 잘 아는 사람에서 콜을 했다.

다행히 키워드를 던져줬는데 next.js 동적라우팅 을 검색해보라 했고 결과가 충격적이었다.

링크 : https://programming119.tistory.com/233

블로그에 따르면 파일명을 동적으로 주고싶은 값으로 변경. 즉 id를 동적으로 주고싶다면 [id].js로 변경하라는 안내였다.
next.js문법..너무나 충격적이었다.

호기심에 바로 적용해보니 id가 url에 잘 넘어왔다.

와.... 파일명을 바꿔서 next.js에서 자동으로 동적인 라우팅이 가능하다니....
react-router-dom의 시대는 끝났다는 생각이든다.
미쳤다.

profile
코린이의 뽀짝한 블로그

0개의 댓글