[코멘트] next.js에서 brackets([]) 을 써야하는 이유

Subin·2019년 10월 27일
0

프로젝트를 하는 과정에서 의문이 생겨서 짧은 형식으로 블로깅을 하게 되었습니다. 사실 next.js에서 제공하는 튜토리얼(https://nextjs.org/learn/basics/getting-started)을 꼼꼼히 봤으면 생기지 않았을 의문이었습니다.

Screenshot 2019-10-27 08.54.54.png

1

프로젝트를 시작하고 2주일 가까이 되면서 예전에 만들었던 이 부분을 아무 생각없이 쓰고 있었는데, 서버쪽 담당을 하고 있는 팀원분께서 왜 []을 써야하는지 질문을 주셨고, 대답을 제대로 못하는 상황이 발생했습니다.

이유를 까먹어서... 매우 당황했습니다.

사용방법까지 궁금하시면 여기를 참고하시면 됩니다.
https://nextjs.org/learn/basics/create-dynamic-pages

간단하게 글을 적자면 동적으로 페이지를 바꾸어 줄 때 쿼리가 깨지는 현상을 발생하게 되고, 그 현상을 막기위해 []을 사용하여 그러한 현상을 잡아줄 수 있습니다. 하나의 약속입니다.

첫번 째 사진에서 깨진 부분을 두번째 사진처럼 잡아줍니다.
Screenshot 2019-10-27 09.00.02.png

Screenshot 2019-10-27 09.00.26.png

2

두 번째 질문이 있은 주소창에 글을 적었을 때의 결과 값과 주소창에 검색을 했을 때의 차이점이었습니다. 저의 경우 input창에 값을 입력하면 localhost:3000/search/입력값 로 넘어갑니다. (비입력시 [id])

Screenshot 2019-10-27 09.05.21.png

아직 모든 방법으로 검증을 한 건 아니지만 결과적으로 둘 사이의 차이점은 없다고 보여집니다.

참고
next.js 공식문서

profile
정확하게 알고, 제대로 사용하자

0개의 댓글