인프런 커뮤니티 질문&답변
작성한 질문수
퀴즈 질문 풀이 오류
작성
·
11
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. Junho님.
Next.js의 동적 라우팅에서 혼란을 느끼신 것 같습니다. 옵셔널 캐치올 ([[...slug]])과 캐치올 ([...slug])의 차이를 이해하는 것이 중요합니다.
캐치올 ([...slug])은 경로 내 모든 하위 경로를 배열로 수집하여 핸들링합니다. 즉, /docs, /docs/a, /docs/a/b 등을 모두 한 컴포넌트로 처리할 수 있습니다. 하지만 이 경우 /docs 자신만 요청되어도 배열로 처리됩니다.
반대로, 옵셔널 캐치올 ([[...slug]])는 경로 자체가 없더라도 정상적으로 라우팅할 수 있습니다. 즉, 옵셔널 캐치올은 경로의 유무에 상관없이 모든 하위 경로를 포함하며, /docs와 같은 루트 경로를 지정하지 않아도 기본적으로 처리할 수 있기 때문에 더 유연한 해결책일 수 있습니다.
질문에 ‘루트 경로까지 모두 처리’라는 점이 강조되어 있다면, 옵셔널 캐치올 ([[...slug]])이 맞을 가능성이 큽니다. 이런 특성들이 혼란을 불러일으킬 수 있으며, 경우에 따라 정답이 다르게 해석될 수 있습니다.
이와 관련해 Next.js의 자세한 문서 및 유사한 질문 링크를 제공해드릴 수 있습니다. 공식 문서의 Next.js Documentation on Dynamic Routing에서 옵셔널 캐치올과 캐치올의 작동 방식을 보다 명확히 이해할 수 있습니다.
참고 링크
Next.js의 특성을 이해하고 응용하시는데 도움이 되셨으면 합니다. 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.