퀴즈 질문 풀이 오류
86
9 asked
저는 아무래도 정답이 C 같은데..
질문에서 /docs도 포함되어야 한다고 했으므로, 옵셔널 캐치올만이 루트 경로(/docs)까지 모두 처리할 수 있는거 아닌가요? 다 학습하고 혼란이 오네요..
Answer 2
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의 특성을 이해하고 응용하시는데 도움이 되셨으면 합니다. 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
rehype-sanitize 설치의 필요성
0
92
2
Notion API-DB 연결이 안돼요
0
541
2
private folders 와 전역 폴더
0
70
2
Streaming 관련해서 문의드립니다.
0
74
2
ISR 매커니즘에 대한 궁금증
0
68
2
cursor AI 프로젝트 룰 관련 질문 드립니다.
0
344
2
params 에 Promise 객체 타입이 지정되어야 하는 이유? 최신?
0
76
1
streaming 페이지 보완 필요
1
56
2
remark-gfm
0
111
2
마크업 파트 가독성 향상 방법
0
63
2
Next.js 블로그 결과물 공유 이벤트 진행 여부
0
69
1
블로그 PostCard 이미지 상단 여백
0
70
3
flex-col 과 space-y-6 차이
0
118
1
컴파일 에러 및 의존성 충돌 문제
0
106
2
TypeError: Invalid URL
0
172
2
세션 6의 퀴즈 5번 정답 옵셔널 캐치올 아닌가요?
1
73
2
상세 페이지 404 에러 발생
0
113
2
스타일이 적용 안되는 문제
0
96
2
cursorAI에 rule 생성 시 rule type이 안 나오는 현상 발생
0
177
3
클라이언트 컴포넌트 사전 렌더링
0
52
2
상세페이지 구현 Author의 name 프러퍼티가 조회가 안됩니다.
1
71
2
A
0
94
2
unstable_cache 사용 시 적정 revalidate 값 문의
0
91
2
useActionState에서 반환값 필드 생략 시 조건에 따라 에러 발생 여부가 다른 이유
0
85
2